/*!
 * Theme-Dark.css 
 * apex-builder-apex_ui v20.2.0
 * https://apex.oracle.com/
 * Copyright (c) Oracle
*/

/* ==========================================================================
   APEX Builder Dark Theme
   ========================================================================== */
/**
 * About the APEX Builder Theme
 *
 * This file contains a variables and a set of styles that are used to
 * provide the theming for the APEX builder and other internal
 * applications.  This theme provides styles to augment the
 * structural components of the builder's UI.
 *
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* This is a used in a background gradient */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
.apex-item-filedrop {
  --a-filedrop-border-color: rgba(252, 251, 250, 0.6);
  --a-filedrop-background-color: transparent;
  --a-filedrop-text-color: rgba(252, 251, 250, 0.6);
  --a-filedrop-hover-background-color: rgba(252, 251, 250, 0.04);
  --a-filedrop-active-background-color: #100F0E;
  --a-filedrop-active-border-color: #377E55;
  --a-filedrop-focus-border-color: #377E55;
  --a-filedrop-dragging-background-color: #255439;
  --a-filedrop-dragging-border-color: #377E55;
  --a-filedrop-heading-text-color: #FFFFFF;
  --a-filedrop-icon-color:  #FCFBFA;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * Base Colors
 *
 * Description:
 * Provides a base for the UI.
 *
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/**
 * Import Compass Helpers and Mixins
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
a.itemLabel:visited,
a.itemLabel:link,
a.itemLabel,
a.list,
a.list:link,
a.list:visited,
a.nolink:link,
a.nolink:visited,
a.nolink:hover {
  color: #FCFBFA;
}

/* FONTS */
/* RELATIVE SIZES */
.black80,
.black85,
.black90,
.black95,
.black100,
.black110,
.black120,
.black130,
.black140,
.black150 {
  color: #FCFBFA;
}

.white80,
.white85,
.white90 {
  font-size: 90%;
  color: #000000;
}

.white95,
.white100,
.white110,
.white120,
.white130,
.white140,
.white150 {
  color: #333333;
}

/* ABSOLUTE SIZES - we need to change these to relative sizes eventually. */
.fielddata {
  color: #FCFBFA;
}

.fielddatabold {
  color: #FCFBFA;
}

.fielddatasmall {
  color: #FCFBFA;
}

/* CLASSES USED BY THE REPORTING ENGINE, MAY BE COLOR SPECIFIC */
.tableheader {
  background: #312D2A;
  color: #FCFBFA;
}

.tabledata {
  background: #000000;
  color: #FCFBFA;
}

.tabledata-alt {
  background: #100F0E;
  color: #FCFBFA;
}

.tabledatabold {
  background: #000000;
  color: #FCFBFA;
}

table.standardLook th {
  color: #FCFBFA;
}

table.standardLook td {
  color: #FCFBFA;
}

table.default1 th {
  background: #312D2A;
  color: #FCFBFA;
}

table.default1 td {
  background: #000000;
  color: #FCFBFA;
}

table.default1 td.alt {
  background: #100F0E;
  color: #FCFBFA;
}

table.default2 {
  border-left: #312D2A;
  border-top-color: #312D2A;
  background: #000000;
}

table.default2 th {
  background: #312D2A;
  color: #FCFBFA;
  border-bottom-color: #312D2A;
  border-right-color: #312D2A;
}

table.default2 td {
  border-bottom-color: #312D2A;
  border-right-color: #312D2A;
}

table.default3 th {
  color: #FCFBFA;
}

table.default3 td {
  color: #FCFBFA;
}

table.default4 {
  border-left-color: #312D2A;
  border-top-color: #312D2A;
  border-right-color: #312D2A;
  border-bottom-color: #312D2A;
  background-color: #000000;
}

table.default4 td {
  border-left-color: #312D2A;
  border-top-color: #312D2A;
  border-right-color: #312D2A;
  border-bottom-color: #312D2A;
}

table.default4 th {
  color: #FCFBFA;
  background-color: #312D2A;
  border-left-color: #312D2A;
  border-top-color: #312D2A;
  border-right-color: #312D2A;
  border-bottom-color: #312D2A;
}

table.default4 td.even {
  background-color: #100F0E;
}

table.default4 td.odd {
  background-color: #000000;
}

table.vertical1 td {
  color: #FCFBFA;
}

table.vertical2 {
  border-color: #312D2A;
  background: #000000;
}

table.vertical2 td.L {
  border-color: #312D2A;
  background: #000000;
  color: #FCFBFA;
}

table.vertical2 td {
  border-color: #312D2A;
}

div.popupHead {
  background-color: #000000;
  border-bottom-color: #312D2A;
}

span.errTxt {
  color: #EA7362;
}

/*worksheet specific*/
.worksheet_detail {
  font-size: 12px;
}

.worksheet_detail th,
.worksheet_detail td {
  font-size: 1em;
  padding: 2px 8px;
}

.worksheet_detail th {
  text-align: right;
  background: none;
  background-image: none;
}

.worksheet .worksheet_detail th.group,
.worksheet_detail th.group {
  text-align: left;
  padding: 6px;
  border-bottom: #312D2A;
  border-top: #312D2A;
  background: #312D2A;
}

.worksheet_detail th.group img {
  margin-right: 5px;
  cursor: pointer;
}

.worksheet .worksheet_detail th.group,
.worksheet .worksheet_detail th {
  background: none;
  border: none;
  background-image: none;
  color: #FCFBFA;
}

.calculator td.w20 {
  width: 20;
  height: 20;
  text-align: center;
  font-size: 12px;
  color: #FCFBFA;
  padding: 4px;
  border: #312D2A;
  border-right: #312D2A;
  border-bottom: #312D2A;
  white-space: nowrap;
  cursor: pointer;
}

.calculator td.w40 {
  width: 40;
  height: 20;
  text-align: center;
  font-size: 12px;
  color: #FCFBFA;
  padding: 4px;
  border: #312D2A;
  border-right: #312D2A;
  border-bottom: #312D2A;
  white-space: nowrap;
  cursor: pointer;
}

.calculator td.w120 {
  width: 100%;
  height: 20;
  font-size: 12px;
  color: #FCFBFA;
  padding: 4px;
  border: #312D2A;
  border-right: #312D2A;
  border-bottom: #312D2A;
  white-space: nowrap;
  cursor: pointer;
  text-align: left;
}

th.current {
  border-left: #312D2A;
  border-right: #312D2A;
  background: #000000;
  color: #FCFBFA;
  background-image: none;
}

#webpage {
  font-size: 12px !important;
  empty-cells: show;
  height: 100%;
}

#webpage * {
  font-size: 12px !important;
}

#webpage td.column {
  height: 100%;
  border: #312D2A;
  empty-cells: show;
  padding: 15px 5px;
}

table.wb_region {
  border: #312D2A;
  width: 300;
  font-size: 12px !important;
  margin: 2px;
}

table.wb_region th {
  border-bottom: #312D2A;
  background: #312D2A;
}

#columnbuilder {
  border: #312D2A;
  background: #000000;
}

#columnbuilder td {
  white-space: nowrap;
  font-size: 9px;
  border-bottom: #312D2A;
  vertical-align: middle !important;
  height: 1em;
  line-height: 1em;
}

#columnbuilder td span {
  vertical-align: middle !important;
  height: 1em;
  line-height: 1em;
}

#columnbuilder td input {
  border: #312D2A !important;
}

table.TopBarUIFix {
  margin: 0 0 6px 0;
  empty-cells: show;
}

td.TopBarUIFixL {
  white-space: nowrap;
  border-right: #312D2A;
  border-top: #312D2A;
  border-bottom: #312D2A;
  background: #000000;
}

td.TopBarUIFixC {
  white-space: nowrap;
  border-top: #312D2A;
  border-bottom: #312D2A;
  background: #000000;
}

td.TopBarUIFixC a {
  display: block;
  height: 100%;
  width: 25px;
  text-decoration: none;
  cursor: help;
}

td.TopBarUIFixR {
  border: none;
  white-space: nowrap;
}

td.TopBarUIFixL *,
td.TopBarUIFixR *,
td.TopBarUIFixC * {
  vertical-align: middle;
}

.dhtmlSubMenu {
  background: #000000;
  font-size: 11px;
  width: 200;
  border: 2px solid #312D2A;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.dhtmlSubMenu li {
  margin: 0;
  padding: 0;
}

.dhtmlMenuSep {
  text-align: center;
}

img.dhtmlMenuSep {
  display: block;
  margin: auto;
  width: 80%;
  border: #312D2A;
  height: 1px;
  background: #000000;
}

.dhtmlSubMenu img.dhtmlSep {
  width: 180;
  height: 1px;
}

.dhtmlSubMenu .htmldbMIMG,
.dhtmlSubMenuS .htmldbMIMG {
  vertical-align: middle;
  float: right;
  width: 5px;
  height: 9px;
}

.dhtmlSubMenu .dhtmlSubMenuP {
  text-align: center;
  color: #FCFBFA;
  padding: 3px 8px;
  border-bottom: #312D2A;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
  margin: 1px;
}

.dhtmlSubMenu a.dhtmlSubMenuS,
.dhtmlSubMenu a.dhtmlSubMenuN {
  border: #312D2A;
  color: #FCFBFA;
  display: block;
  font-weight: normal;
  padding: 3px 8px;
  text-decoration: none;
  white-space: nowrap;
  margin: 1px;
  height: 1%;
  overflow: hidden;
}

/* Shows current number of rows selected */
li.dhtmlSubMenuSelected a.dhtmlSubMenuN {
  background-color: #312D2A;
}

.dhtmlSubMenu a.dhtmlSubMenuS:hover,
.dhtmlSubMenu a.dhtmlSubMenuN:hover,
.dhtmlSubMenu a.dhtmlSubMenuS:focus,
.dhtmlSubMenu a.dhtmlSubMenuN:focus,
.dhtmlSubMenu a.dhtmlSubMenuS:active,
.dhtmlSubMenu a.dhtmlSubMenuN:active {
  background: #312D2A;
  border: #312D2A;
  color: #FCFBFA;
}

a.dhtmlSubMenuS,
a.dhtmlSubMenuN {
  font-size: 1em;
  display: block;
  line-height: 1.2em;
  outline: none;
}

a.dhtmlSubMenuS *,
a.dhtmlSubMenuN * {
  vertical-align: middle;
}

a.dhtmlSubMenuS span {
  display: block;
  font-size: 1em;
  float: left;
}

a.dhtmlSubMenuS img {
  display: block;
  float: right;
  width: 5px;
  height: 9px;
}

.dhtmlSubMenu a.dhtmlSubMenuS,
.dhtmlSubMenu a.dhtmlSubMenuN {
  color: #FCFBFA;
}

div.dhtmlMenuLG {
  list-style-type: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  white-space: nowrap;
}

div.dhtmlMenuLG div.dhtmlMenuItem {
  text-align: center;
  float: left;
  margin: 0 8px 0 0;
}

div.dhtmlMenuLG a.dhtmlBottom {
  text-decoration: none;
  display: block;
  font-size: 12px;
  margin: 0 5px;
  font-weight: bold;
}

div.dhtmlMenuLGButton {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 4px;
  vertical-align: middle;
  white-space: nowrap;
}

div.dhtmlMenuLGButton div.dhtmlMenuItem {
  text-align: center;
  float: left;
  margin: 0 8px 0 0;
}

div.dhtmlMenuLGButton a.dhtmlBottom {
  text-decoration: none;
  display: block;
  font-size: 12px;
  margin: 0 5px;
  font-weight: bold;
}

.apex-tabular-form-error {
  border: #F19588;
  background-color: #000000;
  padding: 2px;
}

.apex-tabular-form-error-highlight {
  border: 2px solid #F19588;
  background-color: #FFD9D4;
  padding: 2px;
}

.apex-tabular-highlight {
  border: #312D2A;
  background-color: #8F602D;
  padding: 2px;
}

.apex-tabular-form-error-box {
  border-radius: 10;
  background: #8F602D;
  border: #8F602D;
  margin: 10;
  width: 600;
}

.apex-tabular-form-error-box .msg {
  padding: 10;
  text-align: center;
}

/**
 * Default Month Calendar - Below Calendar Data Display CSS
 */
.DefMonthCalendar .DefDay {
  text-align: left;
  vertical-align: top;
  height: 50;
  color: #FCFBFA;
  font-weight: bold;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #312D2A;
  margin: 0;
  padding: 4px;
  background-color: #000000;
}

.DefMonthCalendar .DefHour {
  width: 30;
  font: bold 12px/16px Arial, sans-serif;
  color: #FCFBFA;
  font-weight: bold;
  text-align: right;
  padding: 0 5px 35px 10;
  border-width: 0 0 0 0;
  white-space: nowrap;
  background-color: #000000;
}

/**
 * Default Week Calendar CSS
 */
.DefWeekCalendarHolder {
  width: 600;
}

.DefWeekCalendarHolder .DefMonthTitle {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #FCFBFA;
}

.DefWeekCalendar {
  border-left: #312D2A;
  border-bottom: #312D2A;
  width: 100%;
}

.DefWeekCalendar .DefDayOfWeek {
  color: #FCFBFA;
  padding: 3px;
  background-color: #000000;
  border-right: #312D2A;
}

.DefWeekCalendar td {
  height: 30;
  width: 14%;
  border-top: #312D2A;
  border-right: #312D2A;
}

.DefWeekCalendar .DefDayTitle {
  padding: 0;
  font-weight: bold;
  text-align: right;
  float: right;
  border: 0 solid #312D2A;
  border-right: none;
  border-top: none;
}

.DefWeekCalendar .DefDay {
  vertical-align: top;
}

.DefWeekCalendar .DefNonDay {
  background-color: #000000;
}

.DefWeekCalendar .DefToday {
  vertical-align: top;
  border-top: #312D2A;
  background-color: #000000;
}

.DefWeekCalendar .DefToday .DefDayTitle {
  background-color: #000000;
}

.DefWeekCalendar .DefHour {
  height: 30;
  width: 5%;
  border-top: #312D2A;
  background-color: #000000;
}

.DefWeekCalendar .DefHourTitle {
  width: 40;
  background-color: #000000;
}

/**
 * Default Daily Calendar CSS
 */
.DefDayCalendarHolder {
  width: 600;
}

.DefDayCalendarHolder .DefMonthTitle {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #FCFBFA;
}

.DefDayCalendar {
  border-left: #312D2A;
  border-bottom: #312D2A;
  width: 100%;
}

.DefDayCalendar .DefDayOfWeek {
  color: #FCFBFA;
  padding: 3px;
  background-color: #000000;
  border-right: #312D2A;
}

.DefDayCalendar td {
  width: 560;
  height: 30;
  border-right: #312D2A;
  border-top: #312D2A;
}

.DefDayCalendar .DefDayTitle {
  padding: 0;
  font-weight: bold;
  text-align: right;
  float: right;
  border: 0 solid #312D2A;
  border-right: none;
  border-top: none;
}

.DefDayCalendar .DefDay {
  vertical-align: top;
}

.DefDayCalendar .DefToday {
  vertical-align: top;
  border-right: #312D2A;
  border-top: #312D2A;
  background-color: #000000;
}

.DefDayCalendar .DefToday .DefDayTitle {
  background-color: #000000;
}

.DefDayCalendar .DefHour {
  width: 40;
  height: 30;
  border-top: #312D2A;
  border-right: #312D2A;
  background-color: #000000;
}

.DefDayCalendar .DefHourTitle {
  width: 40;
  background-color: #000000;
}

/**
* Default Custom Calendar styles
**/
.DefcstCalendarHolder {
  width: 600;
}

.DefcstCalendarHolder .DefMonthTitle {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #FCFBFA;
}

.DefcstCalendar {
  border-left: #312D2A;
  border-bottom: #312D2A;
  width: 100%;
}

.DefcstCalendar .DefDayOfWeek {
  color: #FCFBFA;
  padding: 3px;
  background-color: #000000;
  border-right: #312D2A;
}

.DefcstCalendar td {
  height: 75px;
  width: 14%;
  border-top: #312D2A;
  border-right: #312D2A;
}

.DefcstCalendar .DefDayTitle {
  padding: 0;
  font-weight: bold;
  text-align: right;
  float: right;
  border: 0 solid #312D2A;
  border-right: none;
  border-top: none;
}

.DefcstCalendar .DefDay {
  vertical-align: top;
}

.DefcstCalendar .DefNonDayTitle {
  text-align: right;
  color: #FCFBFA;
}

.DefcstCalendar .DefNonDay {
  background-color: #000000;
}

.DefcstCalendar .DefWeekendDayTitle {
  padding: 2px;
  font-weight: bold;
  float: right;
  border: 2px solid #312D2A;
  border-right: none;
  border-top: none;
  text-align: right;
  color: #FCFBFA;
}

.DefcstCalendar .DefToday {
  vertical-align: top;
  border-top: #312D2A;
  background-color: #000000;
}

.DefcstCalendar .DefToday .DefDayTitle {
  background-color: #000000;
}

.DefCstWeekCalendarHolder {
  width: 600;
}

.DefCstWeekCalendarHolder .DefMonthTitle {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #FCFBFA;
}

.DefCstWeekCalendar {
  border-left: #312D2A;
  border-bottom: #312D2A;
  width: 100%;
}

.DefCstWeekCalendar .DefDayOfWeek {
  color: #FCFBFA;
  padding: 3px;
  background-color: #000000;
  border-right: #312D2A;
}

.DefCstWeekCalendar td {
  height: 30;
  width: 14%;
  border-top: #312D2A;
  border-right: #312D2A;
}

.DefCstWeekCalendar .DefDayTitle {
  padding: 0;
  font-weight: bold;
  text-align: right;
  float: right;
  border: 0 solid #312D2A;
  border-right: none;
  border-top: none;
}

.DefCstWeekCalendar .DefDay {
  vertical-align: top;
}

.DefCstWeekCalendar .DefNonDay {
  background-color: #000000;
}

.DefCstWeekCalendar .DefToday {
  vertical-align: top;
  border-top: #312D2A;
  background-color: #000000;
}

.DefCstWeekCalendar .DefToday .DefDayTitle {
  background-color: #000000;
}

.DefCstWeekCalendar .DefHour {
  height: 30;
  width: 5%;
  border-top: #312D2A;
  background-color: #000000;
}

.DefCstWeekCalendar .DefHourTitle {
  width: 40;
  background-color: #000000;
}

.DefAgendaCalendar {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
}

.DefAgendaCalendar .DefMonthTitle {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #FCFBFA;
}

.DefAgendaCalendar .DefDayTitle {
  font: bold 14px/18px Arial, sans-serif;
  text-align: center;
  color: #FCFBFA;
  border-width: 1px 0 0 0;
  background-color: #000000;
  border-left: 0 solid #312D2A;
  border-right: 0 solid #312D2A;
  border-top: 0 solid #312D2A;
  border-bottom: 0 solid #312D2A;
  margin: 0;
}

.DefAgendaCalendar .DefDay {
  text-align: left;
  vertical-align: top;
  height: 50;
  color: #FCFBFA;
  font-weight: bold;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #312D2A;
  margin: 0;
  padding: 4px;
  background-color: #000000;
}

.DefAgendaCalendar .DefHourTitle {
  font: bold 14px/18px Arial, sans-serif;
  text-align: center;
  color: #FCFBFA;
  background-color: #000000;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #312D2A;
  margin: 0;
}

.DefAgendaCalendar .DefHour {
  width: 30;
  font: bold 12px/16px Arial, sans-serif;
  color: #FCFBFA;
  font-weight: bold;
  text-align: right;
  padding: 0 5px 35px 10;
  border-width: 0 0 0 0;
  white-space: nowrap;
  background-color: #000000;
  vertical-align: center;
}

.DefAgendaCalendar .DefToDayTitle {
  font: bold 14px/18px Arial, sans-serif;
  text-align: center;
  color: #FCFBFA;
  border-width: 1px 0 0 0;
  background-color: #000000;
  border-left: 0 solid #312D2A;
  border-right: 0 solid #312D2A;
  border-top: 0 solid #312D2A;
  border-bottom: 0 solid #312D2A;
  margin: 0;
}

.DefAgendaCalendar .DefToday {
  text-align: left;
  vertical-align: top;
  height: 50;
  color: #FCFBFA;
  font-weight: bold;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #312D2A;
  margin: 0;
  padding: 4px;
  background-color: #000000;
}

.DefAgendaCalendar .DefTodayHourTitle {
  font: bold 14px/18px Arial, sans-serif;
  text-align: center;
  color: #7e7e7e;
  background-color: #000000;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #000000;
  margin: 0;
}

.DefAgendaCalendar .DefTodayHour {
  width: 30;
  font: bold 12px/16px Arial, sans-serif;
  color: #FCFBFA;
  font-weight: bold;
  text-align: right;
  padding: 0 5px 35px 10;
  border-width: 0 0 0 0;
  white-space: nowrap;
  background-color: #000000;
  vertical-align: center;
}

/**
*This is Calendar Drag & Drop related Classes
* */
.calDragDrop {
  width: 98%;
}

.apex_cal_data_grid_src {
  width: 100%;
  margin-top: 2px;
}

/**
 *This is the standard apex finderbar
 * */
table.apex_finderbar {
  margin: 5px 0;
  empty-cells: show;
}

td.apex_finderbar_middle {
  white-space: nowrap;
  border-top: #312D2A;
  border-bottom: #312D2A;
  background: #000000;
}

td.apex_finderbar_middle a {
  display: block;
  height: 100%;
  text-decoration: none;
}

td.apex_finderbar_left {
  white-space: nowrap;
  border-right: #312D2A;
  border-top: #312D2A;
  border-bottom: #312D2A;
  background: #000000;
}

.apex_finderbar_left_middle {
  background-image: url(../htmldb/builder/builder_find_bg.png);
}

.apex_finderbar_left_top {
  background-image: url(../htmldb/builder/builder_find_bg.png);
}

.apex_finderbar_left_top img.spacer {
  display: block;
  background-image: url(../htmldb/builder/builder_find_top.png);
}

.apex_finderbar_left_bottom {
  background-image: url(../htmldb/builder/builder_find_bg.png);
}

.apex_finderbar_left_bottom img.spacer {
  display: block;
  background-image: url(../htmldb/builder/builder_find_bottom.png);
}

.apex_finderbar_buttons {
  padding-left: 10;
  white-space: nowrap;
}

.apex_close {
  margin-right: 10;
}

#loader {
  position: absolute;
  top: 0;
  left: 45%;
}

td.apex_finderbar_middle label {
  display: block;
}

span.ws_link {
  text-decoration: underline;
  cursor: pointer;
}

.error {
  border: red;
}

.error_text {
  color: red;
}

table.accessible-report {
  border: 1px #312D2A solid;
  margin: 4px;
}

table.accessible-report tfoot tr td,
table.accessible-report tfoot,
table.accessible-report tfoot tr {
  background: #000000;
  border: 0;
}

table.accessible-report > tbody > tr > th {
  background: #100F0E;
  font-weight: bold;
  border-bottom: 1px #312D2A solid;
  white-space: nowrap;
  vertical-align: bottom;
  padding: 4px 9px;
  color: #FCFBFA;
  font-size: 12px;
  background-repeat: repeat-x;
}

table.accessible-report > tbody > tr > td {
  background: #000000;
  border-top: 1px #312D2A solid;
  border-bottom: 1px #312D2A solid;
  font-size: 12px;
  padding: 2px 9px;
  empty-cells: show;
}

table.accessible-report > tbody > tr > th a {
  color: #FCFBFA;
  font-size: 12px;
}

table.standard-report {
  border: 1px #312D2A solid;
}

table.standard-report tfoot tr td,
table.standard-report tfoot,
table.standard-report tfoot tr {
  background: #000000;
  border: 0;
}

table.standard-report > tbody > tr > th {
  background: #100F0E;
  font-weight: bold;
  border-bottom: 1px #312D2A solid;
  white-space: nowrap;
  vertical-align: bottom;
  padding: 4px 9px;
  color: #FCFBFA;
  font-size: 12px;
  background-image: url(../apex/reg_top_bg.png);
  background-repeat: repeat-x;
}

table.standard-report > tbody > tr > td {
  background: #000000;
  border-top: 1px #312D2A solid;
  border-bottom: 1px #312D2A solid;
  font-size: 12px;
  padding: 2px 9px;
  empty-cells: show;
}

table.standard-report > tbody > tr > th a {
  color: #FCFBFA;
  font-size: 12px;
}

table.column_mapping {
  border-top: 1px #312D2A solid;
  width: 100%;
}

table.column_mapping tfoot tr td,
table.column_mapping tfoot,
table.column_mapping tfoot tr {
  border: 0;
}

table.column_mapping > tbody > tr > th {
  font-weight: bold;
  border-bottom: 1px #312D2A solid;
  white-space: nowrap;
  vertical-align: bottom;
  padding: 4px 9px;
  color: #FCFBFA;
  font-size: 12px;
  background-repeat: repeat-x;
}

table.column_mapping > tbody > tr > td {
  border-bottom: 1px #312D2A solid;
  font-size: 12px;
  padding: 2px 9px;
  empty-cells: show;
}

table.column_mapping > tbody > tr > th a {
  color: #FCFBFA;
  font-size: 12px;
}

/**
 *AJAX Based data adding to Calendar
 */
#apex_cal_DATA_PANEL_DROP {
  background: #000000;
  border: #312D2A;
  z-index: 1;
  padding: 5px;
  margin-bottom: 5px;
  border-radius: 6px;
  clear: both;
  float: left;
}

#apex_cal_DATA_PANEL_DROP label {
  font-size: 12px !important;
}

#apex_cal_DATA_PANEL_DROP td {
  white-space: nowrap !important;
}

/**
 *apex_
 *everthing we automatically output will should be prepended with apex_
 */
table tr td.apex_report_break {
  border-left: none !important;
  border-right: none !important;
  padding: 5px;
}

.apex_wait_popup {
  display: block;
  padding: 5px;
  font-size: 16px;
  width: 300;
  text-align: center;
  left: 40%;
  top: 30%;
  position: absolute;
  border: 2px solid #312D2A;
  background-color: #FFFFFF;
  z-index: 1002;
}

.apex_wait_overlay {
  display: block;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #100F0E;
  z-index: 1001;
  opacity: .5;
}

.apex-loading-indicator {
  background-image: url(../../apex_ui/img/legacy/loading16x16.gif);
  padding: 1px 8px 1px 8px;
}

/*.apex_disabled {
  background-color: #ccc;
}
*/
.apex_disabled_multi {
  color: #A8A29B;
}

/* topbar */
.topbar {
  padding: 0 0 4px 0;
  float: left;
  clear: right;
  overflow: hidden;
}

.topbar .topbar-items {
  float: left;
}

.topbar .topbar-buttons {
  float: left;
  padding: 16px 0;
}

.topbar .topbar-top {
  width: 100%;
  float: left;
  background: url(../apex/builder/bg-topbox.gif) no-repeat 0 0;
}

.topbar .topbar-top .topbar-top-r {
  height: 3px;
  color: #000000;
  font-size: 1px;
  font-weight: bold;
  background: url(../apex/builder/bg-topbox-r.gif) no-repeat 100% 0;
}

.topbar .topbar-body {
  float: left;
  width: 100%;
  background: url(../apex/builder/bg-region-frame-l.gif) repeat-y scroll 0 0;
}

.topbar .topbar-body .topbar-body-r {
  color: #000000;
  font-size: 14px;
  padding: 0 12px 0 2px;
  background: url(../apex/builder/bg-region-frame-r.gif) repeat-y scroll 100% 0;
}

.topbar .topbar-body .topbar-content {
  padding: 6px;
  clear: right;
  background: #f8f8f8 url(../apex/builder/bg-announcements.gif) repeat-x scroll 0 100%;
  height: 1%;
  overflow: hidden;
}

.topbar .topbar-body .topbar-content .formlayout .body {
  padding: 2px 0 0 0;
}

.topbar .topbar-bottom {
  width: 100%;
  float: left;
  height: 10;
  overflow: hidden;
  background: url(../apex/builder/bg-region-bottom-l.gif) no-repeat scroll 0 0;
}

.topbar .topbar-bottom .topbar-bottom-r {
  color: #000000;
  height: 5px;
  overflow: hidden;
  background: url(../apex/builder/bg-region-bottom-r.gif) no-repeat scroll 100% 0;
}

/* Two Col Report */
div.two-col-report-portlet div.report-row {
  clear: both;
  border-bottom: 1px dotted #312D2A;
}

div.two-col-report-portlet div.report-row div.report-col-hdr {
  float: left;
  font: normal 12px/20 Arial, sans-serif;
}

div.two-col-report-portlet div.report-row div.report-col-val {
  float: right;
  font: bold 12px/20 Arial, sans-serif;
}

/* show pre- and post-text on the same line as the item type */
fieldset.checkbox_group {
  vertical-align: baseline;
}

fieldset.datepicker,
fieldset.lov,
fieldset.radio_group,
fieldset.textarea,
fieldset.shuttle,
fieldset.colorpicker,
fieldset.html_editor,
fieldset.listmanager {
  vertical-align: middle;
}

.fixed-header-report table {
  empty-cells: show;
  border: #312D2A;
}

.fixed-header-report table tbody {
  display: block;
  height: 200;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
}

.fixed-header-report table thead tr {
  background-color: #312D2A;
  background-image: url(../images/report_bg.gif);
  background-repeat: repeat-x;
  border-bottom-color: #312D2A;
}

.fixed-header-report table th.header {
  color: #FCFBFA;
}

.fixed-header-report table th.header a {
  color: #FCFBFA;
}

.fixed-header-report table td.data {
  background-color: #000000;
  border-bottom: #312D2A;
}

.fixed-header-report table td.data-alt {
  background-color: #000000;
  border-bottom-color: #312D2A;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
.comp-view-col-cell {
  border-right-color: #585858;
}

#body4150 {
  border-bottom-color: #585858;
}

.gotoPage .gotoPageIcon {
  color: #7e7e7e;
}

.componentRegion h2.comp-view-invalid-region {
  background-color: #fff2C3;
}

.componentRegion h2.comp-view-invalid-region span.componentType {
  color: rgba(16, 15, 14, 0.6);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Accordion
   ========================================================================== */
.a-Accordion-item .a-Region {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.a-Accordion-item .a-Region > .a-Region-header {
  border-color: #403C38;
}

.a-Accordion.ui-accordion .ui-accordion-header.ui-state-focus {
  -webkit-box-shadow: 2px -1px 0 0 #377e55 inset, -2px 1px 0 0 #377e55 inset, 0 0 1px 2px rgba(55, 126, 85, 0.25) !important;
          box-shadow: 2px -1px 0 0 #377e55 inset, -2px 1px 0 0 #377e55 inset, 0 0 1px 2px rgba(55, 126, 85, 0.25) !important;
  border-color: #377E55;
}

.a-Accordion.ui-accordion .ui-accordion-header,
.a-Accordion.ui-accordion .ui-accordion-header.ui-state-active,
.ui-dialog .ui-dialog-titlebar {
  background-color: #0a0a0a;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* Wizard Alert
   ========================================================================== */
.a-Alert--wizard {
  background-color: rgba(0, 0, 0, 0.85);
  border-color: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.a-Alert--wizard .a-Alert-header {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

.a-Alert--wizard .a-Alert-subTitle {
  color: rgba(252, 251, 250, 0.8);
}

.a-Alert--wizard .a-Alert-body {
  color: rgba(252, 251, 250, 0.6);
}

.a-Alert--wizard .a-Alert-inset {
  background-color: #F1EFED;
}

/* Alert within Wizard
   ========================================================================== */
.a-Wizard-body > .a-Alert--wizard,
.a-Alert--inlineDialog.a-Alert--wizard {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Horizontal Alert
   ========================================================================== */
.a-Alert--horizontal {
  background-color: #211E1C;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-Alert--horizontal .a-Alert-body {
  color: rgba(252, 251, 250, 0.8);
}

/**
 * Colorized Background
 */
.a-Alert--colorBG.a-Alert--warning {
  background-color: #634422;
}

.a-Alert--colorBG.a-Alert--warning a {
  color: #FEEDC3;
}

.a-Alert--colorBG.a-Alert--success {
  background-color: #43593E;
}

.a-Alert--colorBG.a-Alert--danger {
  background-color: #913528;
}

.a-Alert--colorBG.a-Alert--info {
  background-color: #22444F;
}

/**
 * Modifier: Warning
 */
.a-Alert--warning .a-Alert-icon {
  color: #E5B757;
}

/**
 * Modifier: Success
 */
.a-Alert--success .a-Alert-icon {
  color: #6B8F63;
}

/**
 * Modifier: Information
 */
.a-Alert--info .a-Alert-icon {
  color: #41727E;
}

/**
 * Modifier: Success
 */
.a-Alert--danger .a-Alert-icon {
  color: #D64C38;
}

/**
 * Modifier: Page Alert
 */
.a-Alert--page {
  border-bottom-color: #403C38;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Alert--page .a-Alert-body {
  color: #FCFBFA;
}

/**
 * Modifier: Page Alert
 */
.a-Alert--dialog {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.a-Alert--dialog .a-Alert-body {
  color: #FCFBFA;
}

/**
 * Modifier: Inline Horizontal
 */
.a-Alert--horizontal.a-Alert--inline {
  border-top-color: #403C38;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Alert Badge
   ========================================================================== */
.a-AlertBadge {
  color: #FFD9D4;
  background-color: #C74634;
}

.a-AlertBadge--leftArrow:before {
  border-color: rgba(241, 149, 136, 0);
  border-right-color: #C74634;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
Alert Messages
******************************************************************************/
.a-AlertMessages-item {
  border-top-color: #56504B;
  border-bottom-color: #56504B;
}

.a-AlertMessages-message {
  color: #FCFBFA;
  border-color: transparent;
}

.a-AlertMessages-message:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.a-AlertMessages-message.is-warning {
  border-left-color: #FACD62;
}

.a-AlertMessages-message.is-warning .a-FAIcon {
  color: #FACD62;
}

.a-AlertMessages-message.is-warning:hover, .a-AlertMessages-message.is-warning:focus {
  background-color: #BA8C42;
  border-color: #E5B757;
}

.a-AlertMessages-message.is-error {
  border-left-color: #E3513C;
}

.a-AlertMessages-message.is-error .a-FAIcon {
  color: #E3513C;
}

.a-AlertMessages-message.is-error:hover, .a-AlertMessages-message.is-error:focus {
  background-color: #A33B2C;
  border-color: #D64C38;
}

.a-AlertMessages-message:focus {
  border-color: #377E55;
  -webkit-box-shadow: 2px -1px 0 0 #377e55 inset, -2px 1px 0 0 #377e55 inset !important;
          box-shadow: 2px -1px 0 0 #377e55 inset, -2px 1px 0 0 #377e55 inset !important;
}

.a-AlertMessages--page .a-AlertMessages-message {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.a-AlertMessages--page .a-AlertMessages-message:focus {
  background-color: rgba(255, 255, 255, 0.25);
}

.a-AlertMessages--page .a-AlertMessages-message .a-Icon {
  color: rgba(255, 255, 255, 0.6);
}

.a-AlertMessages--page .a-AlertMessages-message:hover .a-Icon,
.a-AlertMessages--page .a-AlertMessages-message:focus .a-Icon {
  color: #FFFFFF;
}

.a-AlertMessages--page .a-AlertMessages-message .a-MediaBlock-graphic .a-Icon,
.a-AlertMessages--page .a-AlertMessages-message .a-AlertMessages-messageTitle {
  color: #FFFFFF;
}

.a-AlertMessages--page .a-AlertMessages-message.is-success {
  background-color: rgba(87, 116, 80, 0.95);
}

.a-AlertMessages--page .a-AlertMessages-message.is-error {
  background-color: rgba(199, 70, 52, 0.95);
}

.a-AlertMessages--page ul.htmldbUlErr a {
  color: #FFFFFF;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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 {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

.a-AppBlock .a-Icon {
  color: rgba(255, 255, 255, 0);
}

.a-AppBlock-link:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

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

.a-AppBlock-icon {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset, 0 2px 1px rgba(0, 0, 0, 0.025);
          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 {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
  color: #333333;
  background-color: rgba(255, 255, 255, 0.5);
}

.a-AppBlock-button:hover .a-Icon {
  color: rgba(16, 15, 14, 0.8);
}

.a-AppBlock-button:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.a-AppBlock-button:focus .a-Icon {
  color: rgba(16, 15, 14, 0.8);
}

.a-AppBlock-name {
  color: rgba(0, 0, 0, 0.75);
}

.a-AppBlock-id {
  color: rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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 Cards
   ========================================================================== */
.a-AppCards-absLink:focus {
  -webkit-box-shadow: 0 0 0 2px #377E55 inset;
          box-shadow: 0 0 0 2px #377E55 inset;
}

.a-AppCards-icon--initials {
  color: #FFFFFF;
}

.a-AppCards-item .app-installed {
  color: #74B28E;
}

/* ==========================================================================
   App Cards -- Slim
   ========================================================================== */
.a-AppCards--slim .a-AppCards-item {
  border-radius: 3px;
}

.a-AppCards--slim .a-AppCards-item:hover, .a-AppCards--slim .a-AppCards-item:focus {
  background-color: #211E1C;
}

.a-AppCards--slim .a-AppCards-item:hover .a-AppCards-name, .a-AppCards--slim .a-AppCards-item:focus .a-AppCards-name {
  color: #FCFBFA;
}

.a-AppCards--slim .a-AppCards-name {
  color: #FCFBFA;
}

.a-AppCards--slim .a-AppCards-info {
  color: rgba(252, 251, 250, 0.6);
}

.a-AppCards--slim .a-AppCards-tag {
  background-color: #FFFFFF;
}

.a-AppCards--slim .a-AppCards-tag.is-installed {
  color: #FFFFFF;
  background-color: #74B28E;
}

/* ==========================================================================
   App Cards -- IRR
   ========================================================================== */
.a-AppCards--irr .a-AppCards-link:focus {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #377E55;
  background-color: #211E1C;
}

/* ==========================================================================
   App Cards -- Stacked
   ========================================================================== */
/* Used in Packaged Apps page to display installed pkg apps */
.a-AppCards--stacked .a-AppCards-item {
  border-bottom-color: #ECE9E6;
}

/* ==========================================================================
   App Cards -- Grid
   ========================================================================== */
.a-AppCards--grid .a-AppCards-icon {
  background-color: #ECE9E6;
}

.a-AppCards--grid .a-AppCards-link:hover {
  background-color: #211E1C;
}

.a-AppCards--grid .a-AppCards-link:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

/* ==========================================================================
   App Cards -- Hero
   ========================================================================== */
.a-AppCards--hero .a-AppCards-item {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.12) 100%);
}

.a-AppCards--hero .a-AppCards-name {
  color: #FFFFFF;
}

.a-AppCards--hero .a-AppCards-info {
  color: rgba(255, 255, 255, 0.8);
}

/* ==========================================================================
   App Cards -- White Background
   ========================================================================== */
.a-AppCards--whiteBG .a-AppCards-item {
  background-color: #FFFFFF !important;
  background-image: none;
}

.a-AppCards--whiteBG .a-AppCards-name {
  color: #FCFBFA;
}

.a-AppCards--whiteBG .a-AppCards-info {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   App Cards -- Search Results
   ========================================================================== */
.a-AppCards--searchResults .u-textHighlight {
  background-color: #FEEEAA;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.a-AppCards--searchResults .a-AppCards-item {
  background-color: #FFFFFF;
}

.a-AppCards--searchResults .a-AppCards-link:hover {
  background-color: #F1EFED;
}

.a-AppCards--searchResults .a-AppCards-link:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.a-AppCards--searchResults .a-AppCards-desc {
  color: rgba(252, 251, 250, 0.6);
}

.a-AppCards--searchResults .a-AppCards-info {
  color: rgba(252, 251, 250, 0.6);
}

.a-AppCards--searchResults .a-AppCards-tag {
  background-color: #FFFFFF;
}

.a-AppCards--searchResults .a-AppCards-tag.is-installed {
  color: #FFFFFF;
  background-color: #74B28E;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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 Region
   ========================================================================== */
.a-AppRegion-title {
  color: rgba(252, 251, 250, 0.8);
}

.a-AppRegion-subTitle {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Modifier: Featured Applications (Carousel)
   ---
   Used in 4750 to showcase Featured Applications and Details Page
   ========================================================================== */
.a-AppRegion--featuredApps .a-AppRegion-link:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55;
          box-shadow: 0 0 0 1px #377E55;
}

.a-AppRegion--featuredApps .a-AppRegion-body {
  background-image: none !important;
}

.a-AppRegion--featuredApps .a-AppRegion-info {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.25);
  border-left-color: #FFFFFF;
}

.a-AppRegion--featuredApps .a-AppRegion-img {
  background-color: white;
  -webkit-box-shadow: 0 0 36px 8px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 0 36px 8px rgba(0, 0, 0, 0.15) inset;
}

/* ==========================================================================
   Modifier: App Info Page
   ---
   Used in 4750 to showcase Featured Applications and Details Page
   ========================================================================== */
.a-AppRegion--appInfo .a-AppRegion-heroWrap {
  background-color: #211E1C;
}

.a-AppRegion--appInfo .a-AppRegion-appStatus {
  color: rgba(252, 251, 250, 0.8);
}

.a-AppRegion--appInfo .a-AppRegion-appStatus--installed .a-Icon {
  color: #FFFFFF;
  background-color: #759C6C;
}

.a-AppRegion--appInfo .a-AppRegion-appStatus--comingSoon .a-Icon {
  color: #FCFBFA;
  background-color: #E5B757;
}

.a-AppRegion--appInfo .a-AppRegion-body {
  border-top-color: #403C38;
}

.a-AppRegion--appInfo .a-AppRegion-infoText {
  color: rgba(252, 251, 250, 0.8);
}

.a-AppRegion--appInfo .a-AppRegion-infoText p:first-child {
  color: rgba(252, 251, 250, 0.8);
}

.a-AppRegion--appInfo .a-AppRegion-colTitle {
  color: rgba(252, 251, 250, 0.8);
}

.a-AppRegion--appInfo .a-AppRegion-imgCaption {
  background-color: #403C38 !important;
  background-image: none;
}

.a-AppRegion--appInfo .a-AppRegion-imgTitle,
.a-AppRegion--appInfo .a-AppRegion-imgDesc {
  color: #FFFFFF;
}

.a-AppRegion--appInfo .a-AppRegion-screenshot:hover .a-AppRegion-imgCaption .a-AppRegion-imgTitle {
  background-color: transparent;
}

/* ==========================================================================
   Darker App Icons for Light Gray
   ---
   These colors need to be slightly darker for contrast purposes
   ========================================================================== */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Attributes
   ========================================================================== */
.a-Attributes {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Attribute Value Pair List
   ========================================================================== */
.a-AVPList-item {
  -webkit-box-shadow: 0 -1px #403C38 inset;
          box-shadow: 0 -1px #403C38 inset;
}

.a-AVPList-item:hover {
  background-color: #211E1C;
}

.a-AVPList-value {
  color: rgba(252, 251, 250, 0.6);
}

.a-AVPList-label {
  color: rgba(252, 251, 250, 0.8);
}

.a-AVPList--shortcuts .a-AVPList-item {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ==========================================================================
   UI Modifiers
   ========================================================================== */
/* Variable - Large
   ========================================================================== */
.a-AVPList--appDetails .a-AVPList-label,
.a-AVPList--appDetails .a-AVPList-value {
  color: rgba(252, 251, 250, 0.6);
}

.a-AVPList--appDetails .a-AVPList-item {
  -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 -1px rgba(0, 0, 0, 0.05) inset;
}

.a-AVPList--appDetails .a-AVPList-item:hover {
  background-color: transparent;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* This is a used in a background gradient */
/* ==========================================================================
   Circular Badges
   ========================================================================== */
.a-BadgeChart-value {
  color: rgba(252, 251, 250, 0.8);
  background-color: transparent;
  border-color: #56504B;
}

.a-BadgeChart-label {
  color: rgba(252, 251, 250, 0.8);
}

.a-BadgeChart-desc {
  color: rgba(252, 251, 250, 0.6);
}

.a-BadgeChart-link .a-BadgeChart-value {
  color: rgba(252, 251, 250, 0.8);
}

.a-BadgeChart-link .a-BadgeChart-label {
  color: inherit;
}

.a-BadgeChart-link:hover .a-BadgeChart-value {
  color: #FCFBFA;
  background-color: #377E55;
}

.a-BadgeChart--justGageLike .a-BadgeChart-value {
  border-color: #56504B;
}

.a-BadgeChart--justGageLike .a-BadgeChart-link:hover .a-BadgeChart-value {
  border-color: #377E55;
  -webkit-box-shadow: 0 0 0 12px #377E55 inset;
          box-shadow: 0 0 0 12px #377E55 inset;
}

/* ==========================================================================
   Full Height Label Bottom
   ========================================================================== */
.a-BadgeChart--labelBelow .a-BadgeChart-text {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(51, 51, 51, 0)), color-stop(0.25, rgba(51, 51, 51, 0.75)));
  background-image: linear-gradient(rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.75) 0.25);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Badge List
   ========================================================================== */
.a-BadgeList-label {
  background-image: none;
}

.a-Side .a-BadgeList-label {
  background-image: none;
}

.a-BadgeList-value {
  color: rgba(252, 251, 250, 0.8);
  border-color: #403C38;
}

.a-BadgeList-value a {
  color: #FACD62;
  border-radius: 4px;
}

.a-BadgeList-value a:hover {
  color: #FCFBFA;
  background-color: #BA8C42;
}

/* ==========================================================================
   Layout Modifiers
   ========================================================================== */
.a-BadgeList--float .a-BadgeList-item:after,
.a-BadgeList--float .a-BadgeList-item:before,
.a-BadgeList--flex .a-BadgeList-item:after,
.a-BadgeList--flex .a-BadgeList-item:before,
.a-BadgeList--cols .a-BadgeList-item:after,
.a-BadgeList--cols .a-BadgeList-item:before,
.a-BadgeList--fixed .a-BadgeList-item:after,
.a-BadgeList--fixed .a-BadgeList-item:before {
  background-color: #403C38;
}

.a-BadgeList--bottomBorder {
  border-bottom-color: #403C38;
}

/* ==========================================================================
   Stacked
   ========================================================================== */
.a-BadgeList--stacked .a-BadgeList-item:after {
  background-color: #403C38;
}

/* ==========================================================================
   Positioned on Side of Page
   ========================================================================== */
.a-Side .a-BadgeList .a-BadgeList-item:after,
.a-Side .a-BadgeList .a-BadgeList-item:before {
  background-color: #403C38;
}

.a-Side .a-BadgeList--bottomBorder {
  border-bottom-color: #403C38;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Bar Chart
   ========================================================================== */
.a-BarChart-item {
  -webkit-box-shadow: 0 -1px 0 #403C38 inset;
          box-shadow: 0 -1px 0 #403C38 inset;
}

.a-BarChart-item:hover {
  background-color: #211E1C;
}

.a-BarChart-item:hover .a-BarChart-filled {
  background-color: rgba(117, 156, 108, 0.75);
}

.a-BarChart-image {
  background-color: #FFFFFF;
  border-radius: 3px;
}

.a-BarChart-icon {
  color: #FFFFFF;
  background-color: #A8A29B;
}

.a-BarChart-initials {
  color: #FFFFFF;
}

.a-BarChart-label {
  color: rgba(252, 251, 250, 0.8);
}

.a-BarChart-value,
.a-BarChart-value a {
  color: rgba(252, 251, 250, 0.6);
}

.a-BarChart-bar {
  background-color: #403C38;
}

.a-BarChart-item:hover .a-BarChart-bar {
  background-color: #56504B;
}

.a-BarChart-filled {
  background-color: rgba(117, 156, 108, 0.75);
}

/* Classic Bar Chart
   ========================================================================== */
.a-BarChart--classic .a-BarChart-label,
.a-BarChart--classic .a-BarChart-barLink,
.a-BarChart--classic .a-BarChart-value {
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
 Color utilities
 ========================================================================== */
.u-ColorBG--1 {
  background-color: #5856D6;
}

.u-ColorFG--1 {
  color: #5856D6;
}

.u-ColorBG--2 {
  background-color: #007aff;
}

.u-ColorFG--2 {
  color: #007aff;
}

.u-ColorBG--3 {
  background-color: #34aadc;
}

.u-ColorFG--3 {
  color: #34aadc;
}

.u-ColorBG--4 {
  background-color: #5ac8fa;
}

.u-ColorFG--4 {
  color: #5ac8fa;
}

.u-ColorBG--5 {
  background-color: #4cd964;
}

.u-ColorFG--5 {
  color: #4cd964;
}

.u-ColorBG--6 {
  background-color: #ff2d55;
}

.u-ColorFG--6 {
  color: #ff2d55;
}

.u-ColorBG--7 {
  background-color: #ff3b30;
}

.u-ColorFG--7 {
  color: #ff3b30;
}

.u-ColorBG--8 {
  background-color: #ff9500;
}

.u-ColorFG--8 {
  color: #ff9500;
}

.u-ColorBG--9 {
  background-color: #ffcc00;
}

.u-ColorFG--9 {
  color: #ffcc00;
}

.u-ColorBG--10 {
  background-color: #8e8e93;
}

.u-ColorFG--10 {
  color: #8e8e93;
}

.u-ColorBG--11 {
  background-color: #7978de;
}

.u-ColorFG--11 {
  color: #7978de;
}

.u-ColorBG--12 {
  background-color: #3395ff;
}

.u-ColorFG--12 {
  color: #3395ff;
}

.u-ColorBG--13 {
  background-color: #5dbbe3;
}

.u-ColorFG--13 {
  color: #5dbbe3;
}

.u-ColorBG--14 {
  background-color: #7bd3fb;
}

.u-ColorFG--14 {
  color: #7bd3fb;
}

.u-ColorBG--15 {
  background-color: #70e183;
}

.u-ColorFG--15 {
  color: #70e183;
}

.u-ColorBG--16 {
  background-color: #ff5777;
}

.u-ColorFG--16 {
  color: #ff5777;
}

.u-ColorBG--17 {
  background-color: #ff6259;
}

.u-ColorFG--17 {
  color: #ff6259;
}

.u-ColorBG--18 {
  background-color: #ffaa33;
}

.u-ColorFG--18 {
  color: #ffaa33;
}

.u-ColorBG--19 {
  background-color: #ffd633;
}

.u-ColorFG--19 {
  color: #ffd633;
}

.u-ColorBG--20 {
  background-color: #a5a5a9;
}

.u-ColorFG--20 {
  color: #a5a5a9;
}

.u-ColorBG--21 {
  background-color: #4f4dc1;
}

.u-ColorFG--21 {
  color: #4f4dc1;
}

.u-ColorBG--22 {
  background-color: #006ee6;
}

.u-ColorFG--22 {
  color: #006ee6;
}

.u-ColorBG--23 {
  background-color: #2f99c6;
}

.u-ColorFG--23 {
  color: #2f99c6;
}

.u-ColorBG--24 {
  background-color: #51b4e1;
}

.u-ColorFG--24 {
  color: #51b4e1;
}

.u-ColorBG--25 {
  background-color: #44c35a;
}

.u-ColorFG--25 {
  color: #44c35a;
}

.u-ColorBG--26 {
  background-color: #e6294d;
}

.u-ColorFG--26 {
  color: #e6294d;
}

.u-ColorBG--27 {
  background-color: #e6352b;
}

.u-ColorFG--27 {
  color: #e6352b;
}

.u-ColorBG--28 {
  background-color: #e68600;
}

.u-ColorFG--28 {
  color: #e68600;
}

.u-ColorBG--29 {
  background-color: #e6b800;
}

.u-ColorFG--29 {
  color: #e6b800;
}

.u-ColorBG--30 {
  background-color: #808084;
}

.u-ColorFG--30 {
  color: #808084;
}

/* ==========================================================================
   Table utilities
   ========================================================================== */
.u-Table--withBorder > .u-Table-fit,
.u-Table--withBorder > .u-Table-fill {
  border-left-color: #56504B;
}

/* ==========================================================================
 Text utilities
 ========================================================================== */
.u-textSuccess {
  color: #74B28E;
}

.u-textDanger {
  color: #EA7362;
}

/* ==========================================================================
 Report utilities
 ========================================================================== */
.u-Report td {
  color: rgba(252, 251, 250, 0.8);
  background-color: #211E1C;
}

.u-Report td,
.u-Report th {
  border-color: #56504B;
}

.u-Report tr td:last-child,
.u-Report tr th:last-child {
  border-right-color: #56504B;
}

.u-Report tr:last-child td {
  border-bottom-color: #56504B;
}

.u-Report .u-Report-header,
.u-Report th {
  color: #FCFBFA;
  background-color: #312D2A;
}

.u-Report th[scope="row"] {
  background-color: #211E1C;
}

.u-Report th[scope="rowgroup"],
.u-Report tr:nth-child(even) td,
.u-Report tr:nth-child(even) th[scope="row"] {
  background-color: #403C38;
}

.u-Report--staticBG tr:nth-child(even) td,
.u-Report--staticBG tr:nth-child(even) th[scope="row"] {
  background-color: #211E1C;
}

/* ==========================================================================
   Font Apex
   ========================================================================== */
.fa[class*='fam-']:after {
  background-color: #000000;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
Body
******************************************************************************/
:root {
  color-scheme: dark;
}

body {
  background-color: #312D2A;
  color: #FCFBFA;
}

body.a-Page--secondary, body.a-Page--simpleWizard, body.a-Page--wizard {
  background-color: #211E1C;
}

body.a-Page--finalWizardStep .u-Layout {
  background-color: #312D2A;
}

a {
  color: #FACD62;
}

.a-SystemMessage {
  color: #FCFBFA;
  background-color: #8F602D;
  border-top-color: rgba(243, 203, 148, 0.3);
  border-bottom-color: rgba(243, 203, 148, 0.3);
}

.a-SystemMessage--info {
  background-color: #E7F3FF;
  border-color: #D2E6FF;
}

.a-LinkBlockList-text {
  color: rgba(252, 251, 250, 0.6);
}

.a-LinkBlockList-link {
  background-color: #000000;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.a-LinkBlockList-link:hover {
  border-color: #E6E3E0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 0 0 1px #377E55 inset;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 0 0 1px #377E55 inset;
}

/* Scroll Bars */
::-webkit-scrollbar-thumb {
  background: rgba(247, 245, 243, 0.32);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(247, 245, 243, 0.64);
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-track:hover {
  background: rgba(247, 245, 243, 0.08);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Boxed Forms
   ---
   Displays items with a label that automatically shrinks as a value is entered.
   ========================================================================== */
.a-BoxedForms .field-input,
.a-BoxedForms .text_field,
.a-BoxedForms .password,
.a-BoxedForms .file,
.a-BoxedForms .number_field,
.a-BoxedForms .datepicker,
.a-BoxedForms .textarea,
.a-BoxedForms .rich_text_editor,
.a-BoxedForms .selectlist {
  color: inherit;
  background-color: #100F0E;
  border-color: #56504B;
}

.a-BoxedForms .field-input:focus,
.a-BoxedForms .text_field:focus,
.a-BoxedForms .password:focus,
.a-BoxedForms .file:focus,
.a-BoxedForms .number_field:focus,
.a-BoxedForms .datepicker:focus,
.a-BoxedForms .textarea:focus,
.a-BoxedForms .rich_text_editor:focus,
.a-BoxedForms .selectlist:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 !important;
          box-shadow: 0 0 0 1px #377E55 !important;
}

.a-BoxedForms .field-input::-webkit-input-placeholder, .a-BoxedForms .text_field::-webkit-input-placeholder, .a-BoxedForms .password::-webkit-input-placeholder, .a-BoxedForms .file::-webkit-input-placeholder, .a-BoxedForms .number_field::-webkit-input-placeholder, .a-BoxedForms .datepicker::-webkit-input-placeholder, .a-BoxedForms .textarea::-webkit-input-placeholder, .a-BoxedForms .rich_text_editor::-webkit-input-placeholder, .a-BoxedForms .selectlist::-webkit-input-placeholder {
  color: rgba(252, 251, 250, 0.4);
}

.a-BoxedForms .field-input::-moz-placeholder, .a-BoxedForms .text_field::-moz-placeholder, .a-BoxedForms .password::-moz-placeholder, .a-BoxedForms .file::-moz-placeholder, .a-BoxedForms .number_field::-moz-placeholder, .a-BoxedForms .datepicker::-moz-placeholder, .a-BoxedForms .textarea::-moz-placeholder, .a-BoxedForms .rich_text_editor::-moz-placeholder, .a-BoxedForms .selectlist::-moz-placeholder {
  color: rgba(252, 251, 250, 0.4);
}

.a-BoxedForms .field-input:-ms-input-placeholder, .a-BoxedForms .text_field:-ms-input-placeholder, .a-BoxedForms .password:-ms-input-placeholder, .a-BoxedForms .file:-ms-input-placeholder, .a-BoxedForms .number_field:-ms-input-placeholder, .a-BoxedForms .datepicker:-ms-input-placeholder, .a-BoxedForms .textarea:-ms-input-placeholder, .a-BoxedForms .rich_text_editor:-ms-input-placeholder, .a-BoxedForms .selectlist:-ms-input-placeholder {
  color: rgba(252, 251, 250, 0.4);
}

.a-BoxedForms .field-input::-ms-input-placeholder, .a-BoxedForms .text_field::-ms-input-placeholder, .a-BoxedForms .password::-ms-input-placeholder, .a-BoxedForms .file::-ms-input-placeholder, .a-BoxedForms .number_field::-ms-input-placeholder, .a-BoxedForms .datepicker::-ms-input-placeholder, .a-BoxedForms .textarea::-ms-input-placeholder, .a-BoxedForms .rich_text_editor::-ms-input-placeholder, .a-BoxedForms .selectlist::-ms-input-placeholder {
  color: rgba(252, 251, 250, 0.4);
}

.a-BoxedForms .field-input::placeholder,
.a-BoxedForms .text_field::placeholder,
.a-BoxedForms .password::placeholder,
.a-BoxedForms .file::placeholder,
.a-BoxedForms .number_field::placeholder,
.a-BoxedForms .datepicker::placeholder,
.a-BoxedForms .textarea::placeholder,
.a-BoxedForms .rich_text_editor::placeholder,
.a-BoxedForms .selectlist::placeholder {
  color: rgba(252, 251, 250, 0.4);
}

.a-BoxedForms .selectlist[size="1"] {
  background-image: url("../img/ui/select-arrow-boxed-dark.svg");
}

.a-BoxedForms .field-error-message {
  color: #EA7362;
}

.a-BoxedForms .field-description {
  color: rgba(252, 251, 250, 0.6);
}

.a-BoxedForms .field--style--boxed .field-input__wrap {
  background-color: #100F0E;
  border-color: #56504B;
}

.a-BoxedForms .field--style--boxed .field-input,
.a-BoxedForms .field--style--boxed .text_field,
.a-BoxedForms .field--style--boxed .password,
.a-BoxedForms .field--style--boxed .file,
.a-BoxedForms .field--style--boxed .number_field,
.a-BoxedForms .field--style--boxed .datepicker,
.a-BoxedForms .field--style--boxed .textarea:not(fieldset),
.a-BoxedForms .field--style--boxed .rich_text_editor,
.a-BoxedForms .field--style--boxed .selectlist,
.a-BoxedForms .field--style--boxed .display_only {
  color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-BoxedForms .field--style--boxed.is-active .field-input,
.a-BoxedForms .field--style--boxed.is-active .text_field,
.a-BoxedForms .field--style--boxed.is-active .password,
.a-BoxedForms .field--style--boxed.is-active .file,
.a-BoxedForms .field--style--boxed.is-active .number_field,
.a-BoxedForms .field--style--boxed.is-active .datepicker,
.a-BoxedForms .field--style--boxed.is-active .textarea,
.a-BoxedForms .field--style--boxed.is-active .rich_text_editor,
.a-BoxedForms .field--style--boxed.is-active .selectlist,
.a-BoxedForms .field--style--boxed.is-active .display_only, .a-BoxedForms .field--style--boxed.field--show-label .field-input,
.a-BoxedForms .field--style--boxed.field--show-label .text_field,
.a-BoxedForms .field--style--boxed.field--show-label .password,
.a-BoxedForms .field--style--boxed.field--show-label .file,
.a-BoxedForms .field--style--boxed.field--show-label .number_field,
.a-BoxedForms .field--style--boxed.field--show-label .datepicker,
.a-BoxedForms .field--style--boxed.field--show-label .textarea,
.a-BoxedForms .field--style--boxed.field--show-label .rich_text_editor,
.a-BoxedForms .field--style--boxed.field--show-label .selectlist,
.a-BoxedForms .field--style--boxed.field--show-label .display_only,
html.no-js .a-BoxedForms .field--style--boxed .field-input,
html.no-js .a-BoxedForms .field--style--boxed .text_field,
html.no-js .a-BoxedForms .field--style--boxed .password,
html.no-js .a-BoxedForms .field--style--boxed .file,
html.no-js .a-BoxedForms .field--style--boxed .number_field,
html.no-js .a-BoxedForms .field--style--boxed .datepicker,
html.no-js .a-BoxedForms .field--style--boxed .textarea,
html.no-js .a-BoxedForms .field--style--boxed .rich_text_editor,
html.no-js .a-BoxedForms .field--style--boxed .selectlist,
html.no-js .a-BoxedForms .field--style--boxed .display_only {
  color: inherit;
}

.a-BoxedForms .field--style--boxed.field--display-only .field-input__wrap {
  border-color: #403C38;
}

.a-BoxedForms .field:not(.field--style--boxed).is-active .field-input,
.a-BoxedForms .field:not(.field--style--boxed).is-active .text_field,
.a-BoxedForms .field:not(.field--style--boxed).is-active .password,
.a-BoxedForms .field:not(.field--style--boxed).is-active .file,
.a-BoxedForms .field:not(.field--style--boxed).is-active .number_field,
.a-BoxedForms .field:not(.field--style--boxed).is-active .datepicker,
.a-BoxedForms .field:not(.field--style--boxed).is-active .textarea,
.a-BoxedForms .field:not(.field--style--boxed).is-active .rich_text_editor,
.a-BoxedForms .field:not(.field--style--boxed).is-active .selectlist {
  border-color: #146FB8;
  -webkit-box-shadow: inset #146FB8 0 0 0.2rem, #146FB8 0 0 0.2rem;
          box-shadow: inset #146FB8 0 0 0.2rem, #146FB8 0 0 0.2rem;
}

.a-BoxedForms .field.field--style--boxed.is-active:not(.field--error) .field-label {
  color: #146FB8;
}

.a-BoxedForms .field.field--style--boxed.is-active .field-input__wrap {
  border-color: #146FB8 !important;
  -webkit-box-shadow: inset #146FB8 0 0 0.2rem, #146FB8 0 0 0.2rem;
          box-shadow: inset #146FB8 0 0 0.2rem, #146FB8 0 0 0.2rem;
}

.a-BoxedForms .field .apex-item-popup-lov {
  color: #FCFBFA;
  background-color: #312D2A;
}

.a-BoxedForms .field .a-Button--popupLOV,
.a-BoxedForms .field .a-Button.a-Button--popupLOV {
  -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.125) inset;
          box-shadow: 1px 0 0 rgba(0, 0, 0, 0.125) inset;
}

.a-BoxedForms .field--required .field-input__wrap .field-input,
.a-BoxedForms .field--required .field-input__wrap .text_field,
.a-BoxedForms .field--required .field-input__wrap .password,
.a-BoxedForms .field--required .field-input__wrap .file,
.a-BoxedForms .field--required .field-input__wrap .number_field,
.a-BoxedForms .field--required .field-input__wrap .datepicker,
.a-BoxedForms .field--required .field-input__wrap .textarea,
.a-BoxedForms .field--required .field-input__wrap .rich_text_editor,
.a-BoxedForms .field--required .field-input__wrap .apex-item-popup-lov {
  background-image: url("../img/ui/required-caret-dark.svg");
}

.a-BoxedForms .field--required .field-input__wrap .selectlist[size="1"] {
  background-image: url("../img/ui/required-caret-dark.svg"), url("../img/ui/select-arrow-boxed-dark.svg");
}

.a-BoxedForms .field--validated:not(.field--style--boxed) .field-input,
.a-BoxedForms .field--validated:not(.field--style--boxed) .text_field,
.a-BoxedForms .field--validated:not(.field--style--boxed) .password,
.a-BoxedForms .field--validated:not(.field--style--boxed) .file,
.a-BoxedForms .field--validated:not(.field--style--boxed) .number_field,
.a-BoxedForms .field--validated:not(.field--style--boxed) .datepicker,
.a-BoxedForms .field--validated:not(.field--style--boxed) .textarea,
.a-BoxedForms .field--validated:not(.field--style--boxed) .rich_text_editor,
.a-BoxedForms .field--validated:not(.field--style--boxed) .selectlist {
  background-color: #F5FAF0;
  border-color: #43593E;
}

.a-BoxedForms .field--validated.field--style--boxed .field-input__wrap {
  background-color: #F5FAF0;
  border-color: #43593E;
}

.a-BoxedForms .field--validated .field-label {
  color: #90B288;
}

.a-BoxedForms .field--error:not(.field--style--boxed) .field-input,
.a-BoxedForms .field--error:not(.field--style--boxed) .text_field,
.a-BoxedForms .field--error:not(.field--style--boxed) .password,
.a-BoxedForms .field--error:not(.field--style--boxed) .file,
.a-BoxedForms .field--error:not(.field--style--boxed) .number_field,
.a-BoxedForms .field--error:not(.field--style--boxed) .datepicker,
.a-BoxedForms .field--error:not(.field--style--boxed) .textarea,
.a-BoxedForms .field--error:not(.field--style--boxed) .rich_text_editor,
.a-BoxedForms .field--error:not(.field--style--boxed) .selectlist {
  background-color: rgba(227, 81, 60, 0.05);
  border-color: #E3513C;
}

.a-BoxedForms .field--error.field--style--boxed .field-input__wrap {
  background-color: rgba(227, 81, 60, 0.05);
  border-color: #E3513C;
}

.a-BoxedForms .field--error .field-label {
  color: #E3513C;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Breadcrumbs
   ========================================================================== */
.a-Breadcrumb-item:after {
  color: rgba(252, 251, 250, 0.3);
}

.a-Breadcrumb-label {
  color: rgba(252, 251, 250, 0.8);
}

a.a-Breadcrumb-label {
  color: #FCFBFA;
}

a.a-Breadcrumb-label:hover {
  color: #FACD62;
}

a.a-Breadcrumb-label:focus {
  outline-color: #377E55;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
}

/* ==========================================================================
   Breadcrumb Top Icon
   ========================================================================== */
.a-Breadcrumb-label .a-Icon.icon-breadcrumb-previous {
  color: rgba(252, 251, 250, 0.6);
  background-color: #312D2A;
  -webkit-box-shadow: 0 0 0 1px #403C38;
          box-shadow: 0 0 0 1px #403C38;
}

.a-Breadcrumb-label:hover .a-Icon.icon-breadcrumb-previous {
  color: #FFFFFF;
  background-color: #FACD62;
}

.apex-app-builder .a-Breadcrumb-label .a-Icon.icon-breadcrumb-previous {
  -webkit-box-shadow: 0 0 0 1px #41727E;
          box-shadow: 0 0 0 1px #41727E;
}

.apex-app-builder .a-Breadcrumb-label:hover .a-Icon.icon-breadcrumb-previous {
  background-color: #41727E;
}

.apex-sql-workshop .a-Breadcrumb-label .a-Icon.icon-breadcrumb-previous {
  -webkit-box-shadow: 0 0 0 1px #3D8C5F;
          box-shadow: 0 0 0 1px #3D8C5F;
}

.apex-sql-workshop .a-Breadcrumb-label:hover .a-Icon.icon-breadcrumb-previous {
  background-color: #3D8C5F;
}

.apex-team-dev .a-Breadcrumb-label .a-Icon.icon-breadcrumb-previous {
  -webkit-box-shadow: 0 0 0 1px #D8974D;
          box-shadow: 0 0 0 1px #D8974D;
}

.apex-team-dev .a-Breadcrumb-label:hover .a-Icon.icon-breadcrumb-previous {
  background-color: #D8974D;
}

.apex-workspace-admin .a-Breadcrumb-label .a-Icon.icon-breadcrumb-previous,
.apex-instance-admin .a-Breadcrumb-label .a-Icon.icon-breadcrumb-previous {
  -webkit-box-shadow: 0 0 0 1px #869E9E;
          box-shadow: 0 0 0 1px #869E9E;
}

.apex-workspace-admin .a-Breadcrumb-label:hover .a-Icon.icon-breadcrumb-previous,
.apex-instance-admin .a-Breadcrumb-label:hover .a-Icon.icon-breadcrumb-previous {
  background-color: #869E9E;
}

.apex-pkg-apps .a-Breadcrumb-label .a-Icon.icon-breadcrumb-previous {
  -webkit-box-shadow: 0 0 0 1px #D64C38;
          box-shadow: 0 0 0 1px #D64C38;
}

.apex-pkg-apps .a-Breadcrumb-label:hover .a-Icon.icon-breadcrumb-previous {
  background-color: #D64C38;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
body .dbaseFrameHolder {
  background-color: #312D2A;
}

body .dbaseFrameHolder > .a-ButtonRegion:first-child {
  border-radius: 0;
  border-top-width: 0;
}

body #qbLeftHeader,
body #obLeftHeader {
  background-color: #211E1C;
}

body #qbLeftHeader .a-Form-inputContainer input.text_field,
body #obLeftHeader .a-Form-inputContainer input.text_field {
  background-color: #000000;
}

body #ob_ObjectsSlider {
  border-right-color: #403C38;
  border-top-color: #403C38;
}

body #dbaseObjectsSlider {
  border-top-color: #403C38;
}

body .o_I,
body .o_V,
body .ob_Object_V,
body .ob_Object_I {
  background-color: #312D2A;
  border-color: #403C38;
  color: #FCFBFA;
}

body .o_I,
body .ob_Object_I {
  background-image: none;
  -webkit-box-shadow: inset 4px 0 0 #E3513C;
          box-shadow: inset 4px 0 0 #E3513C;
}

body .o_V:first-child,
body .o_C_V:first-child {
  border-top-width: 0;
}

body .o_V:hover,
body .ob_Object_V:hover {
  background-color: #403C38;
}

body .o_C_V,
body .o_C_I,
body .ob_Object_C_V,
body .ob_Object_C_I {
  background-color: #377E55;
  color: #FCFBFA;
  border-top-color: #403C38;
}

body table.htmldbTabbedNavigationList {
  background-color: #100F0E;
  -webkit-box-shadow: 0 -1px 0 #403C38 inset;
          box-shadow: 0 -1px 0 #403C38 inset;
}

body table.htmldbTabbedNavigationList a:link,
body table.htmldbTabbedNavigationList a:visited {
  color: rgba(252, 251, 250, 0.6);
}

body table.htmldbTabbedNavigationList a.tabcurrent:link,
body table.htmldbTabbedNavigationList a.tabcurrent:visited {
  background-color: #F1EFED;
  border-right-color: #403C38;
  border-left-color: #403C38;
}

body table.htmldbTabbedNavigationList a.tabcurrent:link,
body table.htmldbTabbedNavigationList a.tabcurrent:visited,
body table.htmldbTabbedNavigationList a:hover {
  color: #FCFBFA;
  background-color: #312D2A;
  -webkit-box-shadow: 0 -1px 0 #403C38 inset;
          box-shadow: 0 -1px 0 #403C38 inset;
}

body span.boxspan {
  color: rgba(252, 251, 250, 0.8);
  background-color: #56504B;
  border-color: #56504B;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

body span.boxspan:focus-within {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #FACD62;
}

body span.boxspan:hover a {
  background-color: #67605B;
  -webkit-box-shadow: inset 0 0 0 2px #56504B;
          box-shadow: inset 0 0 0 2px #56504B;
}

body div.updiv {
  border-bottom-color: #CBC5BF;
  border-left-color: #CBC5BF;
  border-right-color: #CBC5BF;
}

body div.downdiv {
  border-left-color: #CBC5BF;
  border-right-color: #CBC5BF;
  border-top-color: #CBC5BF;
}

body span.ctrbarspan {
  border-right-color: #CBC5BF;
}

body .tableheader2 {
  background: #312D2A;
  color: #FCFBFA;
}

body table.htmldbMinReport,
body table.htmldbStandard3 {
  border-color: #403C38;
}

body table.htmldbMinReport th,
body table.htmldbStandard3 th,
body table.htmldbStandard3 td.header {
  border-bottom-color: #403C38;
  background-color: #211E1C;
  color: rgba(252, 251, 250, 0.8);
}

body .qbDataTable {
  border-color: #585858;
}

body .qbTableBody table .qbtd1,
body .qbTableBody table .qbtd2,
body .qbTableBody table .qbtd3,
body .qbTableBody table .qbtd4,
body table.htmldbMinReport td,
body table.htmldbStandard3 td {
  border-top-color: #56504B;
  border-bottom-color: #403C38;
  background-color: #312D2A;
}

body .qbTableBody table .qbtd2,
body .qbTableBody table .qbtd3 {
  border-right-color: #403C38;
}

body .qbTableBody table .qbtd2 img:only-child,
body .qbTableBody table .qbtd3 img:only-child {
  -webkit-filter: invert(1);
          filter: invert(1);
}

body div#dhtmltooltip {
  color: #000;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
Button for Theme
******************************************************************************/
.a-Button,
.ui-button {
  --a-button-background-color: #403C38;
  --a-button-text-color: rgba(252, 251, 250, 0.8);
  --a-button-border-color: #E6E3E0;
  --a-button-shadow: 0 0 0 1px #56504B inset;
  --a-button-hover-background-color: #56504B;
  --a-button-hover-shadow: 0 0 0 1px #67605B inset;
  --a-button-active-background-color: #312D2A;
  --a-button-active-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(0, 0, 0, 0.15) inset;
  --a-button-focus-background-color: #56504B;
  --a-button-focus-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  --a-button-focus-active-shadow: 0 0 0 1px #377e55 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}

.a-Button:focus:active,
.ui-button:focus:active {
  --a-button-state-shadow: var(--a-button-focus-active-shadow);
}

.a-Button.is-active, .a-Button.is-active:active,
.ui-button.is-active,
.ui-button.is-active:active {
  --a-button-state-background-color: var(--a-button-active-background-color);
  --a-button-state-text-color: var(--a-button-active-text-color);
  --a-button-state-border-color: var(--a-button-active-border-color);
  --a-button-state-shadow: var(--a-button-active-shadow);
}

.fc-button,
.apex-button-group input + label {
  text-shadow: none;
  color: rgba(252, 251, 250, 0.8);
  background-color: #403C38;
  -webkit-box-shadow: 0 0 0 1px #56504B inset;
          box-shadow: 0 0 0 1px #56504B inset;
}

.fc-button.ui-state-hover,
.apex-button-group input + label:hover {
  background-color: #56504B;
  -webkit-box-shadow: 0 0 0 1px #67605B inset;
          box-shadow: 0 0 0 1px #67605B inset;
}

.ui-button.ui-state-focus,
.fc-button.ui-state-focus,
.apex-button-group input:focus + label {
  background-color: #56504B;
  -webkit-box-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.ui-button.ui-state-focus:active,
.fc-button.ui-state-focus:active,
.apex-button-group input:focus + label:active {
  -webkit-box-shadow: 0 0 0 1px #377e55 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset !important;
          box-shadow: 0 0 0 1px #377e55 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset !important;
}

.a-Button:focus,
.ui-button:focus,
.apex-button-group input:focus + label,
.ui-button.ui-state-focus,
.fc-button.ui-state-focus {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #377E55;
}

.fc-button.ui-state-hover:active {
  background-color: #312D2A;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(0, 0, 0, 0.15) inset;
}

.a-Button.is-active,
.ui-buttonset .ui-button.ui-state-active,
.fc-button.ui-state-active,
.a-Button.is-active:active,
.ui-buttonset .ui-button.ui-state-active.ui-state-hover:active,
.a-MenuButton.is-active,
.apex-button-group input:checked + label {
  color: #FCFBFA;
  background-color: #79726D !important;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(0, 0, 0, 0.1) inset;
}

.a-Button.is-locked,
.a-Button.is-locked-by-self {
  --a-button-background-color: #C74634;
  --a-button-text-color: #FFD9D4;
  background-color: #C74634 !important;
}

.a-Button--hot,
body .ui-button.ui-button--hot,
body .ui-button.a-Button--hot {
  --a-button-background-color: #377E55;
  --a-button-text-color: #FCFBFA;
  --a-button-shadow: none;
  --a-button-hover-background-color: #3f9061;
  --a-button-hover-text-color: #FCFBFA;
  --a-button-hover-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
  --a-button-active-background-color: #2f6c49;
  --a-button-active-text-color: #FCFBFA;
  --a-button-active-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  --a-button-focus-background-color: #3f9061;
  --a-button-focus-text-color: #FCFBFA;
  --a-button-focus-shadow: 0 0 1px #3f9061, 0 0 0 1px #3f9061 inset, 0 0 0 2px rgba(51, 51, 51, 0.75) inset;
}

.a-Button--hot.is-active, .a-Button--hot.a-MenuButton.is-active,
body .ui-button.ui-button--hot.is-active,
body .ui-button.ui-button--hot.a-MenuButton.is-active,
body .ui-button.a-Button--hot.is-active,
body .ui-button.a-Button--hot.a-MenuButton.is-active {
  --a-button-state-background-color: var(--a-button-active-background-color);
  --a-button-state-text-color: var(--a-button-active-text-color);
  --a-button-state-border-color: var(--a-button-active-border-color);
  --a-button-state-shadow: var(--a-button-active-shadow);
}

.a-Button--primary {
  --a-button-background-color: #B4DFC6;
  --a-button-text-color: #100F0E;
  --a-button-shadow: none;
  --a-button-hover-background-color: #D5F5E2;
  --a-button-hover-text-color: #100F0E;
  --a-button-active-background-color: #94C8AA;
  --a-button-active-text-color: #100F0E;
  --a-button-focus-background-color: #D5F5E2;
  --a-button-focus-text-color: #100F0E;
}

.a-Button--primary.is-active {
  --a-button-state-background-color: var(--a-button-active-background-color);
  --a-button-state-text-color: var(--a-button-active-text-color);
}

.a-Button--regionHeader,
.a-Button--regionHeader:hover,
.a-Button--regionHeader:active,
.a-Button--noUI,
.a-Button--noUI:hover,
.a-Button--noUI:active,
.a-Button--noUI:focus,
.a-Button--noUI:focus:active {
  text-shadow: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Button--simple {
  text-shadow: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Button--popupLOV,
.a-Button.a-Button--popupLOV {
  color: rgba(252, 251, 250, 0.8);
}

.apex-item-text.apex-item-popup-lov:focus + .a-Button--popupLOV {
  -webkit-box-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.a-Button--helpButton .a-Icon:before {
  color: rgba(252, 251, 250, 0.3);
}

.a-Button--helpButton:hover .a-Icon:before {
  color: rgba(252, 251, 250, 0.8);
}

.a-Button--danger {
  --a-button-background-color: #C74634;
  --a-button-text-color: #fff;
  --a-button-shadow: none;
  --a-button-hover-background-color: #D64C38;
  --a-button-active-background-color: #C74634;
  --a-button-active-text-color: #fff;
  --a-button-active-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  --a-button-focus-background-color: #D64C38;
  --a-button-focus-text-color: #fff;
  --a-button-focus-shadow: 0 0 1px #D64C38, 0 0 0 1px #D64C38 inset, 0 0 0 2px rgba(51, 51, 51, 0.75) inset;
  --a-button-focus-active-shadow: 0 0 0 1px #C74634 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}

/******************************************************************************
Button Badge (used in Page Designer)
******************************************************************************/
.a-Button-badge {
  color: #100F0E;
  background-color: #FACD62;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Button Region
   ========================================================================== */
.a-ButtonRegion {
  background-color: #211E1C;
  border-color: #403C38;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   Modifier: No UI (used for Wizard Dialogs)
   ========================================================================== */
.a-EditScreen-header .a-ButtonRegion,
.a-Dialog--wizard .a-ButtonRegion,
.a-Dialog--dialogRegion .a-ButtonRegion,
.a-Wizard-buttons .a-ButtonRegion,
.a-ButtonRegion--noUI {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ==========================================================================
   Modifier: Wizard Dialog
   ========================================================================== */
.a-ButtonRegion--wizard {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-ButtonRegion--dialogRegion {
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ==========================================================================
   Modifier: Show Title
   ========================================================================== */
.a-ButtonRegion--showTitle .a-ButtonRegion-title {
  color: rgba(252, 251, 250, 0.8);
}

/* ==========================================================================
   Modifier: Packaged Apps
   ========================================================================== */
.a-ButtonRegion--pkgApps input[type=text].a-Form-field--searchField {
  background-image: url("../img/ui/search-dark.svg");
}

/* Packaged Apps
   ========================================================================== */
.a-ButtonRegion--pkgApps {
  background-color: #211E1C;
  border-color: #403C38;
}

.a-ButtonRegion--pkgApps.is-stuck {
  background-color: rgba(33, 30, 28, 0.9);
}

/* Banner Button Region (used for Getting Started)
   ========================================================================== */
.a-ButtonRegion--banner {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-ButtonRegion--banner .a-MediaBlock h2 {
  color: #fff;
}

.a-ButtonRegion--banner.apex-sql-workshop {
  background-color: rgba(61, 140, 95, 0.05);
}

.a-ButtonRegion--banner.apex-sql-workshop .icon-get-started {
  background-color: #3D8C5F;
}

.a-ButtonRegion--banner.apex-app-builder {
  background-color: rgba(65, 114, 126, 0.05);
}

.a-ButtonRegion--banner.apex-app-builder .icon-get-started {
  background-color: #41727E;
}

.a-ButtonRegion--banner.apex-pkg-apps {
  background-color: rgba(214, 76, 56, 0.05);
}

.a-ButtonRegion--banner.apex-pkg-apps .icon-get-started {
  background-color: #D64C38;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Calendars
   ========================================================================== */
.fc .ui-button:active,
.fc .ui-button:focus,
.fc-view:active, .fc-view:focus {
  outline-color: #377E55;
}

.fc-event:active,
.fc-event:focus {
  background-color: #3D8C5F !important;
  border-color: #377E55 !important;
  color: #FCFBFA !important;
}

/* Header Title */
.fc-toolbar h2 {
  color: rgba(252, 251, 250, 0.8);
}

/* Calendar Container */
.fc td.fc-today {
  border-color: #403C38;
}

.fc-content .fc-day.fc-today {
  background: #22444F;
}

/* Table Header */
.fc-grid .fc-day-header {
  color: rgba(252, 251, 250, 0.6);
  background-color: transparent;
  border-color: #56504B;
}

.fc-content .fc-day {
  border-top-color: #56504B;
  border-right-color: #F1EFED;
}

.fc-content .fc-grid .fc-day-number {
  color: rgba(252, 251, 250, 0.8);
}

.fc .fc-basic-view td.fc-day-number,
.fc .fc-day-number {
  color: rgba(252, 251, 250, 0.8);
}

.fc-day-header.ui-widget-header {
  color: rgba(252, 251, 250, 0.6);
  background-color: #211E1C;
  border-color: #403C38;
}

body .fc td.fc-today {
  border-color: #403C38;
}

body .ui-state-highlight,
body .ui-widget-content .ui-state-highlight,
body .ui-widget-header .ui-state-highlight {
  color: rgba(252, 251, 250, 0.8);
  background-color: #22444F;
}

/* Calendar Cell Events*/
.fc-event-container .fc-event,
.fc-event-container .fc-event.fc-apex-events-default {
  background-color: #377E55;
}

.fc-content .fc-event:hover {
  background-color: #377E55;
}

.fc-content .fc-event:hover .fc-event-title {
  color: #FCFBFA !important;
}

.fc-content .fc-event:hover .fc-event-title:before {
  background-color: #000000;
}

.fc-content .fc-event .fc-event-title {
  color: rgba(252, 251, 250, 0.8) !important;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Code Editor
   ========================================================================== */
.a-Form-fieldContainer .a-CodeEditor {
  border-color: #403C38;
}

.a-CodeEditor .CodeMirror {
  border-top-color: #403C38;
  border-bottom-color: #403C38;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body .ui-widget .a-CodeEditor textarea {
  color: rgba(252, 251, 250, 0.8);
  border-color: #403C38;
  background-color: #000000;
}

.a-CodeEditor-toolbar {
  background-color: #211E1C;
}

.a-CodeEditor-toolbar .a-Button {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0) inset;
}

.CodeMirror-linenumber {
  color: rgba(252, 251, 250, 0.6);
}

.CodeMirror-gutters {
  -webkit-box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1) inset;
}

body .CodeMirror-hint-active {
  color: #FCFBFA;
  background: #377E55;
}

.CodeMirror-linewidget .is-error {
  color: #FCFBFA;
  background-color: #913528;
}

.CodeMirror-linewidget .is-warning {
  color: rgba(252, 251, 250, 0.8);
  background: #634422;
}

.a-CodeEditor-searchBar,
.a-CodeEditor-notification {
  background-color: #312D2A;
  border-top-color: #403C38;
}

.a-CodeEditor-message li {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.a-CodeEditor-message li.is-error {
  color: #FCFBFA;
  background-color: #913528;
}

.a-CodeEditor-message li.is-success {
  background-color: #43593E;
}

.a-CodeEditor-message li.is-warning {
  background-color: #634422;
}

.cm-s-default .CodeMirror-ruler {
  border-left-color: #56504B;
}

.cm-s-default .CodeMirror-cursor {
  border-left-color: #FCFBFA;
}

/* Resize Bar
   ========================================================================== */
.a-CodeEditor--resizeHelper {
  -webkit-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
}

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:active {
  background-color: rgba(255, 255, 255, 0.25);
}

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:before {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.2);
  border-top-color: transparent;
}

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:after {
  background-color: rgba(255, 255, 255, 0.2);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Comments
   ========================================================================== */
.a-Comments-userIcon {
  background-color: #FFFFFF;
}

.a-Comments-info {
  color: rgba(16, 15, 14, 0.6);
}

.a-Comments-comment {
  color: rgba(16, 15, 14, 0.8);
}

/* Chat Message Style
   ========================================================================== */
.a-Comments--chat .a-Comments-info {
  background-color: #F1EFED;
  border-color: #ECE9E6;
}

.a-Comments--chat .a-Comments-info:after {
  border-color: rgba(241, 239, 237, 0);
  border-right-color: #F1EFED;
}

.a-Comments--chat .a-Comments-info:before {
  border-color: rgba(232, 232, 232, 0);
  border-right-color: #E8E8E8;
}

.a-Comments--chat .a-Comments-comment {
  background-color: #FFFFFF;
  border-color: #ECE9E6;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* Container and Columns
   ========================================================================== */
.a-CV,
.a-CV-colWrap {
  background-color: #79726D;
}

.a-CV-col {
  background-color: #211E1C;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

/* Groups
   ========================================================================== */
.a-CV-group {
  border-color: #403C38;
}

.a-CV-groupHeader {
  background-color: #312D2A;
}

.a-CV-groupHeader .a-Button--regionHeader {
  color: #CBC5BF;
}

.a-CV-groupHeader:hover .a-Button--regionHeader {
  color: rgba(252, 251, 250, 0.8);
}

.a-CV-groupBody {
  border-top-color: #403C38;
}

/* Component Group
   ========================================================================== */
.a-CV-componentGroupTitle {
  color: rgba(252, 251, 250, 0.8);
  border-top-color: #403C38;
}

.a-CV-componentGroupTitle-context__text {
  color: rgba(252, 251, 250, 0.6);
}

/* Component List
   ========================================================================== */
.a-CV-components--page .a-CV-component:hover {
  background-color: inherit;
}

.a-CV-component {
  color: rgba(252, 251, 250, 0.6);
}

.a-CV-component.is-conditional .a-CV-icon:after {
  background-color: rgba(143, 63, 175, 0.65);
  border-color: #000000;
  -webkit-box-shadow: 0 0 0 1px rgba(143, 63, 175, 0.65);
          box-shadow: 0 0 0 1px rgba(143, 63, 175, 0.65);
}

/* Component Name Cell
   ========================================================================== */
.a-CV-cellWrap .a-CV-icon {
  color: rgba(16, 15, 14, 0.6);
}

.a-CV-cellWrap .a-CV-icon[class*="icon-region-"] {
  color: rgba(174, 86, 44, 0.6);
}

.a-CV-cellWrap .a-CV-icon[class*="icon-item-"] {
  color: rgba(139, 133, 128, 0.6);
}

.a-CV-cellWrap .a-CV-icon[class*="icon-button-"] {
  color: rgba(97, 129, 90, 0.6);
}

.a-CV-icon {
  color: #000000;
}

/* Active / Error States
   ========================================================================== */
.a-CV-componentGroup,
.a-CV-component {
  /**
   * Error State
   */
  /**
   * Warning State
   */
}

.a-CV-componentGroup.is-error,
.a-CV-component.is-error {
  color: #FFD9D4;
  background-color: #C74634;
}

.a-CV-componentGroup.is-warning,
.a-CV-component.is-warning {
  color: #FCFBFA;
  background-color: #634422;
}

.a-CV-component {
  /**
   * Selected State
   */
}

.a-CV-component.is-selected {
  color: #FCFBFA !important;
  background-color: #377E55 !important;
}

.a-CV-component.is-selected a,
.a-CV-component.is-selected .a-CV-icon {
  color: #FCFBFA !important;
}

.a-CV-component.is-selected .a-CV-icon:after {
  background-color: #000000;
  border-color: #377E55;
  -webkit-box-shadow: 0 0 0 1px #000000;
          box-shadow: 0 0 0 1px #000000;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Content Row Report
   ========================================================================== */
.a-ContentRowReport-item {
  -webkit-box-shadow: #56504B 0 1px 0 0;
          box-shadow: #56504B 0 1px 0 0;
}

a.a-ContentRowReport-itemWrap:focus {
  -webkit-box-shadow: inset 0 0 0 1px #377E55;
          box-shadow: inset 0 0 0 1px #377E55;
}

.a-ContentRowReport-itemTitle {
  color: #FCFBFA;
}

.a-ContentRowReport-itemTitle a {
  color: #FCFBFA;
}

.a-ContentRowReport-itemDescription,
.a-ContentRowReport-itemMisc,
.a-ContentRowReport-itemActions {
  color: rgba(252, 251, 250, 0.6);
}

.a-ContentRowReport-itemDescription a,
.a-ContentRowReport-itemMisc a,
.a-ContentRowReport-itemActions a {
  color: inherit;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Control Bar
   ========================================================================== */
.a-ControlBar {
  border-bottom-color: #403C38;
  background-color: #312D2A;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Data Loader Page
   ========================================================================== */
.a-Page--DataLoad .apex-page-error .a-Alert {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.a-Alert--DataLoadPreview .a-Alert-body {
  color: rgba(252, 251, 250, 0.8);
}

/* ==========================================================================
   Data Loader Preview Page
   ========================================================================== */
.a-Page--DataLoadPreview ul.apex-rds {
  background-color: transparent;
}

/* ==========================================================================
   Data Loader - Progress Meter
   ========================================================================== */
.a-DataLoad-progressMeter {
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
          box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
}

.a-DataLoad-progressMeter:before {
  color: #FCFBFA;
  background-color: #377E55;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
          box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
}

/* ==========================================================================
   Data Loader - Preview
   ========================================================================== */
.a-DataLoad-preview .a-Tabs-panel {
  border-color: #403C38;
}

.a-DataLoad-preview .first-row-headers .a-Report-report tbody tr:first-child td {
  background-color: #312D2A !important;
  color: rgba(252, 251, 250, 0.8);
}

.a-DataLoad-preview td[headers=LINE_NUMBER] {
  background-color: #211E1C !important;
  border-right-color: #403C38;
}

/* ==========================================================================
   Data Loader - File Drop Area
   ========================================================================== */
.a-FileDrop .apex-item-file-dropzone {
  background-color: #312D2A;
  border-color: rgba(255, 255, 255, 0.1);
}

.a-FileDrop .apex-item-file-dropzone:before {
  background-color: #100F0E;
  border-color: #377E55;
}

.a-FileDrop-action {
  color: #FCFBFA;
  background-color: #377E55;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.a-FileDrop-formats,
.a-FileDrop-filename {
  color: rgba(252, 251, 250, 0.6);
}

.a-FileDrop .apex-item-file:hover + .apex-item-file-dropzone:before {
  background-color: #403C38;
}

.a-FileDrop .apex-item-file:active + .apex-item-file-dropzone:before {
  background-color: #211E1C;
}

.a-FileDrop .apex-item-file:focus + .apex-item-file-dropzone {
  border-color: #377E55;
}

.a-FileDrop .apex-item-file:focus + .apex-item-file-dropzone:before {
  border-color: #377E55;
}

.a-FileDrop .upload-completed .apex-item-file-dropzone {
  background-color: #100F0E;
}

.a-FileDrop .icon-ig-dl-xls {
  color: #31704C;
}

.a-ButtonRegion--DataLoadPreview {
  border-bottom-color: #403C38;
}

#loadError .a-Alert-body,
#loadSuccess .a-Alert-body {
  color: #FCFBFA;
}

#loadError .a-Alert-body code,
#loadSuccess .a-Alert-body code {
  color: #C0A5CB;
}

#loadError .a-Alert-body .u-danger-text,
#loadSuccess .a-Alert-body .u-danger-text {
  color: #EA7362;
}

#failed_rows .a-Region-bodyHeader {
  border-bottom-color: rgba(0, 0, 0, 0.1);
  background-color: #8F602D;
  color: #312D2A;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Date List
   ========================================================================== */
.a-DateList-item {
  -webkit-box-shadow: 0 -1px 0 #403C38 inset;
          box-shadow: 0 -1px 0 #403C38 inset;
}

.a-DateList-item:hover {
  background-color: #211E1C;
}

.a-DateList-icon--warning .a-Icon {
  color: #FCE3A3;
}

.a-DateList-icon--danger {
  background-color: #C74634;
  border-color: #F19588;
}

.a-DateList-icon--danger .a-Icon {
  color: #FFD9D4;
}

.a-DateList-date,
.a-DateList-icon {
  background-color: #403C38;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  border-radius: 3px;
}

.a-DateList-day {
  color: rgba(252, 251, 250, 0.8);
}

.a-DateList-month {
  color: #F19588;
}

.a-DateList-desc {
  color: rgba(252, 251, 250, 0.8);
}

.a-DateList-attribute {
  color: rgba(252, 251, 250, 0.6);
}

.a-DateList-attribute--tag {
  color: rgba(252, 251, 250, 0.8);
  background-color: #56504B;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   jQuery UI Dialog
   ========================================================================== */
.a-Dialog--uiDialog.ui-dialog .ui-dialog-content {
  background-color: #312D2A;
}

/* ==========================================================================
   Modal Wizard
   ========================================================================== */
/* ==========================================================================
   Modifier: Wizard Modal
   ========================================================================== */
.a-Dialog .a-Dialog-footer {
  background-color: #312D2A;
  -webkit-box-shadow: 0 1px 0 #403C38 inset;
          box-shadow: 0 1px 0 #403C38 inset;
}

.about-page .a-Dialog-about {
  background-color: #312D2A;
}

.a-Dialog-aboutTitle {
  color: rgba(252, 251, 250, 0.8);
}

/* Dialog Text Content
   Used for help pages such as Getting Started in Page Designer
   ========================================================================== */
.a-Dialog-textContent {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Dialog Regions
   ========================================================================== */
.a-DialogRegion-body {
  background-color: #312D2A;
}

.a-DialogRegion-buttons {
  -webkit-box-shadow: inset 0 1px 0 0 #56504B;
          box-shadow: inset 0 1px 0 0 #56504B;
}

.a-DialogRegion-buttons .a-ButtonRegion--dialogRegion {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Edit Screen
   ---
   Used for edit pages within APEX
   ========================================================================== */
.a-EditScreen-body {
  background-color: #211E1C;
}

.a-EditScreen-header {
  background-color: #312D2A;
  -webkit-box-shadow: inset 0 -1px 0 #403C38;
          box-shadow: inset 0 -1px 0 #403C38;
}

.a-EditScreen-header.is-fixed {
  background-color: rgba(49, 45, 42, 0.98);
}

.a-EditScreen-header.is-fixed:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
.a-FS-control + .a-FS-control {
  border-top-color: #403C38;
}

.a-FS-toggle {
  background-color: rgba(255, 255, 255, 0.5);
  color: #100F0E;
  border-radius: 2px;
}

.a-FS-toggle:hover {
  background-color: rgba(255, 255, 255, 0.65);
}

.a-FS-toggle:focus {
  background-color: #FACD62;
  -webkit-box-shadow: 0 1px 1px 0 fade(#FACD62, 85%);
          box-shadow: 0 1px 1px 0 fade(#FACD62, 85%);
}

.a-FS-search .apex-item-text,
.a-FS-filter .apex-item-text {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

button.a-FS-clear {
  color: #FCFBFA;
  background-color: rgba(255, 255, 255, 0.05);
}

button.a-FS-clear:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-color: #377E55;
}

button.a-FS-clear:focus .a-Icon.icon-multi-remove {
  color: #FFFFFF;
  background-color: #D64C38;
}

.a-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow {
  background-color: transparent;
  color: #FACD62;
}

.a-FS-clearAll:focus,
.a-FS-clearButton:focus,
.a-FS-toggleOverflow:focus {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #377E55;
}

.a-FS-search .apex-item-text:focus,
.a-FS-filter .apex-item-text:focus {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #377E55;
  z-index: 1;
  position: relative;
}

.a-FS-search span.apex-item-icon,
.a-FS-filter span.apex-item-icon {
  color: white;
}

.a-FS-search {
  border-bottom-color: #403C38;
}

.apex-item-checkbox input[type=checkbox] + label {
  --a-checkbox-border-width: 0px;
}

.apex-item-checkbox input[type=checkbox] + label:before {
  -webkit-box-shadow: inset rgba(252, 251, 250, 0.3) 0 0 0 1px;
          box-shadow: inset rgba(252, 251, 250, 0.3) 0 0 0 1px;
  background-color: #000000;
}

.apex-item-checkbox input[type=checkbox] + label:after {
  color: #FCFBFA;
}

.apex-item-radio input[type=radio] + label {
  --a-checkbox-border-width: 0px;
}

.apex-item-radio input[type=radio] + label:before {
  -webkit-box-shadow: inset rgba(252, 251, 250, 0.3) 0 0 0 1px;
          box-shadow: inset rgba(252, 251, 250, 0.3) 0 0 0 1px;
  background-color: #000000;
}

.apex-item-radio input[type=radio] + label:after {
  background-color: #377E55;
}

.apex-item-group--rc input + label:hover:before {
  -webkit-box-shadow: inset rgba(252, 251, 250, 0.45) 0 0 0 1px;
          box-shadow: inset rgba(252, 251, 250, 0.45) 0 0 0 1px;
}

.apex-item-checkbox input[type=checkbox]:checked + label:before {
  background-color: #377E55;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.apex-item-checkbox input[type=checkbox]:checked + label:hover:before {
  background-color: #377E55;
}

.apex-item-group--rc input:focus + label:before {
  -webkit-box-shadow: #377E55 0 0 0 1px, inset #000000 0 0 0 1px;
          box-shadow: #377E55 0 0 0 1px, inset #000000 0 0 0 1px;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
:root {
  --a-filedrop-border-color: rgba(16, 15, 14, 0.6);
  --a-filedrop-background-color: transparent;
  --a-filedrop-text-color: rgba(16, 15, 14, 0.6);
  --a-filedrop-hover-background-color: rgba(16, 15, 14, 0.04);
  --a-filedrop-active-background-color: #E0F5DA;
  --a-filedrop-active-border-color: #377E55;
  --a-filedrop-focus-border-color: #377E55;
  --a-filedrop-dragging-background-color: #E0F5DA;
  --a-filedrop-dragging-border-color: #377E55;
  --a-filedrop-heading-text-color: #211E1C;
  --a-filedrop-icon-color:  #100F0E;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Embedded Code Analysis Report
   ========================================================================== */
.a-EmbeddedCode {
  background-color: #211E1C;
  color: rgba(252, 251, 250, 0.8);
  border-color: #403C38;
}

.a-EmbeddedCode-header {
  background-color: #312D2A;
}

.a-EmbeddedCode-body {
  border-color: #403C38;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Footer
   ========================================================================== */
.a-Footer {
  color: rgba(252, 251, 250, 0.6);
  background-color: #312D2A;
  border-color: #403C38;
}

.a-Page--simpleWizard .a-Footer {
  background-color: transparent;
  border-color: transparent;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
Color Variables
******************************************************************************/
.a-Form-inputContainer input::-webkit-input-placeholder,
input.a-SearchBox-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.a-Form-inputContainer input::-moz-placeholder,
input.a-SearchBox-input::-moz-placeholder {
  color: #fff;
}

.a-Form-inputContainer input:-ms-input-placeholder,
input.a-SearchBox-input:-ms-input-placeholder {
  color: #fff;
}

.a-CodeEditor-searchBar-label,
.a-Form-label,
.u-Form-label,
.a-IRR-form-label {
  color: rgba(252, 251, 250, 0.8);
}

.a-CodeEditor-searchBar-textInput,
.a-Report-report input[type="text"],
.a-Form-field,
.a-Form-select,
.a-Toolbar-selectList,
.a-IRR-selectList,
.legacy-tableForm input,
.legacy-tableForm select,
.selectlist,
.a-Form-inputContainer input[type="text"],
.a-Form-inputContainer select.selectlist,
.a-Form-inputContainer select.yes_no,
.a-Form-inputContainer input.text_field,
.a-Form-inputContainer input.password,
.a-Form-inputContainer textarea,
.a-Form-inputContainer textarea.textarea,
#queryText_table textarea.textarea,
.a-Form-inputContainer input.datepicker,
.a-Form-inputContainer span.display_only,
.a-Form-inputContainer input.popup_lov,
.a-Form-inputContainer select[multiple],
.a-Form-textarea,
.u-Form-inputContainer input:not([type=checkbox]):not([type=radio]),
.u-Form-inputContainer select,
.u-Form-inputContainer textarea,
.a-Form-inputContainer .apex-item-text.a-PopupLOV-search,
.a-Form-inputContainer .apex-item-text.apex-item-popup-lov,
.a-Form-inputContainer .apex-item-multi,
.a-FS-search .apex-item-text,
.a-FS-filter .apex-item-text {
  background-color: #191715;
  color: #FCFBFA;
  border-color: #403C38;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-CodeEditor-searchBar-textInput:focus,
.a-Report-report input[type="text"]:focus,
.a-Form-field:focus,
.a-Form-select:focus,
.a-Toolbar-selectList:focus,
.a-IRR-selectList:focus,
.legacy-tableForm input:focus,
.legacy-tableForm select:focus,
.selectlist:focus,
.a-Form-inputContainer input[type="text"]:focus,
.a-Form-inputContainer select.selectlist:focus,
.a-Form-inputContainer select.yes_no:focus,
.a-Form-inputContainer input.text_field:focus,
.a-Form-inputContainer input.password:focus,
.a-Form-inputContainer textarea:focus,
.a-Form-inputContainer textarea.textarea:focus,
#queryText_table textarea.textarea:focus,
.a-Form-inputContainer input.datepicker:focus,
.a-Form-inputContainer span.display_only:focus,
.a-Form-inputContainer input.popup_lov:focus,
.a-Form-inputContainer select[multiple]:focus,
.a-Form-textarea:focus,
.u-Form-inputContainer input:not([type=checkbox]):not([type=radio]):focus,
.u-Form-inputContainer select:focus,
.u-Form-inputContainer textarea:focus,
.a-Form-inputContainer .apex-item-text.a-PopupLOV-search:focus,
.a-Form-inputContainer .apex-item-text.apex-item-popup-lov:focus,
.a-Form-inputContainer .apex-item-multi:focus,
.a-FS-search .apex-item-text:focus,
.a-FS-filter .apex-item-text:focus {
  outline-color: #377E55;
  background-color: #100F0E;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
}

.a-CodeEditor-searchBar-textInput:focus::-ms-value,
.a-Report-report input[type="text"]:focus::-ms-value,
.a-Form-field:focus::-ms-value,
.a-Form-select:focus::-ms-value,
.a-Toolbar-selectList:focus::-ms-value,
.a-IRR-selectList:focus::-ms-value,
.legacy-tableForm input:focus::-ms-value,
.legacy-tableForm select:focus::-ms-value,
.selectlist:focus::-ms-value,
.a-Form-inputContainer input[type="text"]:focus::-ms-value,
.a-Form-inputContainer select.selectlist:focus::-ms-value,
.a-Form-inputContainer select.yes_no:focus::-ms-value,
.a-Form-inputContainer input.text_field:focus::-ms-value,
.a-Form-inputContainer input.password:focus::-ms-value,
.a-Form-inputContainer textarea:focus::-ms-value,
.a-Form-inputContainer textarea.textarea:focus::-ms-value,
#queryText_table textarea.textarea:focus::-ms-value,
.a-Form-inputContainer input.datepicker:focus::-ms-value,
.a-Form-inputContainer span.display_only:focus::-ms-value,
.a-Form-inputContainer input.popup_lov:focus::-ms-value,
.a-Form-inputContainer select[multiple]:focus::-ms-value,
.a-Form-textarea:focus::-ms-value,
.u-Form-inputContainer input:not([type=checkbox]):not([type=radio]):focus::-ms-value,
.u-Form-inputContainer select:focus::-ms-value,
.u-Form-inputContainer textarea:focus::-ms-value,
.a-Form-inputContainer .apex-item-text.a-PopupLOV-search:focus::-ms-value,
.a-Form-inputContainer .apex-item-text.apex-item-popup-lov:focus::-ms-value,
.a-Form-inputContainer .apex-item-multi:focus::-ms-value,
.a-FS-search .apex-item-text:focus::-ms-value,
.a-FS-filter .apex-item-text:focus::-ms-value {
  color: #fff;
}

.a-CodeEditor-searchBar-textInput:hover,
.a-Report-report input[type="text"]:hover,
.a-Form-field:hover,
.a-Form-select:hover,
.a-Toolbar-selectList:hover,
.a-IRR-selectList:hover,
.legacy-tableForm input:hover,
.legacy-tableForm select:hover,
.selectlist:hover,
.a-Form-inputContainer input[type="text"]:hover,
.a-Form-inputContainer select.selectlist:hover,
.a-Form-inputContainer select.yes_no:hover,
.a-Form-inputContainer input.text_field:hover,
.a-Form-inputContainer input.password:hover,
.a-Form-inputContainer textarea:hover,
.a-Form-inputContainer textarea.textarea:hover,
#queryText_table textarea.textarea:hover,
.a-Form-inputContainer input.datepicker:hover,
.a-Form-inputContainer span.display_only:hover,
.a-Form-inputContainer input.popup_lov:hover,
.a-Form-inputContainer select[multiple]:hover,
.a-Form-textarea:hover,
.u-Form-inputContainer input:not([type=checkbox]):not([type=radio]):hover,
.u-Form-inputContainer select:hover,
.u-Form-inputContainer textarea:hover,
.a-Form-inputContainer .apex-item-text.a-PopupLOV-search:hover,
.a-Form-inputContainer .apex-item-text.apex-item-popup-lov:hover,
.a-Form-inputContainer .apex-item-multi:hover,
.a-FS-search .apex-item-text:hover,
.a-FS-filter .apex-item-text:hover {
  background-color: #1b1917;
}

.apex-item-group.apex-item-group--popup-lov:focus-within {
  outline-color: #377E55;
  background-color: #100F0E;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
}

.a-Form input.file {
  color: rgba(252, 251, 250, 0.8);
}

.a-Form-postText,
.a-Form-inputContainer input + span.fielddata {
  color: rgba(252, 251, 250, 0.6);
}

.a-Form-searchField {
  background-image: url("../img/ui/search-dark.svg");
}

.a-Form-inputContainer span.display_only {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Form-select,
.a-Toolbar-selectList,
.a-IRR-selectList,
.legacy-tableForm select,
.selectlist,
.a-Report-report select[size="1"],
.a-Form-inputContainer select[size="1"].selectlist,
.a-Form-inputContainer select.yes_no {
  color: rgba(252, 251, 250, 0.8);
}

.a-Form-select option[disabled],
.a-Toolbar-selectList option[disabled],
.a-IRR-selectList option[disabled],
.legacy-tableForm select option[disabled],
.selectlist option[disabled],
.a-Report-report select[size="1"] option[disabled],
.a-Form-inputContainer select[size="1"].selectlist option[disabled],
.a-Form-inputContainer select.yes_no option[disabled] {
  color: inherit;
  opacity: .65;
}

.a-Form-select,
.a-Toolbar-selectList,
.a-IRR-selectList,
.legacy-tableForm select,
.a-Report-report select[size="1"],
.a-Form-inputContainer select[size="1"].selectlist,
.a-Form-inputContainer select.yes_no,
.a-Property-field--select {
  background-image: url("../img/ui/select-arrow-dark.svg");
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .a-Form-select:focus::-ms-value,
  .a-Toolbar-selectList:focus::-ms-value,
  .a-IRR-selectList:focus::-ms-value,
  .legacy-tableForm select:focus::-ms-value,
  .a-Report-report select[size="1"]:focus::-ms-value,
  .a-Form-inputContainer select[size="1"].selectlist:focus::-ms-value,
  .a-Form-inputContainer select.yes_no:focus::-ms-value,
  .a-Property-field--select:focus::-ms-value {
    color: #fff !important;
    background: transparent !important;
  }
  .u-HCM .a-Form-select:focus::-ms-value, .u-HCM
  .a-Toolbar-selectList:focus::-ms-value, .u-HCM
  .a-IRR-selectList:focus::-ms-value, .u-HCM
  .legacy-tableForm select:focus::-ms-value, .u-HCM
  .a-Report-report select[size="1"]:focus::-ms-value, .u-HCM
  .a-Form-inputContainer select[size="1"].selectlist:focus::-ms-value, .u-HCM
  .a-Form-inputContainer select.yes_no:focus::-ms-value, .u-HCM
  .a-Property-field--select:focus::-ms-value {
    color: #fff !important;
  }
  .a-Form-select,
  .a-Toolbar-selectList,
  .a-IRR-selectList,
  .legacy-tableForm select,
  .a-Report-report select[size="1"],
  .a-Form-inputContainer select[size="1"].selectlist,
  .a-Form-inputContainer select.yes_no,
  .a-Property-field--select {
    background-image: url("../img/ui/select-arrow-alt-dark.png");
  }
  .u-HCM .a-Form-select, .u-HCM
  .a-Toolbar-selectList, .u-HCM
  .a-IRR-selectList, .u-HCM
  .legacy-tableForm select, .u-HCM
  .a-Report-report select[size="1"], .u-HCM
  .a-Form-inputContainer select[size="1"].selectlist, .u-HCM
  .a-Form-inputContainer select.yes_no, .u-HCM
  .a-Property-field--select {
    background-image: none;
  }
}

.a-Form-field--readOnly {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.apex-item-textarea-counter {
  color: rgba(252, 251, 250, 0.6);
}

.apex-item-textarea-counter--warning {
  color: #FACD62;
}

.apex-item-textarea-counter--error {
  color: #E3513C;
}

/* ==========================================================================
   Select List Width
   ========================================================================== */
.a-Form-radioLabel,
.a-Form-inputContainer .radio_group label,
.a-Form-checkboxLabel,
.a-Form-inputContainer .checkbox_group label {
  color: rgba(252, 251, 250, 0.8);
}

.a-Form-fieldContainer--boxLabels fieldset label {
  background-color: #F1EFED;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.075) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.075) inset;
}

.a-Form-fieldContainer--boxLabels fieldset label:hover {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.075) inset, 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.075) inset, 0 2px 4px rgba(0, 0, 0, 0.05);
}

.a-Form-fieldContainer--boxLabels .a-Form-inputContainer input:checked + label,
.a-Form-fieldContainer--boxLabels .a-Form-inputContainer input:checked + .fielddata label {
  background-color: #F1EFED;
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.a-Form-fieldContainer--boxLabels .a-Form-inputContainer input:focus + label,
.a-Form-fieldContainer--boxLabels .a-Form-inputContainer input:focus + .fielddata label {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset, 0 0 0 1px #377E55, 0 0 2px 2px rgba(55, 126, 85, 0.5) !important;
          box-shadow: 0 0 0 1px #377E55 inset, 0 0 0 1px #377E55, 0 0 2px 2px rgba(55, 126, 85, 0.5) !important;
}

.a-Form-radioLabel-desc {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Select List Width
   ========================================================================== */
.a-Form-select--multi {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Validations
   ========================================================================== */
.a-Form-error,
.t-Form-error {
  color: #EA7362;
}

/* ==========================================================================
   Modifier: Post Item Text
   ---

   ========================================================================== */
.a-Form-fieldContainer--postItemText .a-Form-inputContainer span.display_only {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Textarea
   ========================================================================== */
.a-Form-textarea--code {
  color: rgba(252, 251, 250, 0.8);
}

/* Button Groups
   ========================================================================== */
.apex-button-group table.radio-group input:checked + label {
  background-color: transparent;
}

.apex-button-group input:active + label,
.apex-button-group input:focus + label {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset !important;
          box-shadow: 0 0 0 1px #377E55 inset !important;
}

/* Page Specific Overrides
   ========================================================================== */
.a-Form-postTextInlineHelp {
  color: rgba(252, 251, 250, 0.6);
}

.a-Form-postTextInlineHelp code {
  color: rgba(252, 251, 250, 0.8);
}

.a-Icon.icon-asterisk:before {
  color: #C74634;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Grid
   ---
   Grid Layout system for Theme 42
   ========================================================================== */
.grid-debug-on .grid-container {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 128, 128, 0.2)), color-stop(50%, rgba(255, 128, 128, 0.2)), color-stop(50%, transparent), to(transparent));
  background-image: linear-gradient(to left, rgba(255, 128, 128, 0.2) 0%, rgba(255, 128, 128, 0.2) 50%, transparent 50%, transparent 100%);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.grid-debug-on .apex-row {
  border-right-color: rgba(255, 255, 255, 0.1);
}

.grid-debug-on .apex-col {
  border-left-color: rgba(255, 255, 255, 0.1);
  border-top-color: rgba(255, 255, 255, 0.1);
}

.grid-debug-on .apex-col:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.apex-col--leftBorder {
  border-left-color: #403C38;
}

.apex-col--rightBorder {
  border-right-color: #403C38;
}

.apex-col--bottomBorder {
  border-bottom-color: #403C38;
}

.apex-col--topBorder {
  border-top-color: #403C38;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Grid Layout Theme
   ========================================================================== */
.a-GridLayout-wrapper {
  background-color: #79726D;
}

/* ==========================================================================
   Page
   ========================================================================== */
.a-GridLayout-page:focus {
  outline-color: #CBC5BF;
}

.a-GridLayout-page > h3 {
  color: #FCFBFA;
  background-color: #312D2A;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.a-GridLayout-page > h3 > .a-Icon {
  color: #FCFBFA;
  background-color: rgba(230, 227, 224, 0.3);
}

/* ==========================================================================
   Containers
   ========================================================================== */
td > .a-GridLayout-regionContainer > h3,
.a-GridLayout-page > .a-GridLayout-regionContainer > h3, .a-GridLayout-regionContainer.a-GridLayout--legacy > h3 {
  color: #FCFBFA;
}

/* ==========================================================================
   Button, Item and Region Container
   ========================================================================== */
.a-GridLayout-region .a-GridLayout-regionContainer, .a-GridLayout-region
.a-GridLayout-buttonContainer, .a-GridLayout-region
.a-GridLayout-itemContainer, .a-GridLayout-region
.a-GridLayout-regionContent {
  color: rgba(16, 15, 14, 0.8);
}

.a-GridLayout-region .a-GridLayout-regionContainer:hover, .a-GridLayout-region
.a-GridLayout-buttonContainer:hover, .a-GridLayout-region
.a-GridLayout-itemContainer:hover, .a-GridLayout-region
.a-GridLayout-regionContent:hover {
  background-color: rgba(105, 99, 82, 0.8);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.a-GridLayout-regionContainer > h3,
.a-GridLayout-itemContainer > h3,
.a-GridLayout-regionContent > h3,
.a-GridLayout-buttonContainer > h3 {
  color: rgba(252, 251, 250, 0.8);
}

/* ==========================================================================
   Regions
   ========================================================================== */
.a-GridLayout-region {
  background-color: rgba(64, 60, 56, 0.6);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
  outline-color: #377E55;
  border-radius: 4px;
}

.a-GridLayout-region > h3 {
  color: #FCFBFA;
  background-color: #403C38;
}

.a-GridLayout-region > h3 .a-Icon {
  color: #FCFBFA;
  background-color: #79726D;
}

/* ==========================================================================
   Items + Buttons
   ========================================================================== */
.a-GridLayout-pageItem {
  color: #FCFBFA;
  background-color: #79726D;
  border-color: #79726D;
}

.a-GridLayout-pageItem .a-Icon {
  color: rgba(252, 251, 250, 0.8);
  background-color: #A8A29B;
}

.a-GridLayout-button {
  color: #FCFBFA;
  background-color: #41727E;
}

.a-GridLayout-button.a-GridLayout--conditional:before {
  background-color: #BC6A7E;
  border-color: #FFFFFF;
}

/* ==========================================================================
   Conditionality
   ========================================================================== */
.a-GridLayout-pageItem.a-GridLayout--conditional .a-Icon:after,
.a-GridLayout-region.a-GridLayout--conditional > h3 .a-Icon:after {
  background-color: #BC6A7E;
  border-color: #FFFFFF;
}

/* ==========================================================================
   Stateful Selectors
   ========================================================================== */
.a-GridLayout-regions.is-active,
.a-GridLayout-items.is-active,
.a-GridLayout-buttons.is-active {
  background-color: rgba(250, 205, 98, 0.6);
  border-radius: 4px;
}

.a-GridLayout-grid.is-active td {
  border-color: rgba(252, 221, 147, 0.6);
}

.a-GridLayout-placeholder {
  background-color: rgba(251, 216, 130, 0.8);
  border-radius: 2px;
}

/* Selection State
   ========================================================================== */
.a-GridLayout-page.is-selected > h3,
.a-GridLayout-region.is-selected > h3 {
  color: #FCFBFA;
  background-color: #377E55;
  border-color: #377E55;
  outline-color: #377E55;
}

.a-GridLayout-page.is-selected > h3 .a-Icon,
.a-GridLayout-region.is-selected > h3 .a-Icon {
  color: #FCFBFA;
}

.a-GridLayout-page.is-selected.is-focused,
.a-GridLayout-region.is-selected.is-focused {
  border-color: #377E55;
  outline-color: #377E55;
}

.a-GridLayout-page.is-selected.is-focused > h3,
.a-GridLayout-region.is-selected.is-focused > h3 {
  color: #FCFBFA;
  background-color: #31704C;
  border-color: #377E55;
}

.a-GridLayout-pageItem.is-selected,
.a-GridLayout-button.is-selected {
  color: #FCFBFA;
  background-color: #377E55;
  border-color: #377E55;
  outline-color: #377E55;
}

/* Selected State -- Icon Handling
   ========================================================================== */
.a-GridLayout-region.is-selected > h3 > .a-Icon,
.a-GridLayout-pageItem.is-selected > h3 > .a-Icon,
.a-GridLayout-page.is-selected > h3 > .a-Icon {
  background-color: #90B288;
  color: #FCFBFA;
}

.a-GridLayout-region.is-focused,
.a-GridLayout-page.is-focused > h3 {
  border-color: #377E55;
  -webkit-box-shadow: 0 0 0 1px #377e55, 0 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #377e55, 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

/* Warnings and Errors
   ========================================================================== */
.a-GridLayout-page.is-error > h3,
.a-GridLayout-region.is-error > h3,
.a-GridLayout-pageItem.is-error,
.a-GridLayout-button.is-error {
  color: #FCFBFA;
  background-color: #A33B2C;
  border-color: #A33B2C;
}

.a-GridLayout-page.is-error > h3 .a-Icon,
.a-GridLayout-region.is-error > h3 .a-Icon,
.a-GridLayout-pageItem.is-error .a-Icon,
.a-GridLayout-button.is-error .a-Icon {
  color: #FFD9D4;
  background-color: #C74634;
}

.a-GridLayout-page.is-warning > h3,
.a-GridLayout-region.is-warning > h3,
.a-GridLayout-pageItem.is-warning,
.a-GridLayout-button.is-warning {
  color: #FCFBFA;
  background-color: #A47638;
  border-color: #A47638;
}

.a-GridLayout-page.is-warning > h3 .a-Icon,
.a-GridLayout-region.is-warning > h3 .a-Icon,
.a-GridLayout-pageItem.is-warning .a-Icon,
.a-GridLayout-button.is-warning .a-Icon {
  color: #FFF8E3;
  background-color: #D8974D;
}

.gi-icon-admin-dashboards {
  background-image: url("../img/icons/admin-dashboards-dark.svg");
}

.app-builder .gi-icon-admin-dashboards {
  background-image: url("../img/icons/app-builder-dashboard-dark.svg");
}

.gi-icon-admin-manage-instance {
  background-image: url("../img/icons/admin-manage-instance-dark.svg");
}

.gi-icon-admin-manage-requests {
  background-image: url("../img/icons/admin-manage-requests-dark.svg");
}

.gi-icon-admin-manage-service {
  background-image: url("../img/icons/admin-manage-service-dark.svg");
}

.gi-icon-admin-manage-users {
  background-image: url("../img/icons/admin-manage-users-dark.svg");
}

.gi-icon-admin-manage-workspaces {
  background-image: url("../img/icons/admin-manage-workspaces-dark.svg");
}

.gi-icon-admin-monitor-activity {
  background-image: url("../img/icons/admin-monitor-activity-dark.svg");
}

.gi-icon-admin-utilization-report {
  background-image: url("../img/icons/admin-utilization-report-dark.svg");
}

.gi-icon-admin-top-apps {
  background-image: url("../img/icons/admin-services_monitor-activity-top-applications-dark.svg");
}

.gi-icon-admin-top-workspaces {
  background-image: url("../img/icons/admin-services_monitor-activity-top-workspaces-dark.svg");
}

.gi-icon-admin-activity-summary {
  background-image: url("../img/icons/admin-services_monitor-activity-activity-summary-dark.svg");
}

.gi-icon-admin-pkg-apps {
  background-image: url("../img/icons/admin-services_monitor-activity-productivity-sample-app-installs-dark.svg");
}

.gi-icon-apex-logo-icon {
  background-image: url("../img/rw/icons/apex-logo-icon-dark.svg");
}

.app-builder .gi-icon-apex-sql-script {
  background-image: url("../img/icons/app-bulider-supporting-objects-dark.svg");
}

.sql-workshop .gi-icon-apex-sql-script {
  background-image: url("../img/icons/sql-workshop-sql-scripts-dark.svg");
}

.app-builder .gi-icon-apex-utilities {
  background-image: url("../img/icons/app-builder-workspace-utilities-dark.svg");
}

.sql-workshop .gi-icon-apex-utilities {
  background-image: url("../img/icons/sql-workshop-utilities-dark.svg");
}

.gi-icon-app-builder-create-app {
  background-image: url("../img/icons/app-builder-create-app-dark.svg");
}

.gi-icon-app-builder-export-app {
  background-image: url("../img/icons/app-builder-export-app-dark.svg");
}

.gi-icon-app-builder-export-import {
  background-image: url("../img/icons/app-builder-export-import-dark.svg");
}

.gi-icon-app-builder-import-app {
  background-image: url("../img/icons/app-builder-import-app-dark.svg");
}

.gi-icon-app-builder-remote-deploy {
  background-image: url("../img/icons/app-builder-remote-deploy-dark.svg");
}

.gi-icon-app-builder-run-app {
  background-image: url("../img/icons/app-builder-run-app-dark.svg");
}

.gi-icon-app-builder-shared-components {
  background-image: url("../img/icons/app-builder-shared-components-dark.svg");
}

.gi-icon-app-builder {
  background-image: url("../img/icons/app-builder-dark.svg");
}

.gi-icon-create-app-pkg-apps {
  background-image: url("../img/icons/app-gallery-dark.svg");
}

.gi-icon-create-app-websheet {
  background-image: url("../img/icons/app-builder-create-spreadsheet-dark.svg");
}

.gi-icon-pkg-apps {
  background-image: url("../img/icons/app-gallery-dark.svg");
}

.gi-icon-sql-workshop-commands {
  background-image: url("../img/icons/sql-workshop-commands-dark.svg");
}

.gi-icon-sql-workshop-object-browser {
  background-image: url("../img/icons/sql-workshop-object-browser-dark.svg");
}

.gi-icon-sql-workshop-rest {
  background-image: url("../img/icons/sql-workshop-rest-dark.svg");
}

.gi-icon-sql-workshop {
  background-image: url("../img/icons/sql-workshop-dark.svg");
}

.gi-icon-team-dev-bugs {
  background-image: url("../img/icons/team-dev-bugs-dark.svg");
}

.gi-icon-team-dev-features {
  background-image: url("../img/icons/team-dev-features-dark.svg");
}

.gi-icon-team-dev-feedback {
  background-image: url("../img/icons/team-dev-feedback-dark.svg");
}

.gi-icon-team-dev-milestones {
  background-image: url("../img/icons/team-dev-milestones-dark.svg");
}

.gi-icon-team-dev-todos {
  background-image: url("../img/icons/team-dev-todos-dark.svg");
}

.gi-icon-issues,
.gi-icon-team-dev {
  background-image: url("../img/icons/issues-dark.svg");
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   APEX Builder Header
   ========================================================================== */
.a-Header {
  background-color: #403C38;
  -webkit-box-shadow: 0 -1px 0 #312D2A inset;
          box-shadow: 0 -1px 0 #312D2A inset;
}

.a-Header--login,
.a-Page--simpleWizard .a-Header {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: none;
}

.a-Header--login .a-Header-col--right {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Header-logo {
  color: rgba(252, 251, 250, 0.8);
}

.a-Header-logo:focus {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #FCFBFA;
}

.a-Header-logo:hover {
  color: #FCFBFA;
}

.a-Header-logo:hover .a-Header-apexLogo:after {
  opacity: 1;
}

.a-Header-apexLogo:before, .a-Header-apexLogo:after {
  background-image: url("../img/apex-logo-dark.svg");
}

.a-Header-apexLogo:after {
  opacity: .8;
}

.a-Header-tabsContainer {
  background-color: transparent;
}

.a-Header-tabsContainer .a-MenuBar-label {
  color: rgba(252, 251, 250, 0.6);
}

.a-Header-tabsContainer .a-MenuBar-item {
  border-radius: 4px;
}

.a-Header-tabsContainer .a-MenuBar-item:hover {
  background-color: transparent;
}

.a-Header-tabsContainer .a-MenuBar-item.is-focused {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Header-tabsContainer .a-MenuBar-item.a-Menu--current {
  background-color: transparent;
}

.a-Header-tabsContainer .a-MenuBar-item.a-Menu--current .a-MenuBar-label {
  color: #FCFBFA;
}

.a-Header-tabsContainer .a-MenuBar-item.is-focused, .a-Header-tabsContainer .a-MenuBar-item.is-active, .a-Header-tabsContainer .a-MenuBar-item.is-expanded {
  background-color: #312D2A;
}

.a-Header-tabsContainer .a-MenuBar-item.is-focused .a-MenuBar-label, .a-Header-tabsContainer .a-MenuBar-item.is-active .a-MenuBar-label, .a-Header-tabsContainer .a-MenuBar-item.is-expanded .a-MenuBar-label {
  color: #FCFBFA;
}

.a-Header-tabsContainer .a-MenuBar-item.is-expanded {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.a-Header-tabsContainer .a-MenuBar-item > .a-Menu-subMenuCol .a-Icon {
  color: rgba(236, 233, 230, 0.6);
}

.a-Header-tabsContainer .a-MenuBar-item > .a-Menu-subMenuCol:hover .a-Icon {
  color: #ECE9E6;
  background-color: rgba(16, 15, 14, 0.8);
  border-color: #377E55;
}

.a-Header-tabsContainer .a-MenuBar-item.is-expanded > .a-Menu-subMenuCol .a-Icon {
  color: #FCFBFA;
  background-color: #377E55;
  border-color: #377E55;
}

.a-Header-tabsContainer .a-MenuBar-item.is-focused:focus-within {
  outline-color: #FCFBFA;
}

.a-Button--navLink {
  border-radius: 4px;
}

.a-Button--navLink .a-Icon.icon-menu-drop-down {
  color: rgba(236, 233, 230, 0.6);
}

.a-Button--navLink:hover .a-Icon.icon-menu-drop-down {
  color: #ECE9E6;
}

.a-Button--navLink:focus {
  outline-color: currentColor;
}

/* ==========================================================================
   Account
   ========================================================================== */
.a-Header-account {
  border-left-color: #312D2A;
}

.a-Header-accountDialog {
  background-color: #211E1C;
  border-color: #312D2A;
  -webkit-box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.25);
          box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.25);
}

.a-Header-accountDialog .a-Menu-content {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Header-accountDialog.a-Menu .a-Menu-item {
  color: inherit;
}

.a-Header-accountDialog.a-Menu .a-Menu-item.is-focused {
  color: inherit;
  background-color: inherit;
}

.a-Header-accountDialog.a-Menu .a-Menu-item.is-focused:not(:hover) {
  outline-offset: 2px !important;
  outline-width: 2px !important;
  outline-style: dotted !important;
  outline-color: #377E55 !important;
}

.a-Header-dialogName,
.a-Header-dialogValue {
  color: #FCFBFA;
}

.a-Header-dialogUsername,
.a-Header-dialogLabel {
  color: rgba(252, 251, 250, 0.6);
}

.a-Header-dialogRole,
.a-Header-dialogWorkspace {
  color: rgba(252, 251, 250, 0.8);
  border-top-color: #ECE9E6;
}

.a-Header-dialogRole .a-Icon,
.a-Header-dialogWorkspace .a-Icon {
  color: #FCFBFA;
}

.a-Header-accountDialog-buttons {
  background-color: #211E1C;
  border-top-color: #312D2A;
}

.a-Header-accountDialog-editProfile.a-Menu-item.a-Menu-label,
.a-Menu-content .a-Header-dialogLink.a-Menu-item .a-Menu-label {
  color: #FACD62;
}

.a-Header-accountDialog-editProfile.a-Menu-item.a-Menu-label:hover,
.a-Menu-content .a-Header-dialogLink.a-Menu-item .a-Menu-label:hover {
  color: #FACD62;
}

.a-Header-accountDialog-editProfile.a-Menu-item.a-Menu-label:focus, .a-Header-accountDialog-editProfile.a-Menu-item.a-Menu-label.is-focused:focus,
.a-Menu-content .a-Header-dialogLink.a-Menu-item .a-Menu-label:focus,
.a-Menu-content .a-Header-dialogLink.a-Menu-item .a-Menu-label.is-focused:focus {
  color: #FACD62;
  outline-color: #FACD62;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
}

.apex-instance-admin .a-Header-tabsContainer .a-MenuBar-item.a-Menu--current {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Header-accountDialog.a-Menu .a-Header-accountDialog-switcher > span {
  border-radius: 8px;
  background-color: rgba(49, 45, 42, 0.6);
}

.a-Header-accountDialog.a-Menu .a-Header-accountDialog-switcher > span:before {
  border-radius: 7px;
  background-color: #FCFBFA;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

.a-Header-accountDialog.a-Menu .a-Header-accountDialog-switcher > span:active {
  background-color: rgba(49, 45, 42, 0.8);
}

.a-Header-accountDialog.a-Menu .a-Header-accountDialog-switcher.is-on > span {
  background-color: #377E55;
}

.a-Header-accountDialog.a-Menu .a-Header-accountDialog-switcher.is-on > span:active {
  background-color: #31704C;
}

.a-Header-accountDialog.a-Menu .a-Header-accountDialog-switcher:focus > span {
  outline-color: #377E55;
}

/* ==========================================================================
   Nav Link Buttons
   ========================================================================== */
.a-Header .a-Button.is-active,
.a-Button.a-Button--activeTab {
  background-color: #312D2A !important;
  color: #FCFBFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Button--navLink {
  color: #FCFBFA;
}

.a-Button--navLink:before {
  background-color: #403C38;
}

.a-Button--navLink:active, .a-Button--navLink.is-active {
  background-color: #312D2A;
  color: #FCFBFA;
}

.a-Button--navLink:focus, .a-Button--navLink:active:focus {
  background-color: #312D2A;
  color: #FCFBFA;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.a-Button--navLink:hover,
.a-Button--navLink.a-MenuButton.is-active {
  text-shadow: none;
  background-color: #312D2A;
  color: #FCFBFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Header.apex-app-builder {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #41727E;
}

.a-Header.apex-sql-workshop {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #3D8C5F;
}

.a-Header.apex-team-dev {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #D8974D;
}

.a-Header.apex-pkg-apps {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #D64C38;
}

.a-Header.apex-workspace-admin {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #869E9E;
}

.a-Header-accountDialog-uiModeSwitch {
  color: rgba(252, 251, 250, 0.6);
  background-color: #403C38;
}

.a-Header-accountDialog-uiModeSwitch .a-Menu-item,
.a-Header-accountDialog-uiModeSwitch .a-Menu-item.a-Menu-label {
  background-color: transparent;
}

.a-Header-accountDialog-uiModeSwitch .a-Menu-item.is-focused,
.a-Header-accountDialog-uiModeSwitch .a-Menu-item.a-Menu-label.is-focused {
  background-color: #312D2A;
}

.a-Header-accountDialog-uiModeSwitch .a-Menu-item.is-on,
.a-Header-accountDialog-uiModeSwitch .a-Menu-item.a-Menu-label.is-on {
  background-color: #CBC5BF !important;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Help Region
   ========================================================================== */
.a-HelpRegion {
  background-color: #634422;
  color: #FCFBFA;
}

.a-HelpRegion h3 {
  color: #FCFBFA;
}

.a-HelpRegion a {
  color: #FACD62;
}

.a-HelpRegion dl {
  color: #FCFBFA;
}

/* ==========================================================================
   Help Region (Property Editor)
   ========================================================================== */
.a-Region.a-Region--helpRegion {
  background-color: #634422;
}

.a-Region.a-Region--helpRegion .a-Region-header,
.a-Region.a-Region--helpRegion .a-Region-body {
  border-color: #E5B757;
}

.a-Region.a-Region--helpRegion .a-Region-header {
  background-color: #A47638;
}

.a-Region.a-Region--helpRegion .a-Region-title {
  color: #FCFBFA;
}

/* ==========================================================================
   Help Typography
   ========================================================================== */
.a-HelpRegion p,
.a-HelpRegion li,
.a-Region--helpRegion .a-Region-body p,
.a-Region--helpRegion .a-Region-body li {
  color: #FCFBFA;
}

.a-HelpRegion pre,
.a-Region--helpRegion .a-Region-body pre {
  color: #FCFBFA;
  background-color: #684621;
  border-color: #684621;
}

/* ==========================================================================
   Keyboard Shortcuts
   ========================================================================== */
.apex-kb-shortcut b {
  background-color: #56504B;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.075);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.075);
}

.page-1102.app-4500 .about-region h3,
.page-1102.app-4500 .about-region p,
.page-1102.app-4500 .about-region ul {
  color: inherit !important;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
Icon List
******************************************************************************/
.a-IconList-item,
.a-IRR-dialog--download .a-IconList-item {
  color: rgba(252, 251, 250, 0.6);
  outline-color: #377E55;
}

.a-IconList-item:hover,
.a-IRR-dialog--download .a-IconList-item:hover {
  color: #FCFBFA;
  background-color: #211E1C;
}

.a-IconList-item:focus,
.a-IRR-dialog--download .a-IconList-item:focus {
  -webkit-box-shadow: 0 0 0 1px #377e55 inset;
          box-shadow: 0 0 0 1px #377e55 inset;
}

.a-IconList-item.is-selected,
.a-IRR-dialog--download .a-IconList-item.is-selected {
  background-color: #211E1C;
  -webkit-box-shadow: 0 0 0 1px #403c38 inset;
          box-shadow: 0 0 0 1px #403c38 inset;
}

.a-IconList-item.is-selected.is-focused,
.a-IRR-dialog--download .a-IconList-item.is-selected.is-focused {
  color: #FCFBFA;
  background-color: #100F0E;
  -webkit-box-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-Gallery .a-IconList-item {
  color: rgba(252, 251, 250, 0.6);
}

.a-Gallery .a-IconList-item:hover {
  color: #FCFBFA;
  background-color: #211E1C;
}

.a-Gallery-region .a-Icon {
  color: rgba(216, 151, 77, 0.6);
}

.a-Gallery-pageItem .a-Icon {
  color: rgba(203, 197, 191, 0.6);
}

.a-Gallery-button .a-Icon {
  color: rgba(106, 151, 163, 0.6);
}

.a-IconList--featured .a-Icon {
  background-color: #41727E;
}

/* ==========================================================================
   Wizard Icon List
   ========================================================================== */
.a-IconList--wizard .a-IconList-item {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  /* Base Styles */
  /* Clear Hover, Active, Focus Styles */
}

.a-IconList--wizard .a-IconList-item:hover, .a-IconList--wizard .a-IconList-item:active, .a-IconList--wizard .a-IconList-item:focus, .a-IconList--wizard .a-IconList-item.is-selected, .a-IconList--wizard .a-IconList-item.is-selected.is-focused {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-IconList--wizard .a-IconList-item .a-Icon {
  background-color: #56504B;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  color: rgba(252, 251, 250, 0.3);
}

.a-IconList--wizard .a-IconList-item:hover .a-Icon {
  color: rgba(252, 251, 250, 0.6);
  background-color: #67605B;
}

.a-IconList--wizard .a-IconList-item.is-selected .a-Icon {
  color: #FCFBFA;
  background-color: #377E55;
}

.a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-Icon {
  outline-color: #377E55;
  outline-offset: 5px;
  outline-width: 2px;
  outline-style: dotted;
}

.a-IconList--wizard .a-IconList-iconName {
  color: rgba(252, 251, 250, 0.6);
}

/* Modifier: Horizontal Icon List
   ========================================================================== */
.a-IconList--horizontal .a-Icon {
  color: #FFFFFF;
}

.a-IconList--horizontal .a-Icon.icon-clipboard {
  background-color: #399BEA;
}

.a-IconList--horizontal .a-Icon.icon-file-upload {
  background-color: #74B28E;
}

.a-IconList--horizontal .a-Icon.icon-sample-data {
  background-color: #FFBE2A;
}

.a-IconList--horizontal .a-Icon.icon-sample-dataset {
  background-color: #7C8791;
}

.a-IconList--horizontal .a-IconList-iconName {
  color: rgba(255, 255, 255, 0.75);
}

/* Modifier: Layouts (for 96x64px size layouts)
   ========================================================================== */
.a-IconList--layouts .a-IconList--wizard .a-IconList-item:hover .a-Icon,
.a-IconList--layouts .a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-Icon {
  background-color: #67605B;
}

.a-IconList--layouts .a-IconList--wizard .a-IconList-item.is-selected:hover .a-Icon {
  background-color: #3D8C5F;
}

.fa-icon-block .fa,
.fa-icon-block .icon-label {
  color: rgba(252, 251, 250, 0.6) !important;
}

.fa-icon-block a:hover {
  background-color: #211E1C !important;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Icon Panel
   ========================================================================== */
.a-IconPanel-icon {
  background-color: #CBC5BF;
  color: #FCFBFA;
}

.a-IconPanel-icon.icon-status-failure {
  background-color: #E3513C;
}

.a-IconPanel-icon.icon-status-success {
  background-color: #539B72;
}

.a-IconPanel-icon.icon-status-warning {
  background-color: #FACD62;
}

.a-IconPanel-setting {
  color: rgba(255, 255, 255, 0.5);
}

.a-IconPanel-status {
  color: rgba(255, 255, 255, 0.75);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Image Navigation List
   ========================================================================== */
.a-ImageNav-link {
  background-color: transparent;
}

.a-ImageNav-item:first-child .a-ImageNav-link {
  border-left: none;
}

.a-ImageNav-link:hover {
  background-color: #403C38;
}

.a-ImageNav-link:focus {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #377E55;
  background-color: rgba(33, 30, 28, 0.6);
}

.a-ImageNav-img {
  background-color: #211E1C;
}

.a-ImageNav-label {
  color: #FCFBFA;
}

/* ==========================================================================
   Context Colors
   ========================================================================== */
.a-ImageNav.app-builder .a-ImageNav-img,
.a-ImageNav-link.app-builder .a-ImageNav-img {
  background-color: transparent;
}

.wizard-selection .a-Icon.gi-icon-app-builder, .wizard-selection .a-Icon.gi-icon-create-app-websheet, .wizard-selection .a-Icon.gi-icon-create-app-pkg-apps, .wizard-selection .a-Icon.gi-icon-app-builder-import-app, .wizard-selection .a-Icon.gi-icon-app-builder-export-app, .wizard-selection .a-Icon.gi-icon-app-builder-remote-deploy {
  background-color: transparent;
}

.a-ImageNav.pkg-apps .a-ImageNav-img,
.a-ImageNav-link.pkg-apps .a-ImageNav-img {
  background-color: transparent;
}

.a-ImageNav.sql-workshop .a-ImageNav-img,
.a-ImageNav-link.sql-workshop .a-ImageNav-img {
  background-color: transparent;
}

.a-ImageNav.issues .a-ImageNav-img,
.a-ImageNav-link.issues .a-ImageNav-img,
.a-ImageNav.team-dev .a-ImageNav-img,
.a-ImageNav-link.team-dev .a-ImageNav-img {
  background-color: transparent;
}

.a-ImageNav.instance-admin .a-ImageNav-img,
.a-ImageNav-link.instance-admin .a-ImageNav-img {
  background-color: transparent;
}

.a-ImageNav.workspace-admin .a-ImageNav-img,
.a-ImageNav-link.workspace-admin .a-ImageNav-img {
  background-color: transparent;
}

.a-ImageNav-img.gi-icon-admin-top-apps,
.a-ImageNav-img.gi-icon-admin-top-workspaces,
.a-ImageNav-img.gi-icon-admin-activity-summary,
.a-ImageNav-img.gi-icon-admin-pkg-apps {
  background-color: transparent;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Interactive Grid
   ========================================================================== */
.a-IG {
  border-color: #403C38;
  background-color: #312D2A;
}

.a-IG-header,
.a-IGDialog-header,
.a-IGDialog-footer,
.a-IGDialog-side {
  border-color: #403C38;
  background-color: #211E1C;
}

.a-IG-gridView .a-GV-footer {
  border-color: #403C38;
}

.a-IG-button.a-IG-button--controls {
  background-color: transparent;
}

.a-IG-controlsCheckboxLabel {
  border-color: #56504B;
  background-color: #100F0E;
}

.a-IG-controlsCheckboxLabel:before {
  color: #FCFBFA;
}

.a-IG-controlsCheckboxLabel:hover {
  border-color: #67605B;
}

.a-IG-controlsCheckboxLabel:active {
  background-color: inherit;
}

.a-IG-controls .a-IG-controlsCheckbox:checked + .a-IG-controlsCheckboxLabel {
  background-color: #377E55;
  border-color: #377E55;
}

.a-IG-controlsLabel {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
}

.a-IG-controlsLabel,
.a-IG-reportSummary-value {
  color: #FCFBFA;
}

/* ==========================================================================
   Grid View
   ========================================================================== */
/* Table Container
   ========================================================================== */
.a-GV-w-frozen .a-GV-table,
.a-GV-w-hdr .a-GV-table {
  border-color: #403C38 !important;
}

.a-GV-table .a-GV-cell {
  border-color: #403C38;
}

.a-GV-header,
.a-GV-headerGroup {
  border-color: #403C38;
}

.a-GV-table tr.is-selected .a-GV-cell {
  background-color: rgba(34, 68, 79, 0.5);
}

.a-GV-table .a-GV-cell.is-focused,
.a-GV-table .a-GV-header.is-focused,
.a-GV-table .a-GV-headerGroup.is-focused,
.a-GV-table .a-GV-controlBreakHeader.is-focused {
  -webkit-box-shadow: 0 0 0 1px #FACD62 inset;
          box-shadow: 0 0 0 1px #FACD62 inset;
}

/* Column Header
   ========================================================================== */
.a-GV-columnControls .a-Button {
  background-color: #56504B;
  color: rgba(252, 251, 250, 0.6);
}

.a-GV-columnControls .a-Button.is-active {
  background-color: #403C38;
}

.a-GV-header.is-active {
  background-color: #000000;
}

/* Control Breaks
   ========================================================================== */
.a-GV-controlBreakHeader .a-Button span {
  color: rgba(252, 251, 250, 0.6);
}

.a-GV-table th.a-GV-controlBreakHeader {
  background-color: #56504B;
  border-color: #403C38;
  color: rgba(252, 251, 250, 0.6);
}

/* Aggregates
   ========================================================================== */
.is-aggregate .a-GV-cell {
  background-color: #211E1C;
}

.is-aggregate .a-GV-rowHeader {
  color: rgba(252, 251, 250, 0.6);
}

/* Overall Aggregate
   ========================================================================== */
.is-grandTotal .a-GV-cell {
  background-color: #403C38;
}

/* Footer
   ========================================================================== */
.a-GV-footer {
  border-color: #403C38;
  background-color: #312D2A;
}

/* Column Move Handle
   ========================================================================== */
.a-GV-header-dragHelper {
  color: rgba(252, 251, 250, 0.8);
  background-color: #56504B;
  border-color: #403C38;
}

.a-GV-header-dragHelper.ui-draggable-dragging {
  border-color: #FACD62;
}

.a-GV-hdr {
  background-color: #211E1C;
}

.a-GV-bdy {
  background-color: #312D2A;
}

/* Row Selector (checkbox)
   ========================================================================== */
.a-GV-rowSelector:before {
  color: rgba(252, 251, 250, 0.8);
}

.a-GV-rownum {
  color: rgba(16, 15, 14, 0.6);
}

/* Selected Cells
   ========================================================================== */
.a-GV.a-GV--selectCells .a-GV-cell.is-selected {
  background-color: #D9E9F7;
}

/* Todo also don't want border around checkbox when a-GV--selectCells */
.a-GV.a-GV--selectCells .is-selected .a-GV-rowSelector:before,
.a-GV.a-GV--selectCells .a-GV-rowSelector:hover:before,
.a-GV.a-GV--selectCells .is-hover .a-GV-rowSelector:before {
  opacity: 0;
}

/* Editing
   ========================================================================== */
.a-GV-table .a-GV-cell.is-active {
  padding: 0;
  background-color: #E8E8E8;
}

.a-GV-cell .a-GV-columnItem input:not([type="radio"]):not([type="checkbox"]),
.a-GV-cell .a-GV-columnItem select[size='1'] {
  color: #FCFBFA;
}

.a-GV-cell .a-GV-columnItem input:not([type="radio"]):not([type="checkbox"]):focus,
.a-GV-cell .a-GV-columnItem select[size='1']:focus {
  outline: none;
  background-color: #000000;
  -webkit-box-shadow: 0 0 0 1px #FACD62 inset;
          box-shadow: 0 0 0 1px #FACD62 inset;
}

.a-GV-floatingItem:not(.is-expanded) {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 1px #FACD62 inset;
          box-shadow: 0 0 0 1px #FACD62 inset;
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-expandCollapse {
  background-color: #FFFFFF;
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-expandCollapse:hover {
  background-color: #ECE9E6;
}

.a-GV-floatingItem.is-expanded {
  border-color: #FACD62;
}

.a-GV-floatingItem.is-expanded .a-GV-expandCollapse {
  background-color: rgba(252, 251, 250, 0.8);
  color: #000000;
}

/* Read Only Rows
   ========================================================================== */
.a-GV--editMode .a-GV-row.is-readonly .a-GV-cell,
.a-GV--editMode .a-GV-cell.is-readonly {
  background-color: #100F0E;
  color: rgba(252, 251, 250, 0.6);
}

/* Updated and Changed States
   ========================================================================== */
.a-GV-row.is-updated .a-GV-cell {
  background-color: rgba(250, 205, 98, 0.05);
}

.a-GV-cell.is-changed:not(.is-active):before,
.a-GV-row.is-updated .a-GV-selHeader:before {
  color: #FACD62;
}

/* Row Inserted
   ========================================================================== */
/* Required, Error Indicator
   ========================================================================== */
.a-GV-row.is-updated.is-error .a-GV-rowHeader .a-GV-rownum,
.a-GV-row.is-updated.is-error .a-GV-selHeader:before,
.a-GV--editMode .a-GV-header.is-required:before {
  color: #C74634;
}

/* Warning Indicator and Icon
   ========================================================================== */
.a-GV-cell.is-warning:not(.is-active),
.a-GV-cell.is-warning:not(.is-active):before {
  color: #FACD62;
}

.a-GV-cell.is-error:not(.is-active),
.a-GV-cell.is-error:not(.is-active):before {
  color: #E3513C;
}

/* Status
   ========================================================================== */
.a-GV-status {
  color: rgba(252, 251, 250, 0.6);
}

/* Pagination
   ========================================================================== */
.a-IRR-paginationWrap--bottom {
  border-top-color: #403C38;
}

.a-GV-pageButton {
  color: rgba(252, 251, 250, 0.8);
}

.a-GV-pageButton:hover {
  background-color: #56504B;
}

.a-GV-pageButton:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #FACD62 inset;
          box-shadow: 0 0 0 1px #FACD62 inset;
}

.a-GV-pageSelector-item.is-selected .a-GV-pageButton {
  background-color: #403C38;
}

.a-GV-pageRange {
  color: rgba(252, 251, 250, 0.6);
}

/* Load More
   ========================================================================== */
.a-GV-loadMoreButton {
  background-color: #100F0E;
  color: rgba(252, 251, 250, 0.6);
  border-color: #312D2A;
  -webkit-box-shadow: 0 0 0 1px #312D2A inset;
          box-shadow: 0 0 0 1px #312D2A inset;
}

.a-GV-loadMoreButton:hover {
  background-color: #211E1C;
  -webkit-box-shadow: 0 0 0 1px #312D2A inset;
          box-shadow: 0 0 0 1px #312D2A inset;
}

.a-GV-loadMoreButton:active {
  background-color: #312D2A;
  -webkit-box-shadow: 0 0 0 1px #403C38 inset;
          box-shadow: 0 0 0 1px #403C38 inset;
}

.a-GV-loadMoreButton:focus {
  background-color: #211E1C;
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

/* Tooltips
   ========================================================================== */
.a-GV-tooltip.ui-tooltip {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  color: #D0D0D0;
}

.a-GV-tooltip.ui-tooltip.is-error.arrow-right:before, .a-GV-tooltip.ui-tooltip.is-error.arrow-left:before, .a-GV-tooltip.ui-tooltip.is-error.arrow-top:before, .a-GV-tooltip.ui-tooltip.is-error.arrow-bottom:before {
  color: #C74634;
}

.a-GV-tooltip.ui-tooltip.is-warning {
  background-color: #634422;
  color: #FCFBFA;
}

.a-GV-tooltip.ui-tooltip.is-warning.arrow-right:before, .a-GV-tooltip.ui-tooltip.is-warning.arrow-left:before, .a-GV-tooltip.ui-tooltip.is-warning.arrow-top:before, .a-GV-tooltip.ui-tooltip.is-warning.arrow-bottom:before {
  color: #634422;
}

/* Messages
   ========================================================================== */
.a-GV-altMessage-text {
  color: rgba(252, 251, 250, 0.6);
}

.a-IG-controlsContainer {
  border-bottom-color: #403C38;
}

a.a-IG-controlsLabel:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.a-IG-controlsIcon {
  color: #FCFBFA;
}

.a-IG-controls-item.is-error .a-IG-controlsLabel {
  background-color: #FFD9D4;
}

.a-IG-controls-item.is-error .a-IG-controls-cell:nth-child(2),
.a-IG-controls-item.is-error a.a-IG-controlsLabel:hover {
  background-color: #C74634;
}

.a-IG-controls-item.is-error .a-IG-controlsIcon,
.a-IG-controls-item.is-error a.a-IG-controlsLabel:hover {
  color: #FFD9D4;
}

.a-IG-controls-item.is-error .a-IG-controlsLabel {
  color: #C74634;
}

.a-IG-reportSummary-label {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}

.a-IG-controls-item--savedReport a.a-IG-controlsLabel:hover,
.a-IG-controls-item--search a.a-IG-controlsLabel:hover,
.a-IG-reportSummary-item--savedReport .a-IG-reportSummary-label:hover,
.a-IG-reportSummary-item--search .a-IG-reportSummary-label:hover {
  background-color: #22444F;
}

.a-IG-reportSummary-item--savedReport .a-IG-reportSummary-icon,
.a-IG-reportSummary-item--search .a-IG-reportSummary-icon,
.a-IG-controls-item--savedReport .a-IG-controls-cell:nth-child(2),
.a-IG-controls-item--search .a-IG-controls-cell:nth-child(2) {
  background-color: #477D8A;
}

.a-IG-controls-item--filter a.a-IG-controlsLabel:hover {
  background-color: #43593E;
}

.a-IG-controls-item--filter .a-IG-controls-cell:nth-child(2) {
  background-color: #759C6C;
}

.a-IG-controls-item--controlBreak a.a-IG-controlsLabel:hover,
.a-IG-controls-item--groupBy a.a-IG-controlsLabel:hover,
.a-IG-controls-item--aggregate a.a-IG-controlsLabel:hover,
.a-IG-reportSummary-item--controlBreak .a-IG-reportSummary-label:hover,
.a-IG-reportSummary-item--groupBy .a-IG-reportSummary-label:hover,
.a-IG-reportSummary-item--aggregate .a-IG-reportSummary-label:hover {
  background-color: #22444F;
}

.a-IG-controls-item--controlBreak .a-IG-controls-cell:nth-child(2),
.a-IG-controls-item--groupBy .a-IG-controls-cell:nth-child(2),
.a-IG-controls-item--aggregate .a-IG-controls-cell:nth-child(2),
.a-IG-controls-item--chart .a-IG-controls-cell:nth-child(2),
.a-IG-reportSummary-item--controlBreak .a-IG-reportSummary-icon,
.a-IG-reportSummary-item--groupBy .a-IG-reportSummary-icon,
.a-IG-reportSummary-item--aggregate .a-IG-reportSummary-icon,
.a-IG-reportSummary-item--chart .a-IG-reportSummary-icon {
  background-color: #477D8A;
}

.a-IG-controls-item--highlight a.a-IG-controlsLabel:hover,
.a-IG-reportSummary-item--highlight .a-IG-reportSummary-label:hover {
  background-color: #8F602D;
}

.a-IG-controls-item--highlight .a-IG-controls-cell:nth-child(2),
.a-IG-reportSummary-item--highlight .a-IG-reportSummary-icon {
  background-color: #E5B757;
}

.a-IG-controls-item--chart a.a-IG-controlsLabel:hover,
.a-IG-reportSummary-item--chart .a-IG-reportSummary-label:hover {
  background-color: #22444F;
}

.a-IG-controls-item--flashback a.a-IG-controlsLabel:hover,
.a-IG-controls-item--pivot a.a-IG-controlsLabel:hover,
.a-IG-reportSummary-item--flashback .a-IG-reportSummary-label:hover,
.a-IG-reportSummary-item--pivot .a-IG-reportSummary-label:hover {
  background-color: #4C5959;
}

.a-IG-controls-item--flashback .a-IG-controls-cell:nth-child(2),
.a-IG-controls-item--pivot .a-IG-controls-cell:nth-child(2),
.a-IG-reportSummary-item--flashback .a-IG-reportSummary-icon,
.a-IG-reportSummary-item--pivot .a-IG-reportSummary-icon {
  background-color: #869E9E;
}

.a-IG-controls-item--inactiveSettings a.a-IG-controlsLabel:hover,
.a-IG-controls-item--invalidSettings a.a-IG-controlsLabel:hover,
.a-IG-reportSummary-item--invalidSettings .a-IG-reportSummary-label:hover,
.a-IG-reportSummary-item--inactiveSettings .a-IG-reportSummary-label:hover {
  background-color: #4C5959;
}

.a-IG-controls-item--invalidSettings .a-IG-controls-cell:nth-child(2),
.a-IG-controls-item--inactiveSettings .a-IG-controls-cell:nth-child(2),
.a-IG-reportSummary-item--invalidSettings .a-IG-reportSummary-icon,
.a-IG-reportSummary-item--inactiveSettings .a-IG-reportSummary-icon {
  background-color: #A8C0C0;
}

.a-IG-reportSummary-item--filter .a-IG-reportSummary-label:hover {
  background-color: #43593E;
}

.a-IG-reportSummary-item--filter .a-IG-reportSummary-icon {
  background-color: #759C6C;
}

.a-GV-row.is-hover,
.a-IRR-table tr:hover td {
  --a-gv-row-hover-background-color: none;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Interactive Report Styles
   ========================================================================== */
.a-IRR {
  border-color: #403C38;
  background-color: #312D2A;
}

.a-IRR-toolbar {
  border-color: #403C38;
  background-color: #211E1C;
}

.a-RV-toolbar {
  border-color: #403C38;
}

.a-IRR-paginationWrap--bottom {
  border-top-color: #403C38;
}

.a-IRR-dialog.ui-dialog .ui-dialog-content {
  border-bottom-color: #403C38;
}

.a-IRR-region--openTab .a-IRR-toolbar {
  background-color: #000000;
}

.a-IRR-toolbarWrap:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
}

.a-IRR-header {
  --a-gv-header-cell-border-color: #403C38;
  color: rgba(252, 251, 250, 0.8);
  background-color: #100F0E;
}

.a-IRR-header:hover {
  background-color: #211E1C;
}

.a-IRR-header--group {
  border-top-color: #312D2A;
  background-color: #211E1C;
}

.a-IRR-headerSort {
  color: rgba(252, 251, 250, 0.3);
}

.a-IRR-header.is-active .a-IRR-headerLink {
  color: #FCFBFA;
}

.a-IRR-header.is-active .a-IRR-headerSort {
  color: #FCFBFA;
}

.a-IRR-rowSelector label {
  color: rgba(252, 251, 250, 0.8);
}

.a-IRR-selectList:focus {
  border-color: #377E55;
}

.a-IRR-icon:hover {
  background-color: #403C38;
}

.a-IRR-icon:focus {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #377E55;
  background-color: #211E1C;
}

.a-IRR-icon .a-Icon {
  color: rgba(252, 251, 250, 0.3);
}

.a-IRR-icon--page .a-Icon,
.a-IRR-icon .a-IRR-pageIcon {
  background-color: #67605B;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  color: rgba(252, 251, 250, 0.3);
}

.a-IRR-icon .a-IRR-pageIcon {
  color: #585858;
}

.a-IRR-iconName {
  color: rgba(252, 251, 250, 0.8);
}

.a-IRR-icon .a-Icon.icon-sc-build-option-on {
  color: #2ecc71;
}

.a-IRR-sortWidget {
  border-color: #2f6c49;
}

.a-IRR-sortWidget-actions {
  border-bottom-color: #285a3d;
}

.a-IRR-button.a-IRR-sortWidget-button {
  background-color: transparent;
  color: #96d1af;
}

.a-IRR-button.a-IRR-sortWidget-button.is-active, .a-IRR-button.a-IRR-sortWidget-button:focus {
  color: #FCFBFA;
  background-color: transparent;
  outline-color: #FCFBFA;
}

.a-IRR-button.a-IRR-sortWidget-button.is-active, .a-IRR-button.a-IRR-sortWidget-button.is-active:hover {
  background-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

.a-IRR-button.a-IRR-sortWidget-button:hover, .a-IRR-button.a-IRR-sortWidget-button:active:focus {
  color: #FCFBFA;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-IRR-header.is-active,
.a-IRR-sortWidget-actions,
.a-IRR-sortWidget-actions-item,
.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField {
  background-color: #2f6c49;
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField {
  color: #FCFBFA;
  border-bottom: 1px solid #285a3d;
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField::-webkit-input-placeholder {
  color: rgba(252, 251, 250, 0.5);
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField::-moz-placeholder {
  color: rgba(252, 251, 250, 0.5);
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField:-ms-input-placeholder {
  color: rgba(252, 251, 250, 0.5);
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField::-ms-input-placeholder {
  color: rgba(252, 251, 250, 0.5);
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField::placeholder {
  color: rgba(252, 251, 250, 0.5);
}

.a-IRR-sortWidget-searchLabel:before {
  color: #FCFBFA;
}

.a-IRR-sortWidget-rows {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #377e55), to(rgba(55, 126, 85, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(55, 126, 85, 0)), color-stop(70%, #377e55)) 0 100%, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.1))) 0 100%;
  background: linear-gradient(#377e55 30%, rgba(55, 126, 85, 0)), linear-gradient(rgba(55, 126, 85, 0), #377e55 70%) 0 100%, linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)) 0 100%;
  background-color: #377e55;
}

.a-IRR-sortWidget-row {
  color: #FCFBFA;
  -webkit-box-shadow: 0 -1px 0 #2f6c49 inset;
          box-shadow: 0 -1px 0 #2f6c49 inset;
}

.a-IRR-sortWidget-row:hover {
  background-color: #3f9061;
}

.a-IRR-sortWidget-row:focus,
.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField:focus {
  -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
          box-shadow: 0 0 0 1px #FFFFFF inset;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #FCFBFA;
}

.a-IRR-table td {
  --a-gv-cell-border-color: #56504B;
  color: rgba(252, 251, 250, 0.8);
  background-color: #211E1C;
}

.a-IRR-table tr:nth-child(even) td {
  background-color: #312D2A;
}

.a-IRR-table tr:hover td,
.a-IRR-table tr:nth-child(even):hover td {
  --a-gv-cell-border-color: #56504B;
  background-color: #403C38;
}

.a-IRR-search-field {
  --a-report-controls-input-focus-border-color: #403C38;
  border-top-color: #403C38;
  border-bottom-color: #403C38;
  color: rgba(252, 251, 250, 0.8);
  background-color: #191715;
}

.a-IRR-search-field:focus {
  --a-report-controls-input-focus-border-color: #403C38;
  background-color: #100F0E;
  border-top-color: #403C38;
  border-bottom-color: #403C38;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-color: #377E55;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  position: relative;
  z-index: 1;
}

.a-IRR-headerLink:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

/* Activity Reports
   ---
   This is used in the monitor activity pages within a workspace and instance
   administration, and displays a row of 24 columns (one per hour)
   ========================================================================== */
.a-IRR-table .hour-graph .hour {
  background-color: #a6ffa6;
  border-right-color: rgba(255, 255, 255, 0.1);
}

.a-IRR-table .hour-graph .hour .hour-label {
  color: rgba(252, 251, 250, 0.6);
}

.a-IRR-table .hour-graph .hour.is-over1k {
  background-color: #7bdc7b;
}

.a-IRR-table .hour-graph .hour.is-over1k .hour-label {
  color: rgba(242, 238, 234, 0.6);
}

.a-IRR-table .hour-graph .hour.is-null {
  background-color: transparent;
}

.a-IRR-table .hour-graph .hour.is-null .hour-label {
  color: rgba(252, 251, 250, 0.6);
}

.a-IRR-controlsContainer {
  --a-report-controls-cell-label-background-color: #56504B;
  border-bottom-color: #403C38;
}

.a-IRR-button.a-IRR-button--controls {
  background-color: #000000;
  -webkit-box-shadow: inset 0 0 0 1px #56504B;
          box-shadow: inset 0 0 0 1px #56504B;
}

.a-IRR-controlsLabel {
  background-color: #56504B;
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.05);
}

.a-IRR-aggregate {
  background-color: #F1EFED;
}

.a-IRR-pagination-label {
  color: rgba(252, 251, 250, 0.6);
}

.a-IRR-button.a-IRR-button--pagination:hover {
  background-color: #377E55;
  color: #FCFBFA;
}

.a-RV:not(.a-RV--editMode) .u-Form-fieldContainer.is-focused .u-Form-inputContainer {
  outline-color: #377E55;
}

/* ==========================================================================
   IRR Download Dialog
   ========================================================================== */
.a-IRR-iconList-item + .a-IRR-iconList-item {
  border-left-color: rgba(255, 255, 255, 0.1);
}

.u-RTL .a-IRR-iconList-item + .a-IRR-iconList-item {
  border-right-color: rgba(255, 255, 255, 0.1);
}

.a-IRR-iconList-item .a-IRR-iconList-link {
  background-color: #312D2A !important;
  -webkit-box-shadow: inset rgba(255, 255, 255, 0.05) 0 -1px 0 0;
          box-shadow: inset rgba(255, 255, 255, 0.05) 0 -1px 0 0;
}

.a-IRR-iconList-item .a-IRR-iconList-link:hover {
  background-color: #211E1C !important;
}

.a-IRR-iconList-item .a-IRR-iconList-link.is-active {
  background-color: #100F0E !important;
  -webkit-box-shadow: inset #377E55 0 2px 0 0;
          box-shadow: inset #377E55 0 2px 0 0;
}

.a-IRR-dialogRow--header {
  color: #FCFBFA;
}

.a-IRR-dialogInfo:first-child {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

/* ==========================================================================
        IRR Radio Icon List
        ========================================================================== */
.a-IRR-radioIconList-item {
  background-color: transparent;
  -webkit-box-shadow: inset #403C38 0 -1px 0 0;
          box-shadow: inset #403C38 0 -1px 0 0;
  color: rgba(252, 251, 250, 0.6);
}

.a-IRR-radioIconList-item + .a-IRR-radioIconList-item {
  border-left-color: transparent;
}

.u-RTL .a-IRR-radioIconList-item + .a-IRR-radioIconList-item {
  border-right-color: transparent;
}

.a-IRR-radioIconList-item input[type=radio]:checked + label {
  background-color: #312D2A;
  -webkit-box-shadow: inset #377E55 0 -3px 0 0;
          box-shadow: inset #377E55 0 -3px 0 0;
  color: #FCFBFA;
}

/* ==========================================================================
        IRR Dialog Shuttle
        ========================================================================== */
.a-IRR-dialogListContainer .u-Form-label {
  background-color: transparent;
  border-color: #56504B;
}

/* ==========================================================================
        IRR Dialog List Select
        ========================================================================== */
.a-IRR-dialogList {
  border-color: #56504B;
}

.a-IRR-dialogList:focus {
  border-color: #377E55;
}

.a-IRR-dialogList a {
  color: rgba(252, 251, 250, 0.8) !important;
}

.a-IRR-dialogList a:focus {
  -webkit-box-shadow: inset 0 0 0 1px #377E55;
          box-shadow: inset 0 0 0 1px #377E55;
}

.a-IRR-dialogList a:hover {
  background-color: #377E55;
  color: #FCFBFA !important;
}

/* ==========================================================================
        IRR Dropdown Menu
        ========================================================================== */
.a-IRR-col-values-drop {
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(255, 255, 255, 0.1);
  background-color: #333;
}

.a-IRR-col-value {
  color: rgba(252, 251, 250, 0.8) !important;
}

.a-IRR-col-value:hover {
  background-color: #377E55;
  color: #FCFBFA !important;
}

.a-IRR-controlsCheckboxLabel {
  border-color: #56504B;
  background-color: #100F0E;
}

.a-IRR-controlsCheckboxLabel:before {
  color: #FCFBFA;
}

.a-IRR-controlsCheckboxLabel:hover {
  border-color: #67605B;
}

.a-IRR-controlsCheckboxLabel:active {
  background-color: inherit;
}

.a-IRR-controls .a-IRR-controlsCheckbox:checked + .a-IRR-controlsCheckboxLabel {
  background-color: #377E55;
  border-color: #377E55;
}

.a-IRR-controls .a-IRR-controlsCheckbox:focus + .a-IRR-controlsCheckboxLabel {
  border-color: #377E55;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-IRR-reportSummary-value {
  color: #FFFFFF;
}

a.a-IRR-controlsLabel:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.a-IRR-controlsIcon {
  color: #FCFBFA;
}

.a-IRR-controls-item.is-error .a-IRR-controlsLabel {
  background-color: #FFD9D4;
}

.a-IRR-controls-item.is-error .a-IRR-controls-cell:nth-child(2),
.a-IRR-controls-item.is-error a.a-IRR-controlsLabel:hover {
  background-color: #C74634;
}

.a-IRR-controls-item.is-error .a-IRR-controlsIcon,
.a-IRR-controls-item.is-error a.a-IRR-controlsLabel:hover {
  color: #FFD9D4;
}

.a-IRR-controls-item.is-error .a-IRR-controlsLabel {
  color: #C74634;
}

.a-IRR-reportSummary-label {
  color: #FCFBFA;
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}

.a-IRR-controls-item--savedReport a.a-IRR-controlsLabel:hover,
.a-IRR-controls-item--search a.a-IRR-controlsLabel:hover,
.a-IRR-reportSummary-item--savedReport .a-IRR-reportSummary-label:hover,
.a-IRR-reportSummary-item--search .a-IRR-reportSummary-label:hover {
  background-color: #22444F;
}

.a-IRR-reportSummary-item--savedReport .a-IRR-reportSummary-icon,
.a-IRR-reportSummary-item--search .a-IRR-reportSummary-icon,
.a-IRR-controls-item--savedReport .a-IRR-controls-cell:nth-child(2),
.a-IRR-controls-item--search .a-IRR-controls-cell:nth-child(2) {
  background-color: #477D8A;
}

.a-IRR-controls-item--filter a.a-IRR-controlsLabel:hover {
  background-color: #43593E;
}

.a-IRR-controls-item--filter .a-IRR-controls-cell:nth-child(2) {
  background-color: #759C6C;
}

.a-IRR-controls-item--controlBreak a.a-IRR-controlsLabel:hover,
.a-IRR-controls-item--groupBy a.a-IRR-controlsLabel:hover,
.a-IRR-controls-item--aggregate a.a-IRR-controlsLabel:hover,
.a-IRR-reportSummary-item--controlBreak .a-IRR-reportSummary-label:hover,
.a-IRR-reportSummary-item--groupBy .a-IRR-reportSummary-label:hover,
.a-IRR-reportSummary-item--aggregate .a-IRR-reportSummary-label:hover {
  background-color: #22444F;
}

.a-IRR-controls-item--controlBreak .a-IRR-controls-cell:nth-child(2),
.a-IRR-controls-item--groupBy .a-IRR-controls-cell:nth-child(2),
.a-IRR-controls-item--aggregate .a-IRR-controls-cell:nth-child(2),
.a-IRR-controls-item--chart .a-IRR-controls-cell:nth-child(2),
.a-IRR-reportSummary-item--controlBreak .a-IRR-reportSummary-icon,
.a-IRR-reportSummary-item--groupBy .a-IRR-reportSummary-icon,
.a-IRR-reportSummary-item--aggregate .a-IRR-reportSummary-icon,
.a-IRR-reportSummary-item--chart .a-IRR-reportSummary-icon {
  background-color: #477D8A;
}

.a-IRR-controls-item--highlight a.a-IRR-controlsLabel:hover,
.a-IRR-reportSummary-item--highlight .a-IRR-reportSummary-label:hover {
  background-color: #8F602D;
}

.a-IRR-controls-item--highlight .a-IRR-controls-cell:nth-child(2),
.a-IRR-reportSummary-item--highlight .a-IRR-reportSummary-icon {
  background-color: #E5B757;
}

.a-IRR-controls-item--chart a.a-IRR-controlsLabel:hover,
.a-IRR-reportSummary-item--chart .a-IRR-reportSummary-label:hover {
  background-color: #22444F;
}

.a-IRR-controls-item--flashback a.a-IRR-controlsLabel:hover,
.a-IRR-controls-item--pivot a.a-IRR-controlsLabel:hover,
.a-IRR-reportSummary-item--flashback .a-IRR-reportSummary-label:hover,
.a-IRR-reportSummary-item--pivot .a-IRR-reportSummary-label:hover {
  background-color: #4C5959;
}

.a-IRR-controls-item--flashback .a-IRR-controls-cell:nth-child(2),
.a-IRR-controls-item--pivot .a-IRR-controls-cell:nth-child(2),
.a-IRR-reportSummary-item--flashback .a-IRR-reportSummary-icon,
.a-IRR-reportSummary-item--pivot .a-IRR-reportSummary-icon {
  background-color: #869E9E;
}

.a-IRR-controls-item--inactiveSettings a.a-IRR-controlsLabel:hover,
.a-IRR-controls-item--invalidSettings a.a-IRR-controlsLabel:hover,
.a-IRR-reportSummary-item--invalidSettings .a-IRR-reportSummary-label:hover,
.a-IRR-reportSummary-item--inactiveSettings .a-IRR-reportSummary-label:hover {
  background-color: #4C5959;
}

.a-IRR-controls-item--invalidSettings .a-IRR-controls-cell:nth-child(2),
.a-IRR-controls-item--inactiveSettings .a-IRR-controls-cell:nth-child(2),
.a-IRR-reportSummary-item--invalidSettings .a-IRR-reportSummary-icon,
.a-IRR-reportSummary-item--inactiveSettings .a-IRR-reportSummary-icon {
  background-color: #A8C0C0;
}

.a-IRR-reportSummary-item--filter .a-IRR-reportSummary-label:hover {
  background-color: #43593E;
}

.a-IRR-reportSummary-item--filter .a-IRR-reportSummary-icon {
  background-color: #759C6C;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Issues Styles
   ========================================================================== */
.a-Page--issue {
  background-color: #312D2A;
}

.a-IssueList .a-IconList-item {
  background-color: transparent;
  color: inherit;
  -webkit-box-shadow: #56504B 0 1px 0 0;
          box-shadow: #56504B 0 1px 0 0;
}

.a-IssueList .a-IconList-item:hover {
  color: #FCFBFA;
  background-color: #211E1C;
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0 0, inset rgba(255, 255, 255, 0.15) 0 1px 0 0;
          box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0 0, inset rgba(255, 255, 255, 0.15) 0 1px 0 0;
}

.a-IssueList .a-IconList-item:focus, .a-IssueList .a-IconList-item.is-focus {
  -webkit-box-shadow: 0 0 0 1px #377e55 inset;
          box-shadow: 0 0 0 1px #377e55 inset;
}

.a-IssueList .a-IconList-item.is-selected {
  background-color: #100F0E;
  -webkit-box-shadow: 0 0 0 1px #403c38 inset;
          box-shadow: 0 0 0 1px #403c38 inset;
}

.a-IssueList .a-IconList-item.is-selected.is-focused {
  color: #FCFBFA;
  background-color: #100F0E;
  -webkit-box-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-IssueList .a-IconList-item a:focus {
  outline-color: #377E55;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
}

.a-IssueList-itemStatusIcon {
  color: rgba(255, 255, 255, 0.5);
}

.a-IssueList-itemStatusIcon--closed {
  color: #CA4D50;
}

.a-IssueList-itemStatusIcon--open {
  color: #5EA774;
}

.a-IssueTag-category {
  -webkit-box-shadow: inset #BFE4F3 0 0 0 1px;
          box-shadow: inset #BFE4F3 0 0 0 1px;
  background-color: #EFF8FC;
  color: black;
}

.a-IssueList .a-ContentRowReport-itemActions {
  color: rgba(252, 251, 250, 0.6);
}

.a-IssueList .a-ContentRowReport-itemActions a {
  color: inherit;
}

.apex-ui-selector:before {
  -webkit-box-shadow: inset rgba(16, 15, 14, 0.3) 0 0 0 1px;
          box-shadow: inset rgba(16, 15, 14, 0.3) 0 0 0 1px;
  background-color: #FFFFFF;
}

.apex-ui-selector-input[type=checkbox] + .apex-ui-selector:after {
  color: #FCFBFA;
  background-image: url("../img/ui/checkbox-checked-dark.svg");
}

.apex-ui-selector-input[type=radio] + .apex-ui-selector:after {
  background-color: #FCFBFA;
}

.apex-ui-selector:hover:before {
  -webkit-box-shadow: inset rgba(16, 15, 14, 0.45) 0 0 0 1px;
          box-shadow: inset rgba(16, 15, 14, 0.45) 0 0 0 1px;
}

.apex-ui-selector-input:checked + .apex-ui-selector:before {
  background-color: #377E55;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.apex-ui-selector-input:checked + .apex-ui-selector:hover:before {
  background-color: #2f6c49;
}

.apex-ui-selector-input:focus + .apex-ui-selector:before {
  -webkit-box-shadow: #377E55 0 0 0 1px, inset #FCFBFA 0 0 0 1px;
          box-shadow: #377E55 0 0 0 1px, inset #FCFBFA 0 0 0 1px;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/*
  * jQuery UI CSS Framework 1.12.1
  */
/* Component containers
 ----------------------------------*/
.ui-widget-content {
  color: inherit;
  background-image: none;
  background-color: #312D2A;
  border-color: #403C38;
}

.ui-widget-header {
  color: rgba(252, 251, 250, 0.8);
  background-image: none;
  background-color: #211E1C;
  border-color: #403C38;
}

.ui-widget-header a {
  color: rgba(252, 251, 250, 0.8);
}

/* Interaction states
 ----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: rgba(252, 251, 250, 0.8);
  background-image: none;
  background-color: #403C38;
  -webkit-box-shadow: 0 0 0 1px #56504B inset;
          box-shadow: 0 0 0 1px #56504B inset;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: rgba(252, 251, 250, 0.8);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
  color: rgba(252, 251, 250, 0.8);
  background-image: none;
  background-color: #56504B;
  -webkit-box-shadow: 0 0 0 1px #56504B inset;
          box-shadow: 0 0 0 1px #56504B inset;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  color: rgba(252, 251, 250, 0.8);
  background-image: none;
  background-color: #56504B;
  -webkit-box-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #377e55 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #377E55;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: rgba(252, 251, 250, 0.8);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  color: rgba(252, 251, 250, 0.8);
  background-image: none;
  background-color: #79726D;
  -webkit-box-shadow: 0 2px 1px rgba(255, 255, 255, 0.05) inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
          box-shadow: 0 2px 1px rgba(255, 255, 255, 0.05) inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: rgba(252, 251, 250, 0.8);
}

/* Interaction Cues
 ----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  color: rgba(252, 251, 250, 0.8);
  background-image: none;
  background-color: #22444F;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: rgba(252, 251, 250, 0.8);
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  color: #cd0a0a;
  background-image: none;
  background-color: #fef1ec;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  background-image: none;
}

/* Icons
 ----------------------------------*/
.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-w,
.ui-icon-closethick {
  background-image: none !important;
}

/* Misc visuals
 ----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.5);
}

/*
 * jQuery UI Tooltip 1.12.1
 */
.ui-tooltip {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
}

/*
 * jQuery UI Tabs 1.12.1
 */
.ui-tabs .ui-tabs-nav {
  background-color: transparent;
}

.ui-tabs .ui-tabs-panel {
  background: none;
}

/*
 * jQuery UI Dialog 1.12.1
 */
.ui-dialog {
  border-color: #56504B !important;
  -webkit-box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(86, 80, 75, 0.9);
          box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(86, 80, 75, 0.9);
  border: none;
  border-radius: 6px;
}

.ui-dialog .ui-dialog-titlebar {
  background-color: transparent;
  border-bottom-color: #403C38;
}

.ui-dialog .ui-dialog-title {
  color: rgba(252, 251, 250, 0.8);
}

.ui-dialog .ui-dialog-buttonpane {
  background-image: none;
  border-top-color: #403C38;
}

/*
  * jQuery UI Datepicker 1.12.1
  */
.ui-datepicker {
  -webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.05);
          box-shadow: 0 2px 6px rgba(255, 255, 255, 0.05);
}

.ui-datepicker .ui-datepicker-header {
  background-color: #000000;
}

.ui-datepicker .ui-datepicker-prev:active,
.ui-datepicker .ui-datepicker-next:active {
  background-image: none;
  border-top-color: #403C38;
  -webkit-box-shadow: 0 2px 1px rgba(255, 255, 255, 0.05) inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
          box-shadow: 0 2px 1px rgba(255, 255, 255, 0.05) inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

.ui-datepicker th {
  color: rgba(252, 251, 250, 0.6);
  background-color: #211E1C;
}

.ui-datepicker td span.ui-state-default,
.ui-datepicker td a.ui-state-default {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ui-datepicker td span.ui-state-default.ui-state-active,
.ui-datepicker td a.ui-state-default.ui-state-active {
  font-weight: bold;
  color: #FCFBFA;
  background: none #377E55;
}

.ui-datepicker td span.ui-state-default.ui-state-hover,
.ui-datepicker td a.ui-state-default.ui-state-hover {
  color: rgba(252, 251, 250, 0.8);
  background-image: none;
  background-color: #333b36;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* JustGage
   ========================================================================== */
.a-JustGage-desc {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(25%, rgba(51, 51, 51, 0.75)));
  background-image: linear-gradient(#333333 0, rgba(51, 51, 51, 0.75) 25%);
}

.oj-chart text,
.a-JustGage-chart text {
  fill: currentColor;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Labels
   ========================================================================== */
.label-color-1 {
  background-color: #309FDB;
  color: #fffFFF !important;
  border-color: #309FDB;
}

.label-color-2 {
  background-color: #2EBFBC;
  color: #f0fcfb !important;
  border-color: #2EBFBC;
}

.label-color-3 {
  background-color: #81BB5F;
  color: #fffFFF !important;
  border-color: #81BB5F;
}

.label-color-4 {
  background-color: #FBCE4A;
  color: #443302 !important;
  border-color: #FBCE4A;
}

.label-color-5 {
  background-color: #ED813E;
  color: #fffFFF !important;
  border-color: #ED813E;
}

.label-color-6 {
  background-color: #E95B54;
  color: #fffFFF !important;
  border-color: #E95B54;
}

.label-color-7 {
  background-color: #E85D88;
  color: #fffFFF !important;
  border-color: #E85D88;
}

.label-color-8 {
  background-color: #CA589D;
  color: #fffFFF !important;
  border-color: #CA589D;
}

.label-color-9 {
  background-color: #5A68AD;
  color: #fffFFF !important;
  border-color: #5A68AD;
}

.label-color-10 {
  background-color: #AFBAC5;
  color: #313a44 !important;
  border-color: #AFBAC5;
}

.label-color-11 {
  background-color: #EAF6FC;
  color: #309FDB !important;
  border-color: #309FDB;
}

.label-color-12 {
  background-color: #EAF9F9;
  color: #1F7D82 !important;
  border-color: #2EBFBC;
}

.label-color-13 {
  background-color: #F3F9EF;
  color: #607953 !important;
  border-color: #81BB5F;
}

.label-color-14 {
  background-color: #FFFBED;
  color: #986816 !important;
  border-color: #FBCE4A;
}

.label-color-15 {
  background-color: #FEF3EC;
  color: #b15a25 !important;
  border-color: #ED813E;
}

.label-color-16 {
  background-color: #FDEFEE;
  color: #bd4640 !important;
  border-color: #E95B54;
}

.label-color-17 {
  background-color: #FDEFF3;
  color: #b94468 !important;
  border-color: #E85D88;
}

.label-color-18 {
  background-color: #FAEEF6;
  color: #b14888 !important;
  border-color: #CA589D;
}

.label-color-19 {
  background-color: #EFF0F7;
  color: #5A68AD !important;
  border-color: #5A68AD;
}

.label-color-20 {
  background-color: #F7F8FA;
  color: #497198 !important;
  border-color: #AFBAC5;
}

.label-color-21 {
  background-color: #F44336;
  color: #FFFFFF !important;
  border-color: #F44336;
}

.label-color-22 {
  background-color: #181818;
  color: #ff6767 !important;
  border-color: #181818;
}

.label-color-23 {
  background-color: #767676;
  color: #FFFFFF !important;
  border-color: #767676;
}

.label-color-24 {
  background-color: #FFFFFF;
  color: #767676 !important;
  border-color: #767676;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Legacy
   ========================================================================== */
/* ==========================================================================
   Legacy Classes
   ========================================================================== */
.a-Notification-list:not(only-child) {
  margin-top: 8px;
}

.a-Error-details {
  border-color: rgba(255, 255, 255, 0.1);
}

.a-Error-details h2 {
  color: rgba(252, 251, 250, 0.8);
  background-color: #211E1C;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.a-Error-details ul {
  color: rgba(252, 251, 250, 0.8);
  background-color: #000000;
}

.a-Error-details li:not(:last-child) {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.nodatafound {
  color: rgba(252, 251, 250, 0.6);
}

#resultsHolder pre,
#resultsHolder > .fielddata {
  color: rgba(252, 251, 250, 0.8);
}

/* ***************************************************************************
Wizard Shell
******************************************************************************/
div.wizardContainer {
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

div.wizardHeader h1 {
  color: rgba(252, 251, 250, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
}

div.wizardButtonsContainer {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EAEAEA));
  background-image: linear-gradient(#FAFAFA, #EAEAEA);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  border-bottom-color: #D0D0D0;
}

div.wizardButtonsContainer .aButton {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}

/******************************************************************************
Wizard Body
******************************************************************************/
div.wizardBody {
  background-color: #FFFFFF;
}

section.aWizardRegion {
  color: rgba(252, 251, 250, 0.8);
}

section.aWizardRegion.dividerTop {
  border-top-color: #56504B;
}

section.aWizardRegion h1 {
  color: rgba(252, 251, 250, 0.8);
}

section.aWizardRegion h1 a {
  color: rgba(252, 251, 250, 0.8);
}

section.aWizardRegion h1 a:hover {
  color: #FACD62;
}

section.aWizardRegion h1 img.hideShow {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  background-position: center center;
  background-repeat: no-repeat;
  width: 10px;
  height: 16px;
  vertical-align: text-bottom;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM4ODgiIGQ9Ik04LjUgNy41bC02LTZjLS4xLS4yLS4zLS4zLS41LS4zLS40IDAtLjcuNC0uNy44IDAgLjIuMS40LjIuNUw2LjkgOGwtNS41IDUuNWMtLjEuMS0uMi4zLS4yLjUgMCAuNC4zLjcuNy43LjIgMCAuNC0uMS41LS4ybDYtNmMuMy0uMS40LS4zLjQtLjVzLS4xLS40LS4zLS41eiIvPjwvc3ZnPg==);
}

section.aWizardRegion div.wizardSuccessBody img.greenCheck {
  background-image: url(../img/legacy-apex_ui.png);
}

section.aWizardRegion div.wizardSuccessBody img.warning {
  background-image: url(../img/legacy-apex_ui.png);
}

section.aWizardRegion div.wizardErrorBody p {
  color: rgba(252, 251, 250, 0.8);
}

section.aWizardRegion div.wizardErrorBody img.warning {
  background-image: url(../img/legacy-apex_ui.png);
}

section.aWizardRegion p {
  color: rgba(252, 251, 250, 0.6);
}

section.aWizardRegion p b {
  color: rgba(252, 251, 250, 0.8);
}

section.aWizardRegion fieldset.radio_group table.radio_group td {
  border-color: transparent;
}

section.aWizardRegion fieldset.radio_group table.radio_group td:hover {
  background-color: #E5EFFB;
  border-color: #B1BBCB;
  -webkit-box-shadow: 0 0 10px rgba(50, 117, 199, 0.25);
          box-shadow: 0 0 10px rgba(50, 117, 199, 0.25);
}

section.aWizardRegion table.htmldbStandard3 td {
  background-color: transparent;
  background-image: none;
}

section.aWizardRegion table.htmldbStandard3 td.htmldbFDB {
  color: rgba(252, 251, 250, 0.8);
}

/******************************************************************************
Wizard Progress List
******************************************************************************/
div.wizardProgress ul li {
  background-image: url(../img/legacy-apex_ui.png);
}

div.wizardProgress ul li span {
  color: rgba(252, 251, 250, 0.8);
  background-image: url(../img/legacy-apex_ui.png);
}

div.wizardProgress ul li.current span,
div.wizardProgress ul li.first-current span,
div.wizardProgress ul li.last-current span {
  color: #333;
}

/******************************************************************************
Wizard Errors / Success Notifications
******************************************************************************/
div.aWizardMessage {
  border-bottom-color: #D0D0D0;
  background-color: #F8F8F8;
  color: #202020;
}

div.aWizardMessage.errorMessage {
  border-bottom-color: #EEDC94;
  background-color: #FDF5D9;
  color: #D00;
}

div.aWizardMessage.successMessage {
  border-bottom-color: #A3C9A3;
  background-color: #E6F9E6;
  color: #090;
}

div.aWizardMessage a.aCloseNotification {
  background-image: url(../img/legacy-apex_ui.png);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Links List
   ========================================================================== */
.a-LinksList-item {
  border-color: #312D2A;
}

.a-LinksList-item.is-expanded .a-LinksList-link:hover:before {
  color: rgba(51, 51, 51, 0.5);
}

.a-LinksList-icon {
  color: #CBC5BF;
}

/**
 * Modifier: Go To Arrow
 *
 * Show Go To Arrow on right
 */
.a-LinksList--showArrow .a-LinksList-link:before {
  color: rgba(255, 255, 255, 0.2);
}

/**
 * Modifier: Show Badge
 *
 * Show Badge on Right
 */
.a-LinksList--showBadge .a-LinksList-badge {
  color: rgba(252, 251, 250, 0.6);
  background-color: #211E1C;
}

.a-LinksList--showBadge .a-LinksList-link:hover .a-LinksList-badge {
  background-color: #100F0E;
}

.a-LinksList--showBadge.a-LinksList--brightHover .a-LinksList-link:hover .a-LinksList-badge {
  color: #FFFFFF;
  background-color: #403C38;
}

.a-LinksList--showBadge .a-LinksList-item.is-expanded > .a-LinksList-link .a-LinksList-badge {
  background-color: rgba(255, 255, 255, 0.05);
}

/**
 * Modifier: Bright Hover
 *
 * Show Bright
 */
.a-LinksList--brightHover .a-LinksList-link:hover,
.a-LinksList--brightHover.a-LinksList--report a:hover {
  color: #FACD62;
  background-color: #56504B;
}

.a-LinksList--brightHover .a-LinksList-link:hover .a-LinksList-icon,
.a-LinksList--brightHover.a-LinksList--report a:hover .a-LinksList-icon {
  color: #FACD62;
}

/* ==========================================================================
   Icon-based Links List
   ========================================================================== */
.a-LinksList--iconOnly .a-LinksList-link {
  color: rgba(252, 251, 250, 0.6);
}

.a-LinksList--iconOnly .a-LinksList-link:hover, .a-LinksList--iconOnly .a-LinksList-link:focus {
  color: rgba(252, 251, 250, 0.8);
  background-color: #000000;
}

.a-LinksList--iconOnly .a-LinksList-icon {
  background-color: #000000;
  border-color: rgba(223, 220, 216, 0.5);
}

.a-LinksList--iconOnly .a-LinksList-link:hover,
.a-LinksList--iconOnly .a-LinksList-link:focus {
  background-color: #46a26d;
}

.a-LinksList--iconOnly .a-LinksList-link:hover .a-LinksList-icon,
.a-LinksList--iconOnly .a-LinksList-link:focus .a-LinksList-icon {
  color: #FACD62;
  background-color: #000000;
  border-color: #000000;
}

.a-LinksList--iconOnly .is-current .a-LinksList-icon {
  color: #FCFBFA;
  background-color: #377E55;
  border-color: #377E55;
}

/* Languages
   ========================================================================== */
.a-LinksList--lang .a-LinksList-item:after {
  color: #8B8580;
}

/* Sub-Lists
   ========================================================================== */
.a-LinksList-item.is-expanded {
  background-color: #FCFBFA;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.015)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.015)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.015), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.015));
}

.a-LinksList-item.is-expanded .a-LinksList-link:hover:before {
  color: #6B8F63;
}

.a-LinksList-item.is-expanded .a-LinksList-link:before {
  color: rgba(255, 255, 255, 0.25);
}

.a-LinksList-list .a-LinksList-link {
  border-top-color: #312D2A;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   List
   ========================================================================== */
.a-List--templateOptions .a-List-item:hover {
  background-color: #403C38;
}

.a-List--templateOptions .a-List-item--noData:hover {
  background-color: #211E1C;
}

.a-List--templateOptions .a-List-item--group,
.a-List--templateOptions .a-List-item--default,
.a-List--templateOptions .a-List-item--noData,
.a-List--templateOptions .a-List-list {
  background: #312D2A;
  border-color: #56504B;
}

.a-List--templateOptions .a-List-list .a-List-item {
  border-bottom-color: #56504B;
}

.a-List--subscriptions {
  border-color: #403C38;
}

.a-List--basic li {
  color: rgba(252, 251, 250, 0.8);
}

.a-List--links li {
  border-color: #56504B;
}

.a-List--links a:hover {
  color: #FCFBFA;
  background-color: #377E55;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Login
   ========================================================================== */
.a-Page--login,
.a-Page--simpleWizard.a-Page--requestWorkspace {
  background-image: url("../img/rw/textures/texture-dark-11.png");
  background-color: #211E1C;
}

.a-Page--simpleWizard {
  background-color: #ECE9E6;
  background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
}

.a-Login-slide {
  background-color: transparent;
}

.a-Login-slide--secondary {
  background-color: rgba(51, 51, 51, 0.75);
}

/* Login Region
   ========================================================================== */
.a-Login-region {
  background-color: #312D2A;
  -webkit-box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(230, 227, 224, 0.1);
          box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(230, 227, 224, 0.1);
  border-radius: 6px;
}

.a-Login-title,
.a-Login-subTitle {
  color: #FCFBFA;
}

.a-Login-subTitle .a-Icon {
  color: #7e7e7e;
}

.a-Login-text {
  color: rgba(252, 251, 250, 0.6);
}

.a-Login-text--notFoundMessage,
.a-Login-text--workspaceRequest {
  color: rgba(252, 251, 250, 0.6);
  background-color: #F1EFED;
  border-color: #ECE9E6;
}

.a-MediaList + .a-Login-text--workspaceRequest {
  background-color: transparent;
}

.a-Login-body .a-Form-fieldContainer--hiddenLabel .a-Button--helpButton {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.a-Login-body small {
  color: rgba(252, 251, 250, 0.6);
}

.a-Login-body input.text_field::-webkit-input-placeholder,
.a-Login-body input.password::-webkit-input-placeholder {
  color: #FCFBFA;
}

.a-Login-body input.text_field::-moz-placeholder,
.a-Login-body input.password::-moz-placeholder {
  color: #FCFBFA;
}

.a-Login-body input.text_field:-ms-input-placeholder,
.a-Login-body input.password:-ms-input-placeholder {
  color: #FCFBFA;
}

.a-Login-inputIcon,
.a-Login-iconLabel {
  color: rgba(252, 251, 250, 0.6);
}

.a-Login-iconValidation {
  color: #759C6C;
}

.a-Login-iconValidation.is-danger {
  color: #EA7362;
}

.a-Login-links,
.a-Login-linkss > a {
  color: rgba(252, 251, 250, 0.6);
}

.a-Login-links--languages {
  background-color: #312D2A;
  border-top-color: #403C38;
}

.a-Login-alert {
  color: rgba(252, 251, 250, 0.8);
}

.a-Login-alert h2 {
  color: rgba(252, 251, 250, 0.8);
}

.a-Login-alertDesc {
  color: rgba(255, 255, 255, 0.75);
}

.a-Login-alert--standalone {
  background-color: #000000 !important;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.a-Login-message {
  color: #FCFBFA;
  background-color: #8F602D;
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.a-Login-alert--notice {
  background-color: #fef9ec;
  border-color: #FACD62;
}

.a-Login-alert--notice:after {
  border-top-color: #fef9ec;
}

.a-Login-alert--error {
  background-color: #FFD9D4;
  border-color: #E3513C;
}

.a-Login-alert--error:after {
  border-top-color: #FFD9D4;
}

.a-Login-alert--error .a-Login-alertTitle {
  color: #C74634;
}

.a-Login-social .a-Icon:after {
  background-color: #FFFFFF;
}

.a-Login-social .a-Icon.icon-facebook {
  color: #3b5998;
}

.a-Login-social .a-Icon.icon-twitter {
  color: #1da1f2;
}

.a-Login-social .a-Icon.icon-gplus {
  color: #dd4b39;
}

.a-Login-social .a-Icon.icon-youtube {
  color: #ff0000;
}

.a-Login-social .a-Icon.icon-linkedin {
  color: #0077b5;
}

.a-Login-body .a-MediaList {
  background-color: #403C38;
  border-color: #56504B;
}

.a-Login-body .a-MediaList .a-MediaList-badge {
  color: rgba(252, 251, 250, 0.6);
  background-color: transparent;
}

.a-Login-infoRegion a {
  color: #FACD62;
  border-radius: 3px;
}

.a-Login-infoRegion .a-MediaList-link:hover {
  background-color: #FACD62;
  color: #100F0E;
}

/* Slide Down Indicator
   ========================================================================== */
.a-Login-slideNavLink {
  color: #FCFBFA;
  background-color: rgba(255, 255, 255, 0.15);
}

.a-Login-slideNavLink:hover {
  background-color: rgba(0, 0, 0, 0.45);
}

.a-Login-slideNavLink:focus {
  background-color: rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.5);
          box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.5);
}

.a-Login-message > div + div {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.a-Login-message {
  background-color: #312D2A;
  color: #FCFBFA;
}

.a-Login-message > div:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.a-LA--maintenance {
  background-color: #8F602D !important;
}

.a-LA--disclaimer {
  background-color: transparent !important;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Main Content Container
   ========================================================================== */
.a-Side {
  background-color: #211E1C;
  border-color: #403C38;
}

.a-Side a {
  color: #E6AC58;
}

.a-Side--left {
  border-right-color: #403C38;
}

.a-Page--webservices .a-Side {
  background-color: #000000;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
.a-MDEditor .a-Toolbar {
  border-color: #403C38;
  background-color: #211E1C;
  border-top-left-radius: .2rem;
  border-top-right-radius: .2rem;
}

.a-MDEditor .a-Toolbar .a-Button {
  color: inherit;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-MDEditor .a-Toolbar .a-Button:hover {
  color: #FACD62;
  background-color: #312D2A;
  -webkit-box-shadow: inset 0 0 0 1px #403C38, 0 2px 4px -2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 0 0 1px #403C38, 0 2px 4px -2px rgba(0, 0, 0, 0.05);
}

.a-MDEditor .a-Toolbar .a-Button:active, .a-MDEditor .a-Toolbar .a-Button:focus {
  color: #FCFBFA;
  background-color: #100F0E;
  -webkit-box-shadow: 0 0 0 1px #377E55 inset, 0 0 0 2px #F1EFED inset;
          box-shadow: 0 0 0 1px #377E55 inset, 0 0 0 2px #F1EFED inset;
}

.a-MDEditor .a-Toolbar .a-Button.is-active, .a-MDEditor .a-Toolbar .a-Button:active {
  background-color: #100F0E;
  -webkit-box-shadow: 0 0 0 1px #403C38 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px #403C38 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}

.a-MDEditor .a-Toolbar .a-Button.is-active:focus {
  background-color: #403C38;
  -webkit-box-shadow: 0 0 0 1px #377E55 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px #377E55 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}

.a-MDEditor-previewPanel,
.a-MDEditor textarea.apex-item-textarea,
.a-MDEditor .CodeMirror {
  border-color: #403C38;
  background-color: #000000;
  color: #FCFBFA;
  border-bottom-left-radius: .2rem;
  border-bottom-right-radius: .2rem;
}

.a-MDEditor-previewPanel:focus, .a-MDEditor-previewPanel.CodeMirror-focused,
.a-MDEditor textarea.apex-item-textarea:focus,
.a-MDEditor textarea.apex-item-textarea.CodeMirror-focused,
.a-MDEditor .CodeMirror:focus,
.a-MDEditor .CodeMirror.CodeMirror-focused {
  color: #FFFFFF;
  border-color: #377E55;
}

/* ==========================================================================
   Markdown (Plugin)
   ========================================================================== */
.md-Toolbar {
  border-color: #403C38;
  background-color: #403C38;
}

.md-Toolbar .a-Button {
  color: inherit;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.md-Toolbar .a-Button:hover {
  color: #FACD62;
  background-color: #312D2A;
  -webkit-box-shadow: inset 0 0 0 1px #403C38, 0 2px 4px -2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 0 0 1px #403C38, 0 2px 4px -2px rgba(0, 0, 0, 0.05);
}

.md-Toolbar .a-Button:active, .md-Toolbar .a-Button:focus {
  color: #FCFBFA;
  background-color: #100F0E;
  -webkit-box-shadow: 0 0 0 1px #377E55 inset, 0 0 0 2px #F1EFED inset;
          box-shadow: 0 0 0 1px #377E55 inset, 0 0 0 2px #F1EFED inset;
}

.md-Toolbar .a-Button.is-active, .md-Toolbar .a-Button:active {
  background-color: #100F0E;
  -webkit-box-shadow: 0 0 0 1px #403C38 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px #403C38 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}

.md-Toolbar .a-Button.is-active:focus {
  background-color: #403C38;
  -webkit-box-shadow: 0 0 0 1px #377E55 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px #377E55 inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}

.md-Preview,
.md-Editor-previewPanel,
.md-Editor textarea.apex-item-textarea,
.md-Editor .CodeMirror {
  border-color: #403C38;
  background-color: #312D2A;
}

.md-Preview:focus, .md-Preview.CodeMirror-focused,
.md-Editor-previewPanel:focus,
.md-Editor-previewPanel.CodeMirror-focused,
.md-Editor textarea.apex-item-textarea:focus,
.md-Editor textarea.apex-item-textarea.CodeMirror-focused,
.md-Editor .CodeMirror:focus,
.md-Editor .CodeMirror.CodeMirror-focused {
  border-color: #377E55;
}

/* ==========================================================================
   Markdownified
   ========================================================================== */
.is-markdownified hr {
  border-top-color: #1a1918;
}

.is-markdownified blockquote {
  border-left-color: #151413;
}

.is-markdownified code {
  background-color: #1c1b1a;
  -webkit-box-shadow: inset #282726 0 0 0 1px;
          box-shadow: inset #282726 0 0 0 1px;
}

.is-markdownified pre {
  background-color: #1c1b1a;
  -webkit-box-shadow: inset #282726 0 0 0 1px;
          box-shadow: inset #282726 0 0 0 1px;
}

.is-markdownified table {
  background-color: #100F0E;
  border-color: #343332;
  -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.075);
          box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.075);
}

.is-markdownified table th {
  background-color: #1c1b1a;
}

.is-markdownified table th,
.is-markdownified table td {
  border-bottom-color: #343332;
}

.is-markdownified table tr:hover td {
  background-color: #171615;
}

.is-markdownified table tr:hover th {
  background-color: #21201f;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
Color Variables
******************************************************************************/
.a-MediaList-item {
  border-color: #312D2A;
}

/* ==========================================================================
   Link
   ========================================================================== */
.a-MediaList-link .a-MediaList-badge {
  color: rgba(252, 251, 250, 0.8);
}

.a-MediaList-link:hover {
  color: #FCFBFA;
  background-color: #377E55;
}

.a-MediaList-link:hover .a-MediaList-desc {
  color: inherit;
}

.a-MediaList-link:hover .a-MediaList-badge {
  color: #FCFBFA;
  background-color: #3f9061;
  border-color: #46a26d;
}

.a-MediaList-link:hover .a-MediaList-icon {
  color: #a8d9bd;
}

.a-MediaList--circularIcons .a-MediaList-link:hover .a-MediaList-icon {
  color: #377E55;
  background-color: #73c294;
}

/* ==========================================================================
   Icon
   ========================================================================== */
.a-MediaList-icon {
  color: #A8A29B;
}

/* ==========================================================================
   Text
   ========================================================================== */
.a-MediaList-desc {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Badge
   ========================================================================== */
.a-MediaList-badge {
  background-color: #F1EFED;
  border-color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Modifier: Circular Icons
   ---
   Places icons inside of a circle
   ========================================================================== */
.a-MediaList--circularIcons .a-MediaList-icon {
  color: #FCFBFA;
  background-color: #D9D4D0;
}

/* ==========================================================================
   Modifier: Horizontal (Table Based)
   ---
   Arrange list items horizontally using table layout
   ========================================================================== */
.a-MediaList--horizontal .a-MediaList-item {
  border-right-color: #ECE9E6;
}

/* ==========================================================================
   Modifier: Blocks
   ---
   Blocks
   ========================================================================== */
.a-MediaList--cols .a-MediaList-item:before, .a-MediaList--cols .a-MediaList-item:after {
  background-color: #403C38;
}

/* ==========================================================================
   Modifier: Buttons
   ---
   Hide Description
   ========================================================================== */
.a-MediaList--buttons .a-MediaList-link {
  color: rgba(252, 251, 250, 0.8);
  background-color: #211E1C;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.a-MediaList--buttons .a-MediaList-link:hover {
  color: #FCFBFA;
  background-color: #377E55;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.a-MediaList--buttons .a-MediaList-link:hover .a-MediaList-desc {
  color: inherit;
}

.a-MediaList--buttons .a-MediaList-link:hover .a-MediaList-badge {
  color: #FCFBFA;
  background-color: #3f9061;
  border-color: #46a26d;
}

.a-MediaList--buttons .a-MediaList-link:hover .a-MediaList-icon {
  color: #a8d9bd;
}

.a-MediaList--buttons .a-MediaList-link:active {
  background-color: #285a3d;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
}

.a-MediaList--buttons .a-MediaList-link:focus {
  outline-color: #377E55;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px #377E55 inset;
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px #377E55 inset;
}

/* ==========================================================================
   Modifier: Featured Blocks
   ---
   Used for Create App landing apge (4000:56)
   ========================================================================== */
.a-MediaList--featuredBlocks .a-MediaList-link {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #100F0E;
}

.a-MediaList--featuredBlocks .a-MediaList-icon {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.a-MediaList--featuredBlocks .a-MediaList-link:hover {
  border-color: transparent;
  background-color: #211E1C;
}

.a-MediaList--featuredBlocks .a-MediaList-link:hover .a-MediaList-title {
  color: #FACD62;
}

.a-MediaList--featuredBlocks .a-MediaList-link:hover .a-MediaList-desc {
  color: rgba(252, 251, 250, 0.6);
}

.a-MediaList--featuredBlocks .a-MediaList-link:focus {
  outline-width: 2px;
  outline-offset: 2px;
  outline-style: dotted;
  outline-color: #377E55;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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 {
  color: rgba(16, 15, 14, 0.8);
}

.a-MenuBar-item {
  border-right-color: #585858;
  border-left-color: #585858;
}

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

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

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

.a-MenuBar-item.is-focused:focus-within {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #759C6C;
}

/* ==========================================================================
   Menu
   ========================================================================== */
.a-Menu-content {
  background-color: #FCFBFA;
  border-color: transparent;
  -webkit-box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.25);
}

.a-Menu .a-Menu-item {
  color: rgba(16, 15, 14, 0.8);
}

.a-Menu-accel {
  color: rgba(16, 15, 14, 0.6);
}

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

.a-Menu .a-Menu-item.is-focused,
.a-Menu .a-Menu-item.is-expanded {
  color: #100F0E;
  background-color: rgba(16, 15, 14, 0.05);
}

.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-focused > .a-Menu-inner .a-Menu-statusCol,
.a-Menu .a-Menu-item.is-focused > .a-Menu-inner .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,
.a-Menu .a-Menu-item.is-expanded > .a-Menu-inner .a-Menu-statusCol,
.a-Menu .a-Menu-item.is-expanded > .a-Menu-inner .a-Menu-accel {
  color: #100F0E;
}

.a-Menu .a-Menu-item.is-focused .a-Menu-scrollBtn,
.a-Menu .a-Menu-item.is-expanded .a-Menu-scrollBtn {
  color: rgba(16, 15, 14, 0.8);
}

.a-Menu-scrollBtn {
  background-color: #ECE9E6;
}

.a-Menu-scrollBtn.is-active {
  background-color: #377E55;
  color: #FCFBFA;
}

.a-Menu .a-Menu-item.is-disabled .a-Menu-label,
.a-Menu .a-Menu-item.is-disabled .a-Menu .a-Menu-item.is-disabled .a-Menu-accel {
  color: rgba(16, 15, 14, 0.3);
  outline: none !important;
}

.a-Menu .a-Menu-item.is-disabled.is-focused {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: none;
  background-color: transparent;
}

.a-Menu .a-Menu-item.is-disabled.is-focused > .a-Menu-subMenuCol > .a-Icon {
  color: rgba(16, 15, 14, 0.8);
}

.a-Menu .a-Menu-item.is-disabled.is-focused .a-Menu-subMenuCol {
  color: rgba(16, 15, 14, 0.6);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Monaco Editor
   ========================================================================== */
.a-Form-fieldContainer div.a-MonacoEditor {
  border-color: #403C38;
}

.a-MonacoEditor-toolbar,
.a-MonacoEditor-notification {
  background-color: #211E1C;
  border-bottom-color: #403C38;
}

.a-MonacoEditor-message li {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.a-MonacoEditor-message li.is-error {
  background-color: #913528;
}

.a-MonacoEditor-message li.is-success {
  background-color: #43593E;
}

.a-MonacoEditor-message li.is-warning {
  background-color: #634422;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Oracle JET Overrides for APEX Builder
   ---
   Override Default Color Scheme in Oracle JET
   ========================================================================== */
.oj-dvt-category1 {
  color: #41727E;
}

.oj-dvt-category2 {
  color: #4F3A58;
}

.oj-dvt-category3 {
  color: #7E5E8A;
}

.oj-dvt-category4 {
  color: #913528;
}

.oj-dvt-category5 {
  color: #AE562C;
}

.oj-dvt-category6 {
  color: #E6AC58;
}

.oj-dvt-category7 {
  color: #FBD882;
}

.oj-dvt-category8 {
  color: #94AFAF;
}

.oj-dvt-category9 {
  color: #90B288;
}

.oj-dvt-category10 {
  color: #B54030;
}

.oj-dvt-category11 {
  color: #539B72;
}

.oj-dvt-category12 {
  color: #DB9FAE;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
2.0  Page Designer Skeleton
******************************************************************************/
.a-PageDesigner .a-Search-term {
  background-color: #8F602D;
  color: #FCFBFA;
}

/******************************************************************************
Inline Styles from P4500 -- TODO: Refactor into proper CSS
******************************************************************************/
#codeEditorTitle {
  color: rgba(16, 15, 14, 0.8);
}

#codeEditorTitle .CodeMirror {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Styles for jsTree */
body .tree-classic li a.clicked,
body .tree-classic li a.clicked:hover,
body .tree-classic li span.clicked {
  background: #377E55;
}

body .tree li a,
body .tree li span {
  color: #100F0E;
}

.a-Tabs--pageDesignerTabs {
  background-color: #312D2A !important;
}

.a-Tabs--pageDesignerTabs > .a-Tabs-toolbar > .ui-tabs-nav.ui-tabs--single li {
  border-right-color: #403C38;
}

.a-Tabs--pageDesignerTabs .ui-tabs-nav .ui-sortable-helper {
  background-color: #000000 !important;
  -webkit-box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.15) !important;
}

.a-Tabs--pageDesignerTabs .ui-tabs-nav .ui-sortable-placeholder {
  background-color: #67605B !important;
}

.a-PageDesigner-treeWrap:focus {
  -webkit-box-shadow: 0 0 0 2px #377E55 inset;
          box-shadow: 0 0 0 2px #377E55 inset;
}

@-moz-document url-prefix() {
  .a-PropertyEditor:focus:after {
    box-shadow: 0 0 0 1px #377E55 inset !important;
  }
}

/* ==========================================================================
   Shortcut Display
   ========================================================================== */
#apexActionKeyDisplay {
  color: rgba(51, 51, 51, 0.75);
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   Splitter
   ========================================================================== */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Page Search
   ========================================================================== */
.a-PageSearch-noResults {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Page Select Widget
   ========================================================================== */
.a-PageSelect {
  background-color: #191715;
  border-color: #56504B;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-PageSelect--readOnly {
  border-color: transparent;
  color: rgba(252, 251, 250, 0.6);
}

.a-PageSelect--readOnly .a-Icon {
  margin-right: 4px;
  color: rgba(252, 251, 250, 0.6);
}

.a-PageSelect-input {
  color: #FCFBFA;
  background-color: transparent;
}

.a-PageSelect-input:focus, .a-PageSelect-input.is-focused {
  outline-color: #377E55;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
}

.a-Button.a-PageSelect-menuButton:hover, .a-Button.a-PageSelect-menuButton:focus,
.a-Button.a-Button--pageNav:hover,
.a-Button.a-Button--pageNav:focus {
  background-color: #377E55;
  color: #FCFBFA;
  outline-color: #377E55;
}

.a-Button.a-PageSelect-menuButton:active,
.a-Button.a-Button--pageNav:active {
  background-color: #31704C;
  color: #FFFFFF;
}

.a-Button.a-Button--pageNav,
.a-Button.a-PageSelect-menuButton {
  color: rgba(252, 251, 250, 0.6);
}

/* Page Navigation
   ========================================================================== */
.a-PageSelect-buttons {
  border-left-color: #56504B;
}

/* Page Selection Buttons */
.a-Button.a-Button--pageNav {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Page Wizard
   ========================================================================== */
/* Header
   ========================================================================== */
.a-PageWizard-returnLink {
  color: rgba(252, 251, 250, 0.6);
  border-left-color: rgba(255, 255, 255, 0.1);
}

.a-PageWizard-returnLink:hover {
  color: #146FB8;
}

.a-PageWizard-preview {
  color: rgba(252, 251, 250, 0.6);
}

/* Body
   ========================================================================== */
.a-PageWizard-previewNotes p {
  color: rgba(255, 255, 255, 0.65);
}

/* List
   ========================================================================== */
.a-PWList-item {
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
}

.a-PWList-item:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-PWList-item.a-PWList-item--add:only-child {
  background: #211E1C;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.a-PWList-item.is-placeholder {
  background-color: #211E1C;
}

.a-PWList-item.ui-sortable-helper {
  background-color: rgba(51, 51, 51, 0.95);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset, 0 2px 6px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset, 0 2px 6px -2px rgba(0, 0, 0, 0.1);
}

.a-PWList-navIcon {
  color: rgba(255, 255, 255, 0.5);
}

/* Data Columns
   ========================================================================== */
.a-PWList-desc {
  color: rgba(252, 251, 250, 0.6);
}

.a-PWList-dragHandle {
  color: #fff;
}

/* ==========================================================================
   Checkbox Behavior
   ========================================================================== */
.a-CBList label:before {
  background-color: #211E1C;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.a-CBList input[type=checkbox] {
  /* Chekcbox Focused */
}

.a-CBList input[type=checkbox]:checked + label:before {
  background-color: #377E55;
}

.a-CBList input[type=checkbox]:active + label,
.a-CBList input[type=checkbox]:focus + label {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.a-CBList-icon.fa {
  color: rgba(252, 251, 250, 0.6);
  background-color: #211E1C;
}

.a-CBList-title {
  color: #fff;
}

.a-CBList-desc {
  color: rgba(252, 251, 250, 0.6);
}

/* Page Wizard Dialogs
   ========================================================================== */
.a-PageWizard-dialog .a-PageWizard-dialogHelp {
  color: rgba(252, 251, 250, 0.8);
}

.a-PageWizard-dialog .a-PageWizard-dialogHelp h3 {
  border-bottom-color: #56504B;
}

/* Dashboard Page
   ========================================================================== */
.a-PageWizard-dialog--dashboard ul.apex-rds li.apex-rds-selected a {
  color: #FCFBFA;
  background-color: #377E55;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Application Icon
 ========================================================================== */
.a-PageWizard-appIcon {
  color: #FFFFFF;
  background-color: currentColor;
}

.app-color {
  background-color: currentColor;
  border-color: currentColor;
}

.app-color-1 {
  color: #309FDB;
}

.app-color-1 .a-IconList--AppIcons .a-Icon {
  background-color: #309FDB !important;
}

.app-color-2 {
  color: #2EBFBC;
}

.app-color-2 .a-IconList--AppIcons .a-Icon {
  background-color: #2EBFBC !important;
}

.app-color-3 {
  color: #81BB5F;
}

.app-color-3 .a-IconList--AppIcons .a-Icon {
  background-color: #81BB5F !important;
}

.app-color-4 {
  color: #ED813E;
}

.app-color-4 .a-IconList--AppIcons .a-Icon {
  background-color: #ED813E !important;
}

.app-color-5 {
  color: #E95B54;
}

.app-color-5 .a-IconList--AppIcons .a-Icon {
  background-color: #E95B54 !important;
}

.app-color-6 {
  color: #CA589D;
}

.app-color-6 .a-IconList--AppIcons .a-Icon {
  background-color: #CA589D !important;
}

.app-color-7 {
  color: #5A68AD;
}

.app-color-7 .a-IconList--AppIcons .a-Icon {
  background-color: #5A68AD !important;
}

.app-color-8 {
  color: #6E8598;
}

.app-color-8 .a-IconList--AppIcons .a-Icon {
  background-color: #6E8598 !important;
}

/* App Icon Color Picker
 ========================================================================== */
.a-PageWizard-appIconColorPicker {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.a-PageWizard-appIconColorPicker input[type="radio"]:checked + label .app-color {
  background-color: currentColor;
  border-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55;
          box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55;
}

.a-PageWizard-appIconColorPicker input[type="radio"]:focus + label .app-color {
  -webkit-box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55, 0 0 2px 6px rgba(55, 126, 85, 0.25);
          box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55, 0 0 2px 6px rgba(55, 126, 85, 0.25);
}

/* Coming Soon Message
 ========================================================================== */
.a-PageWizard-dialog .a-Alert--comingSoon {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Page Icon Picker
 ========================================================================== */
.a-PWIconPicker-search {
  border-bottom-color: #403C38;
}

.a-PWIconPicker .a-PWIconPicker-link {
  color: rgba(252, 251, 250, 0.6);
}

.a-PWIconPicker .a-PWIconPicker-link:hover {
  color: rgba(252, 251, 250, 0.8);
  background-color: #211E1C;
}

.a-PWIconPicker .a-PWIconPicker-link:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset, 0 0 1px 0 rgba(57, 155, 234, 0.5);
          box-shadow: 0 0 0 1px #377E55 inset, 0 0 1px 0 rgba(57, 155, 234, 0.5);
}

/* ==========================================================================
 Icon Lists
 ========================================================================== */
/* Application Icons List
 ========================================================================== */
.a-IconList--AppIcons .a-IconList--wizard .a-IconList-item .a-Icon {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-IconList--AppIcons .a-IconList--wizard .a-IconList-item.is-selected .a-Icon {
  -webkit-box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55;
          box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55;
}

.a-IconList--AppIcons .a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-Icon {
  background-color: rgba(252, 251, 250, 0.8);
  -webkit-box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55, 0 0 2px 6px rgba(55, 126, 85, 0.25);
          box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55, 0 0 2px 6px rgba(55, 126, 85, 0.25);
}

/* Simple Selection (with Line Icons)
 ========================================================================== */
.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item .a-Icon {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item.is-focused .a-Icon {
  background-color: #56504B;
}

.a-IconList--SmallWizard .a-Icon {
  background-color: #56504B;
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item.is-selected .a-IconList-iconName {
  color: #FCFBFA;
  background-color: #377E55;
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item.is-selected .a-Icon {
  color: #FACD62;
  background-color: #56504B;
  -webkit-box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55;
          box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55;
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-IconList-iconName {
  background-color: #377E55;
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-Icon {
  color: #FACD62;
  background-color: #56504B;
  -webkit-box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55, 0 0 2px 6px rgba(55, 126, 85, 0.25);
          box-shadow: 0 0 0 2px #333333, 0 0 0 4px #377E55, 0 0 2px 6px rgba(55, 126, 85, 0.25);
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item:hover .a-Icon {
  background-color: #67605B;
}

.a-IconList--PageWizard .a-IconList--wizard .a-IconList-item.is-selected .a-Icon,
.a-IconList--PageWizard .a-IconList--wizard .a-IconList-item:hover .a-Icon {
  background-color: transparent;
}

.a-IconList--PageWizard .a-IconList--wizard .a-IconList-item.is-selected .a-IconList-iconName {
  color: #FCFBFA;
  background-color: #377E55;
}

.a-IconList--PageWizard .a-IconList--wizard .a-IconList-item.is-selected .a-Icon {
  -webkit-box-shadow: 0 0 0 2px #377E55 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px #377E55 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-IconList--PageWizard .a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-Icon {
  -webkit-box-shadow: 0 0 0 2px #377E55 inset, 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 2px rgba(55, 126, 85, 0.5);
          box-shadow: 0 0 0 2px #377E55 inset, 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 2px rgba(55, 126, 85, 0.5);
}

.a-IconList--PageWizard .a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-IconList-iconName {
  background-color: #377E55;
}

.a-IconList--PageWizard .a-IconList--wizard .a-IconList-item.is-selected .a-Icon {
  background-color: #100F0E;
}

/* Page Wizard Wait + Progress
 ========================================================================== */
.a-PWWait-overlay {
  background-color: rgba(255, 255, 255, 0.15);
}

.a-PWWait-body {
  background-color: #312D2A;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.a-PWWait-progress {
  background-color: rgba(255, 255, 255, 0.1);
}

.a-PWWait-bar {
  background-color: #6B8F63;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0.1)), to(rgba(51, 51, 51, 0)));
  background-image: linear-gradient(180deg, rgba(51, 51, 51, 0.1), rgba(51, 51, 51, 0));
}

.a-PWWait-bar:after {
  background-image: linear-gradient(135deg, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0) 25%, transparent 50%, rgba(51, 51, 51, 0.1) 50%, rgba(51, 51, 51, 0.1) 75%, transparent 75%, rgba(51, 51, 51, 0));
}

/* Icons
 ========================================================================== */
.ca-icon.nav-icon {
  background-color: #333333 !important;
}

/* Shame
  ========================================================================== */
span.inline-help {
  color: rgba(252, 251, 250, 0.6);
}

/* Icons
 ========================================================================== */
/* Page Icons
========================================================================== */
.page-icon.page-add {
  background: none;
}

.page-icon.page-add:before {
  background-image: url("../img/icons/builder/page-add-dark.svg");
}

/* Page Wizard Buttons
========================================================================== */
.a-PageWizard-buttons {
  background-color: rgba(49, 45, 42, 0);
}

.a-PageWizard-buttons:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}

.a-PageWizard-buttons.is-stuck {
  background-color: #312D2A;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Packaged App Icons
   ========================================================================== */
/*
 * Light Blue
 */
.app-apex-application-archive,
.app-customer-tracker,
.app-data-reporter,
.app-group-calendar,
.app-sample-search,
.app-websheet-any-co,
.app-script-planner,
.app-productivity-tracker {
  background-color: #4FA5E9 !important;
}

/*
 * Dark Blue
 */
.app-feedback,
.app-issue-tracker,
.app-sample-dialog,
.app-sample-lists,
.app-sample-calendar {
  background-color: #3F84BB !important;
}

/*
 * Darker Blue
 */
.app-artwork-catalog,
.app-checklist-manager,
.app-competitive-analysis,
.app-go-live-checklist,
.app-opportunity-tracker,
.app-p-track,
.app-sample-data-loading,
.app-sample-forms,
.app-sample-ig,
.app-sample-reporting,
.app-sample-universal-theme,
.app-sample-wizard,
.app-use-case-status,
.app-quick-sql {
  background-color: #3E566D !important;
}

/*
 * Light Gray
 */
.app-application-standards-tracker,
.app-quick-poll,
.app-sample-database-application,
.app-sample-geolocation {
  background-color: #E5E7E9 !important;
}

/*
 * Dark Gray
 */
.app-sample-collections,
.app-meeting-minutes {
  background-color: #4C4E50 !important;
}

/*
 * Medium Gray
 */
.app-restful-services,
.app-sample-restful-services {
  background-color: #BDC3C7 !important;
}

/*
 * Orange
 */
.app-sample-brookstrut,
.app-incident-tracking,
.app-sample-charts,
.app-sample-file-upload-download,
.app-systems-catalog,
.app-community-requests,
.app-live-poll,
.app-requirements-tracker {
  background-color: #FDBD3E !important;
}

/*
 * Green
 */
.app-bug-tracking,
.app-decision-manager,
.app-sample-dynamic-actions,
.app-sample-master-detail,
.app-sample-trees {
  background-color: #27A168 !important;
}

/*
 * Red
 */
.app-expertise-tracker,
.app-survey-builder,
.app-websheet-big-cats,
.app-sample-projects,
.app-database-tools {
  background-color: #F64434 !important;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Popup LOV
   ========================================================================== */
.a-PopupLOV-filters,
.a-PopupLOV-search {
  background-color: #211E1C;
}

.a-PopupLOV-filterGroup,
.a-PopupLOV-filters,
.a-PopupLOV-search {
  border-color: #403C38;
}

.a-PopupLOV-filterItem .a-Form-field {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

.a-PopupLOV-resultsSet th {
  border-bottom-color: #56504B;
}

.a-PopupLOV-resultsSet tr:hover td {
  background-color: #211E1C !important;
}

.a-PopupLOV-resultsSet tr:nth-child(2n) td {
  background-color: #312D2A;
}

.a-PopupLOV-resultsSet-link,
.ui-widget-content a.a-PopupLOV-resultsSet-link {
  color: #FACD62;
}

.a-Page--popupLOV {
  background-color: #FFFFFF;
}

.a-PopupLOV-actions {
  background-color: #F1EFED;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}

.a-PopupLOV-links a {
  color: rgba(252, 251, 250, 0.8);
  border-bottom-color: #ECE9E6;
}

.a-PopupLOV-links a:hover {
  color: #FFFFFF;
  background-color: #759C6C;
}

.a-PopupLOV-links a:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.a-PopupLOV-pagination {
  color: rgba(252, 251, 250, 0.6);
}

/* Results Grid
   Used in Page Designer for Icons
   ========================================================================== */
.a-PopupLOV-iconGrid-item {
  border-color: rgba(0, 0, 0, 0.075);
}

.a-PopupLOV-resultsGrid a.a-PopupLOV-resultsSet-link {
  color: rgba(252, 251, 250, 0.6);
}

.a-PopupLOV-resultsGrid .fa {
  color: rgba(252, 251, 250, 0.8);
}

.a-PopupLOV-resultsGrid a.a-PopupLOV-resultsSet-link:hover,
.a-PopupLOV-resultsGrid a.a-PopupLOV-resultsSet-link:focus {
  background-color: rgba(255, 255, 255, 0.05);
}

.a-PopupLOV-resultsGrid a.a-PopupLOV-resultsSet-link:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

/* Generic Selector (u-selector)
   ========================================================================== */
.u-selector,
.ro-checkbox {
  border-color: #56504B;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  background-color: #000000;
}

.u-selector:before,
.ro-checkbox:before {
  color: #FCFBFA;
}

.u-selector:active,
.ro-checkbox:active {
  background-color: #403C38;
  border-color: #403C38;
}

.u-selector:focus,
.ro-checkbox:focus {
  border-color: #377E55;
}

.ui-dialog .ui-dialog-content.a-PopupLOV-dialog {
  background-color: #312D2A;
}

.a-PopupLOV-searchBar,
.a-PopupLOV-clear {
  border-bottom-color: #403C38;
}

.a-GV-loadMore {
  border-top-color: #403C38;
}

.a-GV-loadMoreButton {
  --a-button-border-width: 0px;
}

.apex-item-text.a-PopupLOV-search {
  border-color: #403C38;
  background-color: #100F0E;
  color: #FCFBFA;
}

.apex-item-text.a-PopupLOV-search:focus {
  color: #FCFBFA;
  background-color: #000000;
  border-color: #377E55;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #377E55;
}

.a-PopupLOV-searchBar,
.a-PopupLOV-clear {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

.a-PopupLOV-clearButton {
  background-color: transparent;
  color: rgba(252, 251, 250, 0.6);
}

.a-PopupLOV-clearButton:hover {
  color: #FCFBFA;
  background-color: #377E55;
}

.a-PopupLOV-clearButton:focus {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.apex-item-group--popup-lov .apex-item-multi-item > span {
  background-color: rgba(255, 255, 255, 0.1);
}

.apex-item-group--popup-lov .apex-item-multi-item.is-active > span {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.apex-item-group--popup-lov .apex-item-multi-remove {
  background-color: transparent;
  color: #fff;
}

.apex-item-group--popup-lov .apex-item-multi-remove:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Processing Region (Used for showing processing spinner)
   ========================================================================== */
.a-ProcessingRegion {
  background-color: rgba(252, 251, 250, 0.6);
}

.a-ProcessingRegion-title {
  color: #100F0E;
}

.a-ProcessingRegion-body {
  color: #100F0E;
}

.a-ProcessingRegion--dialog {
  background-color: transparent;
}

.a-ProcessingRegion--dialog .a-ProcessingRegion-title {
  color: #FCFBFA;
}

/* ==========================================================================
   Processing Utilities
   ========================================================================== */
.u-Processing {
  background-color: #FCFBFA;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 12px 24px -12px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 12px 24px -12px rgba(0, 0, 0, 0.5);
}

.u-Processing-spinner {
  color: #333333;
  border-color: #F7F5F3;
  border-top-color: #759C6C;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
Properties
******************************************************************************/
/******************************************************************************
Property Error
******************************************************************************/
.a-Property.is-error {
  /* Make the text red when it is not focused to bring more attention */
}

.a-Property.is-error .a-Property-label {
  color: #FCFBFA;
}

.a-Property.is-error .a-Property-field:not(:focus) {
  color: #C74634;
}

.a-Property.is-error .icon-error {
  color: #C74634 !important;
}

/******************************************************************************
Property Warning
******************************************************************************/
.a-Property.is-warning .a-Property-label {
  color: #FCFBFA;
}

.a-Property.is-warning .icon-warning {
  color: #D8974D !important;
}

/******************************************************************************
Label and Pre / Post Text
******************************************************************************/
.a-Property-label,
.a-Property-setItemsHeader-header,
.a-Property-unit {
  color: #FCFBFA;
}

.a-Property-checkbox-label,
.a-Property-radio {
  color: rgba(252, 251, 250, 0.8);
}

/******************************************************************************
Property Field - Used for property editor
******************************************************************************/
.a-Property-field {
  background-color: #191715;
  color: #FCFBFA;
  border-color: #403C38;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-Property-field:hover {
  background-color: #1b1917;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-Property-field:focus {
  outline-color: #377E55;
  background-color: #100F0E;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
}

.a-Property.is-error.is-active .a-Property-field:not(.a-Property-field--textarea):focus {
  -webkit-box-shadow: 0 0 0 1px #E3513C inset, 0 1px 2px rgba(255, 255, 255, 0.1);
          box-shadow: 0 0 0 1px #E3513C inset, 0 1px 2px rgba(255, 255, 255, 0.1);
}

.a-Property.is-shadow.is-active .a-Property-field:not(.a-Property-field--textarea):focus {
  -webkit-box-shadow: 0 0 0 1px #E3513C inset, 0 1px 2px rgba(255, 255, 255, 0.1);
          box-shadow: 0 0 0 1px #E3513C inset, 0 1px 2px rgba(255, 255, 255, 0.1);
}

.a-Property.is-variable .a-Icon.icon-variable {
  color: #7FBEF2;
}

.a-Property.is-variable .a-Property-field {
  -webkit-box-shadow: 0 0 0 1px rgba(127, 190, 242, 0.5) inset;
          box-shadow: 0 0 0 1px rgba(127, 190, 242, 0.5) inset;
  background-color: #051c30;
}

.a-Property.is-warning .a-Property-field--textarea:focus {
  border-color: #FACD62 !important;
}

.a-Property.is-error .a-Property-field--textarea:focus {
  border-color: #E3513C !important;
}

/* Property Editor Select List
   ========================================================================== */
/* Text Area
   ========================================================================== */
.a-Property-readOnly {
  color: rgba(255, 255, 255, 0.65);
}

.a-Property-field--readOnly {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: transparent !important;
}

.a-Property-field--readOnly:focus {
  border-color: rgba(0, 0, 0, 0.1);
}

/******************************************************************************
Property Editor Buttons
******************************************************************************/
.a-Property-buttonContainer .a-Button {
  background-color: #191715;
}

/******************************************************************************
Checkbox + Radio Buttons
******************************************************************************/
.a-Property-checkbox-input[type="checkbox"],
.a-Property-radio-input[type="radio"] {
  /* Focus
   ========================================================================== */
}

.a-Property-checkbox-input[type="checkbox"] + label:before,
.a-Property-radio-input[type="radio"] + label:before {
  background-color: #191715;
  border-color: #56504B;
}

.a-Property-checkbox-input[type="checkbox"]:focus + label:before,
.a-Property-checkbox-input[type="checkbox"]:indeterminate + label:before,
.a-Property-radio-input[type="radio"]:focus + label:before,
.a-Property-radio-input[type="radio"]:indeterminate + label:before {
  border-color: #3D8C5F;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
          box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
}

.a-Property-checkbox-input[type="checkbox"]:focus:checked + label:before,
.a-Property-checkbox-input[type="checkbox"]:focus:indeterminate + label:before,
.a-Property-radio-input[type="radio"]:focus:checked + label:before,
.a-Property-radio-input[type="radio"]:focus:indeterminate + label:before {
  border-color: #3D8C5F;
  background-color: #377E55;
}

/******************************************************************************
Checkbox Specific
******************************************************************************/
.a-Property-checkbox-input[type="checkbox"]:indeterminate + label:before, .a-Property-checkbox-input[type="checkbox"]:checked + label:before {
  border-color: #67605B;
  background-color: #67605B;
}

.a-Property-checkbox-input[type="checkbox"]:indeterminate + label:after {
  background-color: #FCFBFA;
}

.a-Property-checkbox-input[type="checkbox"]:checked + label:after {
  background-image: url("../img/ui/checkbox-checked-dark.svg");
}

/******************************************************************************
Radio Specific
******************************************************************************/
.a-Property-radio-input[type="radio"]:checked + label:before {
  border-color: rgba(252, 251, 250, 0.6);
  background-color: rgba(252, 251, 250, 0.6);
}

/******************************************************************************
Yes / No Buttons
******************************************************************************/
.a-Property-radioGroup--buttonSet .a-Property-radio-input {
  /* Checked */
  /* Focused */
}

.a-Property-radioGroup--buttonSet .a-Property-radio-input:checked + label {
  background-color: #403C38;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(0, 0, 0, 0.05) inset;
}

.a-Property-radioGroup--buttonSet .a-Property-radio-input:focus + label {
  border-color: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  background-color: #56504B;
  -webkit-box-shadow: 0 0 0 1px 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-Property-radioGroup--buttonSet .a-Property-radio-input:not(:checked):hover + label {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-Property-radioGroup--buttonSet .a-Property-radio-input:hover:active + label {
  -webkit-box-shadow: 0 0 0 1px 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #56504B;
}

.a-Property-colorPreview {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.a-Property.is-changed .a-Property-labelContainer:before {
  background-color: #377E55;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Property Editor
   ========================================================================== */
.a-PropertyEditor {
  background-color: #403C38;
}

.ui-dialog .a-PropertyEditor {
  background-color: transparent;
}

/* Property Editor Groups
   ========================================================================== */
.a-PropertyEditor-propertyGroup,
.a-PropertyEditor-propertyGroup-header,
.a-PropertyEditor-propertyGroup-body {
  border-color: #403C38;
}

.a-PropertyEditor-propertyGroup {
  background-color: #312D2A;
}

.a-PropertyEditor-propertyGroup:focus-within, .a-PropertyEditor-propertyGroup.has-focus {
  background-color: rgba(213, 245, 226, 0.1);
}

.a-PropertyEditor-propertyGroup-header .a-Icon {
  color: #100F0E;
  background-color: #A8A29B;
}

.a-PropertyEditor-propertyGroup-title {
  color: #FCFBFA;
}

.a-PropertyEditor-propertyGroup-body .a-Property {
  border-color: #403C38;
}

.a-PropertyEditor-propertyGroup-header.is-focused {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1);
          box-shadow: rgba(255, 255, 255, 0.1);
}

.a-PropertyEditor-propertyGroup-header.is-focused .a-Icon {
  background-color: #377E55;
}

.a-PropertyEditor-message {
  color: rgba(252, 251, 250, 0.6);
}

.a-PropertyEditor-messageText {
  color: rgba(252, 251, 250, 0.8);
}

/* Filtering
   ========================================================================== */
.a-PropertyEditor-filter .a-PropertyEditor-filter-icon {
  color: #FCFBFA;
}

.a-PropertyEditor-filter .a-Property-field:not(.a-Property-field--text):focus + .a-Icon {
  color: #539B72;
}

.a-PropertyEditor-filter .a-Button--stickyFilter:focus, .a-PropertyEditor-filter .a-Button--stickyFilter:hover {
  color: #FACD62;
  background-color: #312D2A !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-PropertyEditor-filter .a-Button--stickyFilter.is-active {
  color: #FFFFFF;
  background-color: #A47638 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-PropertyEditor-filter .a-Button--stickyFilter.is-active:focus, .a-PropertyEditor-filter .a-Button--stickyFilter.is-active:focus:active, .a-PropertyEditor-filter .a-Button--stickyFilter.is-active:hover {
  color: #FFFFFF;
  background-color: #A47638 !important;
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.a-PropertyEditor-filter:focus-within .a-Property-field {
  background-color: #191715;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-PropertyEditor-filter:focus-within .a-Property-field + .a-Icon {
  color: #377E55;
}

.a-Property-highlight {
  background-color: #A47638;
  -webkit-box-shadow: 0 1px 1px -1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 1px -1px rgba(255, 255, 255, 0.1);
}

/* Property Filter Not Found
   ========================================================================== */
.a-Property-notFound {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
Property Group Styles
******************************************************************************/
.a-PropertyGroup-item {
  border-top-color: #CBC5BF;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Region
   ========================================================================== */
.a-Region {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #403C38;
}

.a-Region-title {
  color: #FCFBFA;
}

.a-Region-body {
  color: rgba(252, 251, 250, 0.8);
  border-color: #403C38;
}

.a-Region-header {
  background-color: #312D2A;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Side .a-Region-header {
  background-color: transparent;
}

/**
 * Modifier: Region with Icon
 *
 * This region contains an icon-based icon
 */
.a-Region--hasIcon .a-Icon.a-Icon--regionIcon {
  color: #A8C0C0;
}

/* ==========================================================================
   Region Caption
   ========================================================================== */
.a-Region-caption--borderTop {
  border-top-color: #F1EFED;
}

.a-Region-caption--borderBottom {
  border-bottom-color: #F1EFED;
}

.a-Region--iframe {
  border-color: #403C38;
}

.a-Region--iframe .a-Region-header {
  border-color: #403C38;
}

.a-Region--iframe .a-ButtonRegion {
  background-color: #312D2A;
  border-color: #403C38;
  border-radius: 0;
}

.a-Region-regionDesc {
  color: rgba(252, 251, 250, 0.6);
  background: #312D2A;
  border-bottom-color: #403C38;
}

.a-Region--simple > .a-Region-header {
  background-color: transparent;
}

.a-Region--carousel .a-Tabs-button {
  color: #333333;
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}

.a-Region--carousel .a-Tabs-button:hover {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.05);
}

.a-Region--carousel .a-Tabs-button:active, .a-Region--carousel .a-Tabs-button:active:focus {
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.a-Region--carousel .a-Tabs-button:focus {
  -webkit-box-shadow: 0 0 0 1px #4696FC;
          box-shadow: 0 0 0 1px #4696FC;
}

.a-Region--carousel .a-Region-carouselNavItem.apex-rds-selected .a-Region-carouselLink {
  background-color: rgba(255, 255, 255, 0.5);
}

.a-Region--carousel .a-Region-carouselNavItem.apex-rds-selected .a-Region-carouselLink:focus {
  background-color: #4696FC;
  -webkit-box-shadow: 0 0 1px 1px #4696FC;
          box-shadow: 0 0 1px 1px #4696FC;
}

.a-Region--carousel .a-Region-carouselLink {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

/* Featured App Container Region (4750:1)
   ========================================================================== */
.a-Region--featuredApps.a-Region--carousel .a-Tabs-button {
  color: #7e7e7e;
  background-color: rgba(51, 51, 51, 0.5);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Region--featuredApps.a-Region--carousel .a-Tabs-button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Region--featuredApps.a-Region--carousel .a-Tabs-button:active, .a-Region--featuredApps.a-Region--carousel .a-Tabs-button:active:focus {
  color: #7e7e7e;
  background-color: #7e7e7e;
}

/**
 * Modifier: No Border
 *
 * Remove borders and shadows from the region.
 */
.a-Region--noBorder {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Region--noBorder > .a-Region-header {
  background: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   RDS
   ========================================================================== */
.apex-rds-container {
  -webkit-box-shadow: inset 0 -1px 0 #403C38;
          box-shadow: inset 0 -1px 0 #403C38;
}

ul.apex-rds {
  -webkit-box-shadow: none;
          box-shadow: none;
}

ul.apex-rds li a {
  color: rgba(252, 251, 250, 0.6);
}

ul.apex-rds li a:focus {
  outline-color: #377E55;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
}

ul.apex-rds li.apex-rds-selected a {
  color: #FCFBFA;
}

ul.apex-rds li.apex-rds-selected a:after {
  background-color: #6B8F63;
}

.apex-rds-item--hint a:after {
  background-color: #79726D;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Report
   ========================================================================== */
.a-Report-paginationText {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Report Links
   ---
   External link and CSV link
   ========================================================================== */
.a-Report-links {
  border-color: #403C38;
  background: #312D2A;
}

/**
 * Column Header
 */
.a-Report-colHead {
  background-color: #312D2A;
  color: rgba(252, 251, 250, 0.8);
}

.a-Report-cell--header {
  background-color: #312D2A !important;
}

/**
 * Table Cell
 */
.a-Report-cell {
  color: rgba(252, 251, 250, 0.8);
  background-color: #1b1917;
}

.a-Report-report tr:nth-child(even) .a-Report-cell {
  background-color: #211E1C;
}

/* ==========================================================================
   .a-Report
   ---
   Standard Report (Bordered)
   ========================================================================== */
.a-Report-cell,
.a-Report-colHead {
  border-left-color: #403C38;
  border-top-color: #403C38;
}

.a-Report-report tr .a-Report-cell:last-child,
.a-Report-report tr .a-Report-colHead:last-child {
  border-right-color: #403C38;
}

.a-Report-report tr:last-child .a-Report-cell {
  border-bottom-color: #403C38;
}

/* ==========================================================================
   .a-Report--noBorders
   ---
   Borderless Report
   ========================================================================== */
.a-Report--noBorders .a-Report-links {
  background-color: transparent;
}

/* ==========================================================================
   .a-Report--inline
   ---
   Remove outer borders and header background color
   ========================================================================== */
.a-Report--inline .a-Report-colHead {
  background-color: #312D2A;
  border-bottom-color: #403C38;
}

/* ==========================================================================
   .a-Report--staticRowColors
   ---
   Stertch report to 100% width of container
   ========================================================================== */
.a-Report--staticRowColors .a-Report-report tr:nth-child(even) .a-Report-cell {
  background-color: #100F0E;
}

/* ==========================================================================
   .a-Report--rowHighlight
   ---
   Stertch report to 100% width of container
   ========================================================================== */
.a-Report--rowHighlight .a-Report-report tr:hover .a-Report-cell,
.a-Report--rowHighlight .a-Report-report tr:nth-child(even):hover .a-Report-cell {
  background-color: rgba(252, 251, 250, 0.025);
}

.t-fht-thead.is-stuck:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
}

/* ==========================================================================
   Percent Chart (Format Mask)
   ========================================================================== */
.a-Report-percentChart {
  background-color: #ECE9E6;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}

.a-Report-percentChart-fill {
  background-color: #377E55;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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 Field
   ========================================================================== */
/**
 * Core Search Field Component
 *
 * This component contains a search input field and its relevant styling.
 */
.a-SearchField-icon {
  color: rgba(16, 15, 14, 0.6);
}

.a-SearchField-clear {
  color: #A8A29B;
}

.a-SearchField-clear:hover {
  color: #E3513C;
}

.a-SearchField-textInput {
  background-color: #FFFFFF;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.a-SearchField-textInput:focus {
  -webkit-box-shadow: 0 0 0px 1px rgba(55, 126, 85, 0.75) inset, 0 0 1px 1px rgba(55, 126, 85, 0.25);
          box-shadow: 0 0 0px 1px rgba(55, 126, 85, 0.75) inset, 0 0 1px 1px rgba(55, 126, 85, 0.25);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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 {
  background-color: #000000;
  border-color: #403C38;
}

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

.a-SearchBox-input:focus, .a-SearchBox-input.is-focused {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #377E55;
}

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

.a-Button.a-SearchBox-button:hover, .a-Button.a-SearchBox-button:focus {
  color: #FFFFFF;
  background-color: #377E55;
}

.a-Button.a-SearchBox-button:active {
  background-color: #31704C;
}

.a-SearchBox-icon {
  color: rgba(252, 251, 250, 0.8);
}

.a-SearchBox--autoExpand .a-SearchBox-field {
  background-color: transparent;
  border-color: transparent;
}

@media only screen and (min-width: 1400px) {
  .a-SearchBox--autoExpand .a-SearchBox-input {
    background-color: #000000;
  }
}

.a-SearchBox--autoExpand .a-SearchBox-field:hover {
  background-color: #000000;
}

.a-SearchBox--autoExpand .a-SearchBox-field:hover .a-SearchBox-input,
.a-SearchBox--autoExpand .a-SearchBox-input:focus {
  background-color: #000000;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
Splitter
******************************************************************************/
:root {
  --a-splitter-bar-background-color: #56504B;
  --a-splitter-bar-border-color: transparent;
  --a-splitter-bar-hover-background-color: #403C38;
  --a-splitter-bar-active-background-color: #000000;
  --a-splitter-bar-focus-background-color: #377E55;
  --a-splitter-bar-focus-border-color: #377E55;
  --a-splitter-thumb-border-color: transparent;
  --a-splitter-thumb-background-color: transparent;
  --a-splitter-thumb-arrow-color: #F7F5F3;
  --a-splitter-thumb-hover-border-color: #377E55;
  --a-splitter-thumb-hover-background-color: rgba(0, 0, 0, 0.15);
  --a-splitter-thumb-focus-border-color: #377E55;
  --a-splitter-thumb-focus-background-color: var(--a-splitter-bar-focus-background-color);
  --a-splitter-thumb-focus-arrow-color: #F7F5F3;
  --a-splitter-thumb-focus-hover-background-color: rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* Spotlight Results
   ========================================================================== */
.a-Spotlight-results {
  background-color: rgba(51, 51, 51, 0.95);
}

/* List Item
   ========================================================================== */
.a-Spotlight-result:not(:last-child) {
  border-bottom-color: #56504B;
}

.a-Spotlight-result.is-active .a-Spotlight-link {
  color: #FCFBFA;
  background-color: #377E55;
}

.a-Spotlight-result.is-active .a-Spotlight-link .a-Spotlight-labelContext {
  color: #FCFBFA;
  background: rgba(255, 255, 255, 0.1);
}

.a-Spotlight-result.is-active .a-Spotlight-link .a-Spotlight-desc,
.a-Spotlight-result.is-active .a-Spotlight-link .a-Spotlight-shortcut {
  color: #FCFBFA;
}

.a-Spotlight-result.is-active .a-Spotlight-link .a-Spotlight-shortcut {
  background-color: rgba(51, 51, 51, 0.15);
}

.a-Spotlight-labelContext {
  color: rgba(252, 251, 250, 0.6);
  background: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.05);
          box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.05);
}

/* Search Field
   ========================================================================== */
.a-Spotlight-search {
  border-bottom-color: #403C38;
}

.a-Spotlight-search .a-Spotlight-icon {
  background-color: #403C38;
  color: #FFFFFF;
}

.a-Spotlight-input {
  background-color: #000000;
  color: #FCFBFA;
}

/* Result Link
   ========================================================================== */
.a-Spotlight-link {
  color: #FCFBFA;
}

.a-Spotlight-icon {
  color: #FCFBFA;
  background-color: #377E55;
  -webkit-box-shadow: 0 0 0 1px rgba(252, 251, 250, 0.6);
          box-shadow: 0 0 0 1px rgba(252, 251, 250, 0.6);
}

.is-active .a-Spotlight-icon {
  color: #FCFBFA;
  background-color: #285a3d;
}

.a-Spotlight-result--app .a-Spotlight-icon {
  background-color: #E3513C;
}

.a-Spotlight-result--ws .a-Spotlight-icon {
  background-color: #539B72;
}

.a-Spotlight-desc {
  color: rgba(252, 251, 250, 0.6);
}

.a-Spotlight-shortcut {
  color: rgba(252, 251, 250, 0.6);
  background-color: #56504B;
}

/* Spotlight Dialog
   ========================================================================== */
body .ui-dialog.ui-dialog--apexspotlight {
  background-color: transparent;
  -webkit-box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.2);
          box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.2);
  border-radius: 6px;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
.iconTiny,
.iconMini,
.iconSmall,
.iconMedium,
.iconLarge {
  background-color: transparent;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   SQL Workshop
   ========================================================================== */
.qs-main h2.no-sql-yet {
  color: rgba(252, 251, 250, 0.6);
}

.cm-s-default.CodeMirror {
  background-color: #100F0E;
  color: #F7F5F3;
}

.cm-s-default div.CodeMirror-selected {
  background-color: #312D2A !important;
}

.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection {
  background-color: rgba(203, 197, 191, 0.6);
}

.cm-s-default .CodeMirror-line::selection,
.cm-s-default .CodeMirror-line > span::selection,
.cm-s-default .CodeMirror-line > span > span::selection {
  background-color: rgba(203, 197, 191, 0.6);
}

.cm-s-default .CodeMirror-line::-moz-selection,
.cm-s-default .CodeMirror-line > span::-moz-selection,
.cm-s-default .CodeMirror-line > span > span::-moz-selection {
  background-color: rgba(203, 197, 191, 0.6);
}

.cm-s-default .CodeMirror-gutters {
  background-color: #312D2A;
  border-right-color: #56504B;
}

.cm-s-default .CodeMirror-guttermarker {
  color: rgba(252, 251, 250, 0.6);
}

.cm-s-default .CodeMirror-guttermarker-subtle {
  color: rgba(252, 251, 250, 0.6);
}

.cm-s-default .CodeMirror-linenumber {
  color: rgba(252, 251, 250, 0.6);
}

.cm-s-default span.cm-comment {
  color: #9E4F28;
}

.cm-s-default span.cm-atom {
  color: #74B28E;
}

.cm-s-default span.cm-number {
  color: #74B28E;
}

.cm-s-default span.cm-property,
.cm-s-default span.cm-attribute {
  color: #90B288;
}

.cm-s-default span.cm-keyword {
  color: #E3513C;
}

.cm-s-default span.cm-string {
  color: #ECBB76;
}

.cm-s-default span.cm-variable {
  color: #90B288;
}

.cm-s-default span.cm-variable-2 {
  color: #6A97A3;
}

.cm-s-default span.cm-def {
  color: #CA8142;
}

.cm-s-default span.cm-bracket {
  color: #D9D4D0;
}

.cm-s-default span.cm-tag {
  color: #EA7362;
}

.cm-s-default span.cm-link {
  color: #74B28E;
}

.cm-s-default span.cm-error {
  background-color: #D64C38;
  color: #FFD9D4;
}

.cm-s-default span.cm-builtin {
  color: #A687B3;
}

.cm-s-default span.cm-header {
  color: #477D8A;
}

.cm-s-default .CodeMirror-activeline-background {
  background-color: rgba(49, 45, 42, 0.8);
}

.cm-s-default .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: #FFFFFF !important;
}

.sql-workshop-iframe-page .compileSuccess {
  color: #74B28E;
}

.sql-workshop-iframe-page .compileFailure {
  color: #EA7362;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
.a-StatusList-blockHeader {
  color: rgba(16, 15, 14, 0.8);
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
}

.a-StatusList-headerTextAlt {
  color: rgba(16, 15, 14, 0.6);
}

/* Time Line Item Title
   ========================================================================== */
.a-StatusList-itemTitle {
  color: rgba(16, 15, 14, 0.8);
}

/* Time Line Item Attributes
   ========================================================================== */
.a-StatusList-attr {
  color: rgba(16, 15, 14, 0.6);
}

/* Time Line Item Description
   ========================================================================== */
.a-StatusList-textDesc {
  color: rgba(16, 15, 14, 0.6);
}

/* Modifier: Dates
   ========================================================================== */
.a-StatusList--dates .a-StatusList-marker {
  color: rgba(16, 15, 14, 0.6);
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.a-StatusList--dates .a-StatusList-marker:after {
  background-color: #7e7e7e;
}

.a-StatusList--dates .a-StatusList-item.is-complete .a-StatusList-marker:after {
  background-color: rgba(16, 15, 14, 0.6);
}

.a-StatusList--dates .a-StatusList-item.is-danger .a-StatusList-marker:after {
  background-color: #E3513C;
}

.a-StatusList--dates .a-StatusList-item.is-open .a-StatusList-marker:after {
  background-color: #61815A;
}

.a-StatusList--dates .a-StatusList-item.is-warning .a-StatusList-marker:after {
  background-color: #E6AC58;
}

.a-StatusList--dates .a-StatusList-item.is-null .a-StatusList-marker:after {
  background-color: #ECE9E6;
}

.a-StatusList--dates .a-StatusList-item.is-null .a-StatusList-marker {
  color: #7e7e7e;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

/* Modifier: Bullets
   ========================================================================== */
.a-StatusList--bullets .a-StatusList-marker {
  color: rgba(16, 15, 14, 0.8);
  background-color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.15);
}

.a-StatusList--bullets .a-StatusList-item.is-complete .a-StatusList-marker {
  background-color: rgba(16, 15, 14, 0.6);
}

.a-StatusList--bullets .a-StatusList-item.is-danger .a-StatusList-marker {
  background-color: #E3513C;
}

.a-StatusList--bullets .a-StatusList-item.is-open .a-StatusList-marker {
  background-color: #61815A;
}

.a-StatusList--bullets .a-StatusList-item.is-warning .a-StatusList-marker {
  background-color: #E6AC58;
}

.a-StatusList--bullets .a-StatusList-item.is-null .a-StatusList-marker {
  color: #7e7e7e;
  background-color: #585858;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
 Checkbox Switch
 ========================================================================== */
.a-Switch-toggle {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: rgba(139, 133, 128, 0.8);
  border-radius: 8px;
}

.a-Switch-toggle:before {
  background-color: #FCFBFA;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  -webkit-transition: border-radius .2s ease, left .2s ease, background-color .1s ease, -webkit-transform .1s ease;
  transition: border-radius .2s ease, left .2s ease, background-color .1s ease, -webkit-transform .1s ease;
  transition: border-radius .2s ease, transform .1s ease, left .2s ease, background-color .1s ease;
  transition: border-radius .2s ease, transform .1s ease, left .2s ease, background-color .1s ease, -webkit-transform .1s ease;
}

.a-Switch:hover .a-Switch-toggle {
  background-color: rgba(139, 133, 128, 0.8);
}

.a-Switch:active .a-Switch-toggle {
  background-color: rgba(139, 133, 128, 0.6);
}

.a-Switch:active .a-Switch-toggle:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.a-Switch input[type=checkbox]:focus + .a-Switch-toggle {
  outline-color: #377E55;
}

.a-Switch input[type=checkbox]:indeterminate + .a-Switch-toggle:before {
  background-color: rgba(252, 251, 250, 0.8);
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.a-Switch input[type=checkbox]:checked + .a-Switch-toggle,
.a-Switch:hover input[type=checkbox]:checked + .a-Switch-toggle {
  background-color: #377E55;
}

.a-Switch input[type=checkbox]:checked + .a-Switch-toggle:before,
.a-Switch:hover input[type=checkbox]:checked + .a-Switch-toggle:before {
  -webkit-transform-origin: right 50%;
          transform-origin: right 50%;
}

.a-Switch:active input[type=checkbox]:checked + .a-Switch-toggle {
  background-color: #31704C;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
.a-Tabs--simple {
  background-color: white;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}

.a-Tabs--simple .a-Tabs-link {
  color: #FCFBFA;
  border-right-color: #403C38;
}

.a-Tabs--simple .a-Tabs-link:hover {
  background-color: #FFFFFF;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.a-Tabs--simple .a-Tabs-link:active {
  background-color: #585858;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px 1px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px 1px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(51, 51, 51, 0.5);
}

.a-Tabs--simple .a-Tabs-item.is-active .a-Tabs-link {
  background-color: #FFFFFF;
}

.a-Tabs--simple .a-Tabs-item.is-active .a-Tabs-link:hover, .a-Tabs--simple .a-Tabs-item.is-active .a-Tabs-link:active, .a-Tabs--simple .a-Tabs-item.is-active .a-Tabs-link:focus {
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Tabs--simpleInset .a-Tabs-link,
.a-Tabs--simpleInset .ui-tabs-anchor,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-link,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .ui-tabs-anchor {
  color: rgba(252, 251, 250, 0.6);
}

.a-Tabs--simpleInset .a-Tabs-link:focus,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-link:focus {
  -webkit-box-shadow: 0 0 0 2px #377E55 inset;
          box-shadow: 0 0 0 2px #377E55 inset;
}

.a-Tabs--simpleInset .a-Tabs-item.is-active .a-Tabs-link,
.a-Tabs--simpleInset .ui-tabs-active .ui-tabs-anchor,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-item.is-active .a-Tabs-link,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
  color: #FCFBFA;
}

.a-Tabs--simpleInset .a-Tabs-item.is-active .a-Tabs-link:after,
.a-Tabs--simpleInset .ui-tabs-active .ui-tabs-anchor:after,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-item.is-active .a-Tabs-link:after,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor:after {
  background-color: #6B8F63;
}

.a-Tabs--simpleInset .a-Tabs-item.is-active .a-Tabs-link:hover,
.a-Tabs--simpleInset .a-Tabs-item.is-active .a-Tabs-link:active,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-item.is-active .a-Tabs-link:hover,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-item.is-active .a-Tabs-link:active {
  background-color: #FCFBFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Tabs--simpleInset .a-Tabs-item.is-active .a-Tabs-link:focus,
.a-Tabs--simpleInset .ui-state-default:focus .ui-tabs-anchor,
.a-Tabs--simpleInset .ui-state-focus .ui-tabs-anchor,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-item.is-active .a-Tabs-link:focus,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .ui-state-default:focus .ui-tabs-anchor,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .ui-state-focus .ui-tabs-anchor {
  outline-color: #377E55;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
}

.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .ui-state-default {
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ui-tabs--simpleInset.ui-tabs--componentLibrary .ui-tabs-nav {
  border-top-color: #BBBBBB !important;
}

.a-Tabs--subTabButtons {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Tabs--subTabButtons .a-Tabs-link {
  color: rgba(252, 251, 250, 0.6);
}

.a-Tabs--subTabButtons .a-Tabs-link:hover,
.a-Tabs--subTabButtons .a-Tabs-link:focus {
  color: #FCFBFA;
  background-color: #211E1C;
}

.a-Tabs--subTabButtons .a-Tabs-link:focus {
  outline-color: #377E55;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Tabs--subTabButtons .a-Tabs-link:active {
  background-color: #403C38;
}

.a-Tabs--subTabButtons .a-Tabs-item.is-active .a-Tabs-link {
  background-color: #56504B;
  color: #FCFBFA;
}

.ui-tabs--subTabButtons > .a-Tabs-toolbar > .ui-tabs-nav .ui-state-focus,
.ui-tabs--subTabButtons > .a-Tabs-toolbar > .ui-tabs-nav .ui-tabs-active.ui-state-focus {
  outline-color: #377E55;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: dotted;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ui-tabs--subTabButtons > .a-Tabs-toolbar > .ui-tabs-nav .ui-tabs-active {
  background-color: #79726D;
  color: #FCFBFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ui-tabs--subTabButtons > .a-Tabs-toolbar > .ui-tabs-nav .ui-tabs-active a,
.ui-tabs--subTabButtons > .a-Tabs-toolbar > .ui-tabs-nav .ui-tabs-active a.ui-tabs-anchor {
  color: inherit;
}

.a-Tabs--fill {
  background-color: white;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}

.a-Tabs--fill .a-Tabs-link {
  color: #FCFBFA;
  border-right-color: #403C38;
}

.a-Tabs--fill .a-Tabs-link:hover {
  background-color: #FFFFFF;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.a-Tabs--fill .a-Tabs-link:active {
  background-color: #585858;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px 1px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px 1px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(51, 51, 51, 0.5);
}

.a-Tabs--fill .a-Tabs-item.is-active .a-Tabs-link {
  background-color: #FFFFFF;
}

.a-Tabs--fill .a-Tabs-item.is-active .a-Tabs-link:hover, .a-Tabs--fill .a-Tabs-item.is-active .a-Tabs-link:active, .a-Tabs--fill .a-Tabs-item.is-active .a-Tabs-link:focus {
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Tabs--forComponentLibraryFilters,
.ui-tabs--forComponentLibraryFilters > .ui-tabs-nav {
  border-bottom-color: #403C38;
}

.a-TabsContainer {
  background-color: #312D2A;
}

.a-TabsContainer--subTabs {
  border-bottom-color: #403C38;
}

.a-TabsContainer--subTabs .a-Tabs--subTabButtons .a-Tabs-link {
  color: #FACD62;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Tag Cloud
   ========================================================================== */
.a-TagCloud-link {
  color: inherit;
  background: #211E1C;
  border-color: rgba(255, 255, 255, 0.05);
}

.a-TagCloud-link:hover {
  color: #FCFBFA;
  background-color: #377E55;
  border-color: #377E55;
  -webkit-box-shadow: 0 0 0 2px #377E55 inset;
          box-shadow: 0 0 0 2px #377E55 inset;
}

.a-TagCloud-link:hover span {
  color: #FCFBFA;
}

.a-TagCloud-count {
  color: rgba(252, 251, 250, 0.6);
  background: none;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Timeline Report
   ========================================================================== */
/* Timeline */
.a-TimelineReport {
  background-color: #312D2A;
}

.a-TimelineEntry:before, .a-TimelineEntry:after {
  background-color: #56504B;
}

.a-TimelineEntry-typeIcon {
  background-color: rgba(252, 251, 250, 0.6);
  color: #FCFBFA;
}

.a-IssueHeader-info,
.a-TimelineEntry-headerItems--info {
  color: rgba(252, 251, 250, 0.8);
}

.a-IssueHeader-info a,
.a-TimelineEntry-headerItems--info a {
  color: #FACD62;
}

.a-TimelineEntry-authorAvatar {
  background-color: #56504B;
}

.a-TimelineEntry--expanded .a-TimelineEntry-wrap {
  background-color: #403C38;
  -webkit-box-shadow: inset 0 0 0 1px #56504B;
          box-shadow: inset 0 0 0 1px #56504B;
}

.a-TimelineEntry--hidden.a-TimelineEntry--expanded .a-TimelineEntry-wrap {
  background-color: #913528;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
:root {
  --a-toolbar-sep-border-color: #403C38;
}

.a-Toolbar--insetShadow {
  background-color: #211E1C;
  border-color: #403C38;
  -webkit-box-shadow: inset 0 -1px 0 #403C38;
          box-shadow: inset 0 -1px 0 #403C38;
}

.a-Tabs-toolbar {
  background-color: #312D2A;
  -webkit-box-shadow: inset 0 -1px 0 #403C38;
          box-shadow: inset 0 -1px 0 #403C38;
}

.a-Toolbar--simple .a-Button.a-Button--gapLeft:before {
  border-left-color: rgba(255, 255, 255, 0.1);
}

.a-Toolbar--simple .a-Button.a-Button--gapRight:before {
  border-right-color: #403C38;
}

.a-Toolbar-radioGroup input:focus + .a-Button,
.a-Toolbar-toggleButton input:focus + .a-Button {
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

.a-Toolbar-pageColumn {
  background-color: #312D2A;
  border-bottom-color: transparent;
}

/* Property Editor Toolbar
   ========================================================================== */
.a-Toolbar--propertyEditor.has-active-filter {
  background-color: #CFA14D;
}

/* Toolbar
   ========================================================================== */
.a-Toolbar-group {
  border-color: #403C38;
}

.a-Toolbar-inputText {
  --a-report-controls-input-border-color: #403C38;
  color: #FCFBFA;
  background-color: #191715;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Toolbar-inputText::-webkit-input-placeholder {
  color: rgba(252, 251, 250, 0.6);
}

.a-Toolbar-inputText::-moz-placeholder {
  color: rgba(252, 251, 250, 0.6);
}

.a-Toolbar-inputText:-ms-input-placeholder {
  color: rgba(252, 251, 250, 0.6);
}

.a-Toolbar-inputText::-ms-input-placeholder {
  color: rgba(252, 251, 250, 0.6);
}

.a-Toolbar-inputText::placeholder {
  color: rgba(252, 251, 250, 0.6);
}

.a-Toolbar-inputText:focus {
  background-color: #100F0E;
  border-color: #377E55;
  -webkit-box-shadow: 0 0 0 1px #377E55 inset;
          box-shadow: 0 0 0 1px #377E55 inset;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/******************************************************************************
Tooltip Styles
******************************************************************************/
.a-Tooltip,
.ui-widget-content.ui-tooltip {
  background-color: rgba(252, 251, 250, 0.8);
  border-color: rgba(252, 251, 250, 0.8);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  color: #100F0E;
}

.tt-list > li {
  border-bottom-color: rgba(16, 15, 14, 0.1);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
 Tree Component
 ========================================================================== */
/*
 * Tree Node that is not important (used for Attributes / etc)
 */
.a-TreeView-content.is-not-important .a-TreeView-label {
  color: rgba(252, 251, 250, 0.6);
}

/*
 * Header Styles
 */
.a-TreeView-content.is-selected.is-header {
  color: #FCFBFA;
}

.a-TreeView-content.is-selected.is-not-important .a-TreeView-label {
  color: rgba(16, 15, 14, 0.8);
}

.a-TreeView-content.is-header {
  color: rgba(252, 251, 250, 0.8);
}

/* Tree Node -- Conditional
   ========================================================================== */
.a-TreeView-content.is-conditional .a-Icon:after {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 2px inset #BC6A7E;
          box-shadow: 0 0 0 2px inset #BC6A7E;
}

/* Tree Node -- Run on Init
   ========================================================================== */
.a-TreeView-content.is-run-on-init .a-Icon:after {
  background-color: #31704C;
  border-color: #FFFFFF;
}

.a-TreeView.is-disabled {
  background-color: transparent;
}

/* ==========================================================================
 Tree Nodes
 ========================================================================== */
.a-PageDesigner-treeWrap {
  /* Additional color coded tree icons
     ========================================================================== */
  /* Selected State
     ========================================================================== */
}

.a-PageDesigner-treeWrap .a-TreeView-content {
  color: rgba(252, 251, 250, 0.6);
  border-radius: 4px;
}

.a-PageDesigner-treeWrap .a-Icon + .a-TreeView-label {
  color: #FCFBFA;
}

.a-PageDesigner-treeWrap .a-TreeView-row.is-focused ~ .a-TreeView-content {
  outline-width: 2px;
  outline-offset: 2px;
  outline-style: dotted;
}

.a-PageDesigner-treeWrap .a-Icon {
  color: rgba(252, 251, 250, 0.3);
  background-color: #56504B;
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-region,
.a-PageDesigner-treeWrap .a-Icon[class*="icon-region-"] {
  color: #FFF8E3;
  background-color: rgba(174, 86, 44, 0.6);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-item,
.a-PageDesigner-treeWrap span.a-Icon[class*="icon-item-"] {
  color: #FCFBFA;
  background-color: rgba(139, 133, 128, 0.6);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-button,
.a-PageDesigner-treeWrap span.a-Icon[class*="icon-button-"] {
  color: #D1E6ED;
  background-color: rgba(55, 102, 115, 0.6);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-attributes,
.a-PageDesigner-treeWrap .a-Icon.icon-tree-folder {
  color: rgba(252, 251, 250, 0.6) !important;
  background-color: #F1EFED;
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-page {
  color: rgba(252, 251, 250, 0.8);
  background-color: #67605B;
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-validation,
.a-PageDesigner-treeWrap .a-Icon.icon-tree-authorization {
  color: rgba(16, 15, 14, 0.8);
  background-color: rgba(117, 156, 108, 0.6);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-branch {
  color: rgba(16, 15, 14, 0.8);
  background-color: rgba(227, 81, 60, 0.6);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-process,
.a-PageDesigner-treeWrap .a-Icon.icon-tree-computation {
  color: rgba(16, 15, 14, 0.8);
  background-color: rgba(202, 129, 66, 0.6);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-da-event,
.a-PageDesigner-treeWrap .a-Icon.icon-tree-da-action {
  color: rgba(16, 15, 14, 0.8);
  background-color: rgba(141, 106, 155, 0.6);
}

.a-PageDesigner-treeWrap .a-TreeView-content.is-selected .a-Icon {
  background-color: #90B288 !important;
}

.a-PageDesigner-treeWrap .a-TreeView-content.is-selected .a-TreeView-label,
.a-PageDesigner-treeWrap .a-TreeView-content.is-selected .a-Icon {
  color: #FCFBFA !important;
}

/*
 * Warning
 */
.a-TreeView-content.is-warning,
.a-TreeView-content.is-warning.is-hover,
.a-TreeView-content.is-warning:hover {
  color: #FCFBFA;
  background-color: #A47638;
}

/*
 * Error
 */
.a-TreeView-content.is-error,
.a-TreeView-content.is-error.is-hover,
.a-TreeView-content.is-error:hover {
  color: #FCFBFA;
  background-color: #A33B2C;
  outline-color: #A33B2C;
}

.a-TreeView-content.is-selected.is-error .a-TreeView-toggle, .a-TreeView-content.is-selected.is-warning .a-TreeView-toggle {
  color: rgba(16, 15, 14, 0.6);
}

.a-TreeView-content.is-warning .a-Icon {
  color: #FFF8E3 !important;
  background-color: #D8974D !important;
}

.a-TreeView-content.is-error .a-Icon {
  color: #FFD9D4 !important;
  background-color: #C74634 !important;
}

.a-TreeView-content.is-selected.is-error .a-Icon {
  color: #FFD9D4;
  background-color: #B54030 !important;
}

.a-TreeView-content.is-selected.is-warning .a-Icon {
  color: #FFF8E3 !important;
  background-color: #D8974D !important;
}

.a-TreeView-row.is-hover {
  background-color: transparent;
}

.a-TreeView-content.is-hover {
  background-color: #312D2A;
}

.a-TreeView-row.is-selected,
.a-TreeView-row.is-selected.is-hover {
  background-color: transparent;
}

.a-TreeView-content.is-selected,
.a-TreeView-content.is-selected.is-hover {
  color: #100F0E;
  background-color: #377E55;
  outline-color: #377E55;
}

.a-TreeView-row.is-focused,
.a-TreeView-row.is-selected.is-focused {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-TreeView-content.is-focused,
.a-TreeView-content.is-selected.is-focused {
  color: #100F0E;
  background-color: #31704C;
  outline-color: #31704C;
}

/* Page Designer Tree
   ========================================================================== */
.a-TreeView-label {
  color: inherit;
}

.a-TreeView-toggle,
.a-TreeView-row.is-selected + .a-TreeView-toggle {
  color: rgba(252, 251, 250, 0.6);
}

/* Is Chagned Indicator
   ========================================================================== */
.a-TreeView-content.is-changed:before {
  background-color: rgba(117, 156, 108, 0.6);
  border-radius: 1px;
}

.a-TreeView-content.is-selected.is-changed:before {
  background-color: #759C6C;
}

/* Dragging Placeholder
   ========================================================================== */
.a-TreeView-placeholder > .a-TreeView-row {
  background-color: #BA8C42;
}

.a-TreeView-placeholder > .a-TreeView-content:after {
  background-color: #8F602D;
}

/* ==========================================================================
   ORDS Tree (also inherits from Page Designer Styles)
   ========================================================================== */
.a-TreeView--ords {
  /* Colors
     ========================================================================== */
}

.a-TreeView--ords .a-Icon {
  color: #FFFFFF;
}

.a-TreeView--ords .a-Icon.icon-rest-services {
  background-color: #dc5547;
}

.a-TreeView--ords .a-Icon.icon-rest-modules {
  background-color: rgba(230, 190, 55, 0.75);
}

.a-TreeView--ords .a-Icon.icon-rest-module {
  background-color: rgba(230, 190, 55, 0.75);
}

.a-TreeView--ords .a-Icon.icon-rest-template {
  background-color: rgba(40, 177, 150, 0.75);
}

.a-TreeView--ords .a-Icon.icon-rest-handler {
  background-color: rgba(52, 161, 177, 0.75);
}

.a-TreeView--ords .a-Icon.icon-rest-parameter {
  background-color: rgba(104, 136, 157, 0.75);
}

.a-TreeView--ords .a-Icon.icon-rest-privileges {
  background-color: rgba(218, 127, 45, 0.75);
}

.a-TreeView--ords .a-Icon.icon-rest-privilege {
  background-color: rgba(218, 127, 45, 0.75);
}

.a-TreeView--ords .a-Icon.icon-rest-roles {
  background-color: rgba(220, 85, 71, 0.75);
}

.a-TreeView--ords .a-Icon.icon-rest-role {
  background-color: rgba(220, 85, 71, 0.75);
}

.a-TreeView--ords .a-Icon.icon-rest-object {
  background-color: rgba(158, 158, 158, 0.75);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   User Avatar, Initials & Name
   ========================================================================== */
.a-User--more .a-User-initials {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  color: rgba(16, 15, 14, 0.6);
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* ==========================================================================
   Wizard Container
   ========================================================================== */
.a-Wizard-regionBody p {
  color: rgba(252, 251, 250, 0.8);
}

/* ==========================================================================
   Wizard Steps
   ========================================================================== */
.a-WizardSteps-wrap:after {
  background-color: #56504B;
}

.a-WizardSteps-step .a-WizardSteps-marker {
  background-color: #67605B;
}

.a-WizardSteps-step.is-complete .a-WizardSteps-marker {
  background-color: #377E55;
  color: #FFFFFF;
}

.a-WizardSteps-step.is-active .a-WizardSteps-marker {
  background-color: #3D8C5F;
  color: #FFFFFF;
}

.a-WizardSteps-label {
  color: rgba(252, 251, 250, 0.6);
}

.a-WizardSteps-step.is-active .a-WizardSteps-label {
  color: rgba(252, 251, 250, 0.8);
}

/* ==========================================================================
   Request Workspace Wizard
   ========================================================================== */
.a-Page--wizard .u-Layout {
  background-color: #312D2A;
}

.a-Wizard {
  background-color: #312D2A;
}

.a-Wizard-title {
  color: #FCFBFA;
}

.a-Wizard-buttons {
  background-color: transparent;
}

.a-Wizard-warning {
  background-color: #fff8DF;
}

.a-Wizard-warning .a-Wizard-icon {
  color: #FEEDC3;
}

.a-Wizard-verification {
  background-color: #4B4537;
}

.a-Wizard-verification p {
  color: rgba(252, 251, 250, 0.8);
}

.a-Wizard-verification .htmldbStandard3 {
  border-color: #403C38;
}

.a-Wizard-success .a-Wizard-icon {
  color: #FFFFFF;
  background-color: #759C6C;
}

.a-Wizard-agreement {
  border-color: #403C38;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
  color: rgba(252, 251, 250, 0.8);
  background-color: #211E1C;
}

.a-Wizard-subTitle {
  color: rgba(252, 251, 250, 0.8);
}

.a-Wizard-text {
  color: rgba(252, 251, 250, 0.6);
}

.a-Wizard-regionHeader,
.a-Wizard-regionFooter {
  color: rgba(252, 251, 250, 0.8);
}

.a-Wizard--requestWorkspace {
  background-color: #312D2A;
}

.region-usage-info {
  border-top-color: #403C38;
}

.a-Request-TermsOfUse {
  background-color: #100F0E;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-Request-TermsOfUse .a-Form-inputContainer span.display_only {
  color: rgba(252, 251, 250, 0.6);
}

/* ==========================================================================
   Modifier: Slim Wizard Steps
   ========================================================================== */
/* Request Workspace Page Specific Styles */
.a-Page--simpleWizard.a-Page--requestWorkspace .u-Layout {
  background-color: transparent;
}

.a-Page--simpleWizard.a-Page--requestWorkspace .a-Wizard--requestWorkspace {
  -webkit-box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(64, 60, 56, 0.1);
          box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(64, 60, 56, 0.1);
}

.a-Page--simpleWizard.a-Page--requestWorkspace .a-Wizard-controls:last-child {
  border-top-color: rgba(255, 255, 255, 0.05);
}

.a-Page--simpleWizard.a-Page--requestWorkspace .a-Wizard-successCustomMessage {
  color: #403C38;
}

/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Images
 */
/**
 * 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
 */
/* Colors
   ========================================================================== */
.u-color-1 {
  background-color: #309FDB;
  fill: #309FDB;
  color: #fff;
}

.u-color-1-bg {
  background-color: #309FDB;
  fill: #309FDB;
}

.u-color-1-text {
  color: #309FDB;
}

.u-color-1-border {
  border-color: #309FDB;
  stroke: #309FDB;
}

.u-color-2 {
  background-color: #13B6CF;
  fill: #13B6CF;
  color: #e4f9fd;
}

.u-color-2-bg {
  background-color: #13B6CF;
  fill: #13B6CF;
}

.u-color-2-text {
  color: #13B6CF;
}

.u-color-2-border {
  border-color: #13B6CF;
  stroke: #13B6CF;
}

.u-color-3 {
  background-color: #2EBFBC;
  fill: #2EBFBC;
  color: #f0fcfb;
}

.u-color-3-bg {
  background-color: #2EBFBC;
  fill: #2EBFBC;
}

.u-color-3-text {
  color: #2EBFBC;
}

.u-color-3-border {
  border-color: #2EBFBC;
  stroke: #2EBFBC;
}

.u-color-4 {
  background-color: #3CAF85;
  fill: #3CAF85;
  color: #f0faf6;
}

.u-color-4-bg {
  background-color: #3CAF85;
  fill: #3CAF85;
}

.u-color-4-text {
  color: #3CAF85;
}

.u-color-4-border {
  border-color: #3CAF85;
  stroke: #3CAF85;
}

.u-color-5 {
  background-color: #81BB5F;
  fill: #81BB5F;
  color: #fff;
}

.u-color-5-bg {
  background-color: #81BB5F;
  fill: #81BB5F;
}

.u-color-5-text {
  color: #81BB5F;
}

.u-color-5-border {
  border-color: #81BB5F;
  stroke: #81BB5F;
}

.u-color-6 {
  background-color: #DDDE53;
  fill: #DDDE53;
  color: #2a2a08;
}

.u-color-6-bg {
  background-color: #DDDE53;
  fill: #DDDE53;
}

.u-color-6-text {
  color: #DDDE53;
}

.u-color-6-border {
  border-color: #DDDE53;
  stroke: #DDDE53;
}

.u-color-7 {
  background-color: #FBCE4A;
  fill: #FBCE4A;
  color: #443302;
}

.u-color-7-bg {
  background-color: #FBCE4A;
  fill: #FBCE4A;
}

.u-color-7-text {
  color: #FBCE4A;
}

.u-color-7-border {
  border-color: #FBCE4A;
  stroke: #FBCE4A;
}

.u-color-8 {
  background-color: #ED813E;
  fill: #ED813E;
  color: #fff;
}

.u-color-8-bg {
  background-color: #ED813E;
  fill: #ED813E;
}

.u-color-8-text {
  color: #ED813E;
}

.u-color-8-border {
  border-color: #ED813E;
  stroke: #ED813E;
}

.u-color-9 {
  background-color: #E95B54;
  fill: #E95B54;
  color: #fff;
}

.u-color-9-bg {
  background-color: #E95B54;
  fill: #E95B54;
}

.u-color-9-text {
  color: #E95B54;
}

.u-color-9-border {
  border-color: #E95B54;
  stroke: #E95B54;
}

.u-color-10 {
  background-color: #E85D88;
  fill: #E85D88;
  color: #fff;
}

.u-color-10-bg {
  background-color: #E85D88;
  fill: #E85D88;
}

.u-color-10-text {
  color: #E85D88;
}

.u-color-10-border {
  border-color: #E85D88;
  stroke: #E85D88;
}

.u-color-11 {
  background-color: #CA589D;
  fill: #CA589D;
  color: #fff;
}

.u-color-11-bg {
  background-color: #CA589D;
  fill: #CA589D;
}

.u-color-11-text {
  color: #CA589D;
}

.u-color-11-border {
  border-color: #CA589D;
  stroke: #CA589D;
}

.u-color-12 {
  background-color: #854E9B;
  fill: #854E9B;
  color: #f6f0f8;
}

.u-color-12-bg {
  background-color: #854E9B;
  fill: #854E9B;
}

.u-color-12-text {
  color: #854E9B;
}

.u-color-12-border {
  border-color: #854E9B;
  stroke: #854E9B;
}

.u-color-13 {
  background-color: #5A68AD;
  fill: #5A68AD;
  color: #fff;
}

.u-color-13-bg {
  background-color: #5A68AD;
  fill: #5A68AD;
}

.u-color-13-text {
  color: #5A68AD;
}

.u-color-13-border {
  border-color: #5A68AD;
  stroke: #5A68AD;
}

.u-color-14 {
  background-color: #AFBAC5;
  fill: #AFBAC5;
  color: #313a44;
}

.u-color-14-bg {
  background-color: #AFBAC5;
  fill: #AFBAC5;
}

.u-color-14-text {
  color: #AFBAC5;
}

.u-color-14-border {
  border-color: #AFBAC5;
  stroke: #AFBAC5;
}

.u-color-15 {
  background-color: #6E8598;
  fill: #6E8598;
  color: #fff;
}

.u-color-15-bg {
  background-color: #6E8598;
  fill: #6E8598;
}

.u-color-15-text {
  color: #6E8598;
}

.u-color-15-border {
  border-color: #6E8598;
  stroke: #6E8598;
}

.u-color-16 {
  background-color: #59b2e2;
  fill: #59b2e2;
  color: #fff;
}

.u-color-16-bg {
  background-color: #59b2e2;
  fill: #59b2e2;
}

.u-color-16-text {
  color: #59b2e2;
}

.u-color-16-border {
  border-color: #59b2e2;
  stroke: #59b2e2;
}

.u-color-17 {
  background-color: #42c5d9;
  fill: #42c5d9;
  color: #051517;
}

.u-color-17-bg {
  background-color: #42c5d9;
  fill: #42c5d9;
}

.u-color-17-text {
  color: #42c5d9;
}

.u-color-17-border {
  border-color: #42c5d9;
  stroke: #42c5d9;
}

.u-color-18 {
  background-color: #58ccc9;
  fill: #58ccc9;
  color: #091c1c;
}

.u-color-18-bg {
  background-color: #58ccc9;
  fill: #58ccc9;
}

.u-color-18-text {
  color: #58ccc9;
}

.u-color-18-border {
  border-color: #58ccc9;
  stroke: #58ccc9;
}

.u-color-19 {
  background-color: #63bf9d;
  fill: #63bf9d;
  color: #fff;
}

.u-color-19-bg {
  background-color: #63bf9d;
  fill: #63bf9d;
}

.u-color-19-text {
  color: #63bf9d;
}

.u-color-19-border {
  border-color: #63bf9d;
  stroke: #63bf9d;
}

.u-color-20 {
  background-color: #9ac97f;
  fill: #9ac97f;
  color: #203316;
}

.u-color-20-bg {
  background-color: #9ac97f;
  fill: #9ac97f;
}

.u-color-20-text {
  color: #9ac97f;
}

.u-color-20-border {
  border-color: #9ac97f;
  stroke: #9ac97f;
}

.u-color-21 {
  background-color: #e4e575;
  fill: #e4e575;
  color: #4c4c0f;
}

.u-color-21-bg {
  background-color: #e4e575;
  fill: #e4e575;
}

.u-color-21-text {
  color: #e4e575;
}

.u-color-21-border {
  border-color: #e4e575;
  stroke: #e4e575;
}

.u-color-22 {
  background-color: #fcd86e;
  fill: #fcd86e;
  color: #694f02;
}

.u-color-22-bg {
  background-color: #fcd86e;
  fill: #fcd86e;
}

.u-color-22-text {
  color: #fcd86e;
}

.u-color-22-border {
  border-color: #fcd86e;
  stroke: #fcd86e;
}

.u-color-23 {
  background-color: #f19a65;
  fill: #f19a65;
  color: #fff;
}

.u-color-23-bg {
  background-color: #f19a65;
  fill: #f19a65;
}

.u-color-23-text {
  color: #f19a65;
}

.u-color-23-border {
  border-color: #f19a65;
  stroke: #f19a65;
}

.u-color-24 {
  background-color: #ed7c76;
  fill: #ed7c76;
  color: #fff;
}

.u-color-24-bg {
  background-color: #ed7c76;
  fill: #ed7c76;
}

.u-color-24-text {
  color: #ed7c76;
}

.u-color-24-border {
  border-color: #ed7c76;
  stroke: #ed7c76;
}

.u-color-25 {
  background-color: #ed7da0;
  fill: #ed7da0;
  color: #fff;
}

.u-color-25-bg {
  background-color: #ed7da0;
  fill: #ed7da0;
}

.u-color-25-text {
  color: #ed7da0;
}

.u-color-25-border {
  border-color: #ed7da0;
  stroke: #ed7da0;
}

.u-color-26 {
  background-color: #d579b1;
  fill: #d579b1;
  color: #fff;
}

.u-color-26-bg {
  background-color: #d579b1;
  fill: #d579b1;
}

.u-color-26-text {
  color: #d579b1;
}

.u-color-26-border {
  border-color: #d579b1;
  stroke: #d579b1;
}

.u-color-27 {
  background-color: #9d71af;
  fill: #9d71af;
  color: #fff;
}

.u-color-27-bg {
  background-color: #9d71af;
  fill: #9d71af;
}

.u-color-27-text {
  color: #9d71af;
}

.u-color-27-border {
  border-color: #9d71af;
  stroke: #9d71af;
}

.u-color-28 {
  background-color: #7b86bd;
  fill: #7b86bd;
  color: #fff;
}

.u-color-28-bg {
  background-color: #7b86bd;
  fill: #7b86bd;
}

.u-color-28-text {
  color: #7b86bd;
}

.u-color-28-border {
  border-color: #7b86bd;
  stroke: #7b86bd;
}

.u-color-29 {
  background-color: #bfc8d1;
  fill: #bfc8d1;
  color: #3d4854;
}

.u-color-29-bg {
  background-color: #bfc8d1;
  fill: #bfc8d1;
}

.u-color-29-text {
  color: #bfc8d1;
}

.u-color-29-border {
  border-color: #bfc8d1;
  stroke: #bfc8d1;
}

.u-color-30 {
  background-color: #8b9dad;
  fill: #8b9dad;
  color: #fff;
}

.u-color-30-bg {
  background-color: #8b9dad;
  fill: #8b9dad;
}

.u-color-30-text {
  color: #8b9dad;
}

.u-color-30-border {
  border-color: #8b9dad;
  stroke: #8b9dad;
}

.u-color-31 {
  background-color: #198cca;
  fill: #198cca;
  color: #fff;
}

.u-color-31-bg {
  background-color: #198cca;
  fill: #198cca;
}

.u-color-31-text {
  color: #198cca;
}

.u-color-31-border {
  border-color: #198cca;
  stroke: #198cca;
}

.u-color-32 {
  background-color: #02a5be;
  fill: #02a5be;
  color: #000;
}

.u-color-32-bg {
  background-color: #02a5be;
  fill: #02a5be;
}

.u-color-32-text {
  color: #02a5be;
}

.u-color-32-border {
  border-color: #02a5be;
  stroke: #02a5be;
}

.u-color-33 {
  background-color: #18b1ae;
  fill: #18b1ae;
  color: #000;
}

.u-color-33-bg {
  background-color: #18b1ae;
  fill: #18b1ae;
}

.u-color-33-text {
  color: #18b1ae;
}

.u-color-33-border {
  border-color: #18b1ae;
  stroke: #18b1ae;
}

.u-color-34 {
  background-color: #24a475;
  fill: #24a475;
  color: #effbf7;
}

.u-color-34-bg {
  background-color: #24a475;
  fill: #24a475;
}

.u-color-34-text {
  color: #24a475;
}

.u-color-34-border {
  border-color: #24a475;
  stroke: #24a475;
}

.u-color-35 {
  background-color: #6aad42;
  fill: #6aad42;
  color: #0c1506;
}

.u-color-35-bg {
  background-color: #6aad42;
  fill: #6aad42;
}

.u-color-35-text {
  color: #6aad42;
}

.u-color-35-border {
  border-color: #6aad42;
  stroke: #6aad42;
}

.u-color-36 {
  background-color: #c9ca39;
  fill: #c9ca39;
  color: #2d2e04;
}

.u-color-36-bg {
  background-color: #c9ca39;
  fill: #c9ca39;
}

.u-color-36-text {
  color: #c9ca39;
}

.u-color-36-border {
  border-color: #c9ca39;
  stroke: #c9ca39;
}

.u-color-37 {
  background-color: #d9b13b;
  fill: #d9b13b;
  color: #463400;
}

.u-color-37-bg {
  background-color: #d9b13b;
  fill: #d9b13b;
}

.u-color-37-text {
  color: #d9b13b;
}

.u-color-37-border {
  border-color: #d9b13b;
  stroke: #d9b13b;
}

.u-color-38 {
  background-color: #d76a27;
  fill: #d76a27;
  color: #fff;
}

.u-color-38-bg {
  background-color: #d76a27;
  fill: #d76a27;
}

.u-color-38-text {
  color: #d76a27;
}

.u-color-38-border {
  border-color: #d76a27;
  stroke: #d76a27;
}

.u-color-39 {
  background-color: #d2423b;
  fill: #d2423b;
  color: #fff;
}

.u-color-39-bg {
  background-color: #d2423b;
  fill: #d2423b;
}

.u-color-39-text {
  color: #d2423b;
}

.u-color-39-border {
  border-color: #d2423b;
  stroke: #d2423b;
}

.u-color-40 {
  background-color: #d1436f;
  fill: #d1436f;
  color: #fff;
}

.u-color-40-bg {
  background-color: #d1436f;
  fill: #d1436f;
}

.u-color-40-text {
  color: #d1436f;
}

.u-color-40-border {
  border-color: #d1436f;
  stroke: #d1436f;
}

.u-color-41 {
  background-color: #ba3d88;
  fill: #ba3d88;
  color: #fff;
}

.u-color-41-bg {
  background-color: #ba3d88;
  fill: #ba3d88;
}

.u-color-41-text {
  color: #ba3d88;
}

.u-color-41-border {
  border-color: #ba3d88;
  stroke: #ba3d88;
}

.u-color-42 {
  background-color: #773393;
  fill: #773393;
  color: #f6eff9;
}

.u-color-42-bg {
  background-color: #773393;
  fill: #773393;
}

.u-color-42-text {
  color: #773393;
}

.u-color-42-border {
  border-color: #773393;
  stroke: #773393;
}

.u-color-43 {
  background-color: #3d4ea3;
  fill: #3d4ea3;
  color: #fff;
}

.u-color-43-bg {
  background-color: #3d4ea3;
  fill: #3d4ea3;
}

.u-color-43-text {
  color: #3d4ea3;
}

.u-color-43-border {
  border-color: #3d4ea3;
  stroke: #3d4ea3;
}

.u-color-44 {
  background-color: #8c9eb0;
  fill: #8c9eb0;
  color: #283a4d;
}

.u-color-44-bg {
  background-color: #8c9eb0;
  fill: #8c9eb0;
}

.u-color-44-text {
  color: #8c9eb0;
}

.u-color-44-border {
  border-color: #8c9eb0;
  stroke: #8c9eb0;
}

.u-color-45 {
  background-color: #4e7391;
  fill: #4e7391;
  color: #fff;
}

.u-color-45-bg {
  background-color: #4e7391;
  fill: #4e7391;
}

.u-color-45-text {
  color: #4e7391;
}

.u-color-45-border {
  border-color: #4e7391;
  stroke: #4e7391;
}

/* Transparent
   ========================================================================== */
.u-color-transparent {
  background-color: transparent !important;
  color: transparent !important;
}

.u-color-transparent-bg {
  background-color: transparent !important;
}

.u-color-transparent-text {
  color: transparent !important;
}

.u-color-transparent-border {
  border-color: transparent !important;
}

/* Stateful Classes
   ========================================================================== */
.u-warning {
  background-color: #ffcc00;
  color: #000;
  border-color: #ffcc00;
}

.u-warning-text {
  color: #ffcc00;
}

.u-warning-bg {
  background-color: #ffcc00;
}

.u-warning-border {
  border-color: #ffcc00;
}

.u-success {
  background-color: #5EA774;
  color: #fff;
  border-color: #5EA774;
}

.u-success-text {
  color: #5EA774;
}

.u-success-bg {
  background-color: #5EA774;
}

.u-success-border {
  border-color: #5EA774;
}

.u-danger {
  background-color: #CA4D50;
  color: #fff;
  border-color: #CA4D50;
}

.u-danger-text {
  color: #CA4D50;
}

.u-danger-bg {
  background-color: #CA4D50;
}

.u-danger-border {
  border-color: #CA4D50;
}

.u-info {
  background-color: #0572CE;
  color: #fff;
  border-color: #0572CE;
}

.u-info-text {
  color: #0572CE;
}

.u-info-bg {
  background-color: #0572CE;
}

.u-info-border {
  border-color: #0572CE;
}

.u-hot {
  background-color: #f7f7f7;
  color: #1e1e1e;
}

.u-hot-text {
  color: #f7f7f7;
}

.u-hot-bg {
  background-color: #f7f7f7;
}

.u-hot-border {
  border-color: #f7f7f7;
}

.u-normal {
  background-color: #313131;
  color: #313131;
}

.u-normal-text {
  color: #313131;
}

.u-normal-bg {
  background-color: #313131;
}

.u-normal-border {
  border-color: #313131;
}

.a-User-initials[class*='u-color-'] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.a-User-initials.u-color-1,
.a-User-initials.u-color-24 {
  background-image: url("../img/rw/avatars/avatar-bg-1.png");
}

.a-User-initials.u-color-2,
.a-User-initials.u-color-25 {
  background-image: url("../img/rw/avatars/avatar-bg-2.png");
}

.a-User-initials.u-color-3,
.a-User-initials.u-color-26 {
  background-image: url("../img/rw/avatars/avatar-bg-3.png");
}

.a-User-initials.u-color-4,
.a-User-initials.u-color-27 {
  background-image: url("../img/rw/avatars/avatar-bg-4.png");
}

.a-User-initials.u-color-5,
.a-User-initials.u-color-28 {
  background-image: url("../img/rw/avatars/avatar-bg-5.png");
}

.a-User-initials.u-color-6,
.a-User-initials.u-color-29 {
  background-image: url("../img/rw/avatars/avatar-bg-6.png");
}

.a-User-initials.u-color-7,
.a-User-initials.u-color-30 {
  background-image: url("../img/rw/avatars/avatar-bg-7.png");
}

.a-User-initials.u-color-8,
.a-User-initials.u-color-31 {
  background-image: url("../img/rw/avatars/avatar-bg-8.png");
}

.a-User-initials.u-color-9,
.a-User-initials.u-color-32 {
  background-image: url("../img/rw/avatars/avatar-bg-9.png");
}

.a-User-initials.u-color-10,
.a-User-initials.u-color-33 {
  background-image: url("../img/rw/avatars/avatar-bg-10.png");
}

.a-User-initials.u-color-11,
.a-User-initials.u-color-34 {
  background-image: url("../img/rw/avatars/avatar-bg-11.png");
}

.a-User-initials.u-color-12,
.a-User-initials.u-color-35 {
  background-image: url("../img/rw/avatars/avatar-bg-12.png");
}

.a-User-initials.u-color-13,
.a-User-initials.u-color-36 {
  background-image: url("../img/rw/avatars/avatar-bg-13.png");
}

.a-User-initials.u-color-14,
.a-User-initials.u-color-37 {
  background-image: url("../img/rw/avatars/avatar-bg-14.png");
}

.a-User-initials.u-color-15,
.a-User-initials.u-color-38 {
  background-image: url("../img/rw/avatars/avatar-bg-15.png");
}

.a-User-initials.u-color-16,
.a-User-initials.u-color-39 {
  background-image: url("../img/rw/avatars/avatar-bg-16.png");
}

.a-User-initials.u-color-17,
.a-User-initials.u-color-40 {
  background-image: url("../img/rw/avatars/avatar-bg-17.png");
}

.a-User-initials.u-color-18,
.a-User-initials.u-color-41 {
  background-image: url("../img/rw/avatars/avatar-bg-18.png");
}

.a-User-initials.u-color-19,
.a-User-initials.u-color-42 {
  background-image: url("../img/rw/avatars/avatar-bg-19.png");
}

.a-User-initials.u-color-20,
.a-User-initials.u-color-43 {
  background-image: url("../img/rw/avatars/avatar-bg-20.png");
}

.a-User-initials.u-color-21,
.a-User-initials.u-color-44 {
  background-image: url("../img/rw/avatars/avatar-bg-21.png");
}

.a-User-initials.u-color-22,
.a-User-initials.u-color-45 {
  background-image: url("../img/rw/avatars/avatar-bg-22.png");
}

.a-User-initials.u-color-23 {
  background-image: url("../img/rw/avatars/avatar-bg-23.png");
}

.a-User--xl .a-User-initials[class*='u-color-'] {
  background-size: 128px 128px;
}

.a-User--xl .a-User-initials.u-color-1,
.a-User--xl .a-User-initials.u-color-24 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-1.png");
}

.a-User--xl .a-User-initials.u-color-2,
.a-User--xl .a-User-initials.u-color-25 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-2.png");
}

.a-User--xl .a-User-initials.u-color-3,
.a-User--xl .a-User-initials.u-color-26 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-3.png");
}

.a-User--xl .a-User-initials.u-color-4,
.a-User--xl .a-User-initials.u-color-27 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-4.png");
}

.a-User--xl .a-User-initials.u-color-5,
.a-User--xl .a-User-initials.u-color-28 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-5.png");
}

.a-User--xl .a-User-initials.u-color-6,
.a-User--xl .a-User-initials.u-color-29 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-6.png");
}

.a-User--xl .a-User-initials.u-color-7,
.a-User--xl .a-User-initials.u-color-30 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-7.png");
}

.a-User--xl .a-User-initials.u-color-8,
.a-User--xl .a-User-initials.u-color-31 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-8.png");
}

.a-User--xl .a-User-initials.u-color-9,
.a-User--xl .a-User-initials.u-color-32 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-9.png");
}

.a-User--xl .a-User-initials.u-color-10,
.a-User--xl .a-User-initials.u-color-33 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-10.png");
}

.a-User--xl .a-User-initials.u-color-11,
.a-User--xl .a-User-initials.u-color-34 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-11.png");
}

.a-User--xl .a-User-initials.u-color-12,
.a-User--xl .a-User-initials.u-color-35 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-12.png");
}

.a-User--xl .a-User-initials.u-color-13,
.a-User--xl .a-User-initials.u-color-36 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-13.png");
}

.a-User--xl .a-User-initials.u-color-14,
.a-User--xl .a-User-initials.u-color-37 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-14.png");
}

.a-User--xl .a-User-initials.u-color-15,
.a-User--xl .a-User-initials.u-color-38 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-15.png");
}

.a-User--xl .a-User-initials.u-color-16,
.a-User--xl .a-User-initials.u-color-39 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-16.png");
}

.a-User--xl .a-User-initials.u-color-17,
.a-User--xl .a-User-initials.u-color-40 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-17.png");
}

.a-User--xl .a-User-initials.u-color-18,
.a-User--xl .a-User-initials.u-color-41 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-18.png");
}

.a-User--xl .a-User-initials.u-color-19,
.a-User--xl .a-User-initials.u-color-42 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-19.png");
}

.a-User--xl .a-User-initials.u-color-20,
.a-User--xl .a-User-initials.u-color-43 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-20.png");
}

.a-User--xl .a-User-initials.u-color-21,
.a-User--xl .a-User-initials.u-color-44 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-21.png");
}

.a-User--xl .a-User-initials.u-color-22,
.a-User--xl .a-User-initials.u-color-45 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-22.png");
}

.a-User--xl .a-User-initials.u-color-23 {
  background-image: url("../img/rw/avatars/avatar-xl-bg-23.png");
}