/*!
 * Theme-Standard.css 
 * apex-builder-app_ui v19.1.0
 * https://apex.oracle.com/
 * Copyright (c) Oracle
*/

/* ==========================================================================
   APEX Builder Standard 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
 */
/**
 * 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: #000;
}

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

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

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

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

.fielddatabold {
  color: #000;
}

.fielddatasmall {
  color: #000;
}

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

.tabledata {
  background: #f7f7e7;
  color: #000;
}

.tabledata-alt {
  background: #fff;
  color: #000;
}

.tabledatabold {
  background: #f7f7e7;
  color: #000;
}

table.standardLook th {
  color: #000;
}

table.standardLook td {
  color: #000;
}

table.default1 th {
  background: #cccc99;
  color: #336699;
}

table.default1 td {
  background: #f7f7e7;
  color: #000;
}

table.default1 td.alt {
  background: #fff;
  color: #000;
}

table.default2 {
  border-left: #cccc99;
  border-top-color: #cccc99;
  background: #f7f7e7;
}

table.default2 th {
  background: #cccc99;
  color: #336699;
  border-bottom-color: #f7f7e7;
  border-right-color: #f7f7e7;
}

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

table.default3 th {
  color: #000;
}

table.default3 td {
  color: #000;
}

table.default4 {
  border-left-color: #d1d1d1;
  border-top-color: #d1d1d1;
  border-right-color: #a1a1a1;
  border-bottom-color: #a1a1a1;
  background-color: #efefef;
}

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

table.default4 th {
  color: #fff;
  background-color: #bbbbbb;
  border-left-color: #e0e7f7;
  border-top-color: #e0e7f7;
  border-right-color: #a1a1a1;
  border-bottom-color: #a1a1a1;
}

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

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

table.vertical1 td {
  color: #000;
}

table.vertical2 {
  border-color: #bbbbbb;
  background: #fff;
}

table.vertical2 td.L {
  border-color: #bbbbbb;
  background: #a1a1a1;
  color: #fff;
}

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

div.popupHead {
  background-color: #d1d1d1;
  border-bottom-color: #a1a1a1;
}

span.errTxt {
  color: #ff0000;
}

/*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: #efefef;
  border-top: #efefef;
  background: #efefef;
}

.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: #000;
}

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

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

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

th.current {
  border-left: #fff;
  border-right: #fff;
  background: #efefef;
  color: #000;
  background-image: none;
}

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

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

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

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

table.wb_region th {
  border-bottom: #999;
  background: #efefef;
}

#columnbuilder {
  border: #aaaaaa;
  background: #efefef;
}

#columnbuilder td {
  white-space: nowrap;
  font-size: 9px;
  border-bottom: #fff;
  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: #999 !important;
}

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

td.TopBarUIFixL {
  white-space: nowrap;
  border-right: #d1d1d1;
  border-top: #d1d1d1;
  border-bottom: #d1d1d1;
  background: #eeeeee;
}

td.TopBarUIFixC {
  white-space: nowrap;
  border-top: #d1d1d1;
  border-bottom: #d1d1d1;
  background: #eeeeee;
}

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: #f6f6f6;
  font-size: 11px;
  width: 200;
  border: 2px solid #b7b7b7;
  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: #f6f6f6;
  height: 1px;
  background: #ccc;
}

.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: #808080;
  padding: 3px 8px;
  border-bottom: #ccc;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
  margin: 1px;
}

.dhtmlSubMenu a.dhtmlSubMenuS,
.dhtmlSubMenu a.dhtmlSubMenuN {
  border: #f6f6f6;
  color: #808080;
  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: #CCC;
}

.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: #FFC06F;
  border: #000;
  color: #000;
}

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: #000;
}

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: #990000;
  background-color: #fccfcc;
  padding: 2px;
}

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

.apex-tabular-highlight {
  border: #cc9900;
  background-color: #ffffcc;
  padding: 2px;
}

.apex-tabular-form-error-box {
  border-radius: 10;
  background: #ffffcc;
  border: #ffcc66;
  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: #465769;
  font-weight: bold;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #a1a1a1;
  margin: 0;
  padding: 4px;
  background-color: #E5E5E5;
}

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

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

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

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

.DefWeekCalendar .DefDayOfWeek {
  color: #000;
  padding: 3px;
  background-color: #a1a1a1;
  border-right: #666666;
}

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

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

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

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

.DefWeekCalendar .DefToday {
  vertical-align: top;
  border-top: #a1a1a1;
  background-color: #DDDDDD;
}

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

.DefWeekCalendar .DefHour {
  height: 30;
  width: 5%;
  border-top: #666666;
  background-color: #a1a1a1;
}

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

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

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

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

.DefDayCalendar .DefDayOfWeek {
  color: #000;
  padding: 3px;
  background-color: #a1a1a1;
  border-right: #666666;
}

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

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

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

.DefDayCalendar .DefToday {
  vertical-align: top;
  border-right: #a1a1a1;
  border-top: #a1a1a1;
  background-color: #DDDDDD;
}

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

.DefDayCalendar .DefHour {
  width: 40;
  height: 30;
  border-top: #666666;
  border-right: #666666;
  background-color: #a1a1a1;
}

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

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

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

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

.DefcstCalendar .DefDayOfWeek {
  color: #000;
  padding: 3px;
  background-color: #a1a1a1;
  border-right: #666666;
}

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

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

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

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

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

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

.DefcstCalendar .DefToday {
  vertical-align: top;
  border-top: #a1a1a1;
  background-color: #DDDDDD;
}

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

.DefCstWeekCalendarHolder {
  width: 600;
}

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

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

.DefCstWeekCalendar .DefDayOfWeek {
  color: #000;
  padding: 3px;
  background-color: #a1a1a1;
  border-right: #666666;
}

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

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

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

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

.DefCstWeekCalendar .DefToday {
  vertical-align: top;
  border-top: #a1a1a1;
  background-color: #DDDDDD;
}

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

.DefCstWeekCalendar .DefHour {
  height: 30;
  width: 5%;
  border-top: #666666;
  background-color: #a1a1a1;
}

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

.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: #FF0000;
}

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

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

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

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

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

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

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

.DefAgendaCalendar .DefTodayHour {
  width: 30;
  font: bold 12px/16px Arial, sans-serif;
  color: #465769;
  font-weight: bold;
  text-align: right;
  padding: 0 5px 35px 10;
  border-width: 0 0 0 0;
  white-space: nowrap;
  background-color: #F5F6F5;
  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: #d1d1d1;
  border-bottom: #d1d1d1;
  background: #eeeeee;
}

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

td.apex_finderbar_left {
  white-space: nowrap;
  border-right: #d1d1d1;
  border-top: #d1d1d1;
  border-bottom: #d1d1d1;
  background: #eeeeee;
}

.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 #aaa solid;
  margin: 4px;
}

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

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

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

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

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

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

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

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

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

table.column_mapping {
  border-top: 1px #aaa 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 #ccc solid;
  white-space: nowrap;
  vertical-align: bottom;
  padding: 4px 9px;
  color: #000;
  font-size: 12px;
  background-repeat: repeat-x;
}

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

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

/**
 *AJAX Based data adding to Calendar
 */
#apex_cal_DATA_PANEL_DROP {
  background: #efefef;
  border: #a1a1a1;
  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 #666666;
  background-color: #fff;
  z-index: 1002;
}

.apex_wait_overlay {
  display: block;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #000;
  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: #ccc;
}

/* 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: #fff;
  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: #000;
  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: #000;
  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 #CCC;
}

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: #d1d1d1;
}

.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: #d1d1d1;
  background-image: url(../images/report_bg.gif);
  background-repeat: repeat-x;
  border-bottom-color: #d1d1d1;
}

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

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

.fixed-header-report table td.data {
  background-color: #f0f0f0;
  border-bottom: #d1d1d1;
}

.fixed-header-report table td.data-alt {
  background-color: #fff;
  border-bottom-color: #d1d1d1;
}

/* ==========================================================================
   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 Variables
 */
.comp-view-col-cell {
  border-right-color: #d1d1d1;
}

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

.gotoPage .gotoPageIcon {
  color: #a1a1a1;
}

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

.componentRegion h2.comp-view-invalid-region span.componentType {
  color: #666666;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   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: #e0e0e0;
}

.a-Accordion.ui-accordion .ui-accordion-header.ui-state-focus {
  -webkit-box-shadow: 2px -1px 0 0 #0572ce inset, -2px 1px 0 0 #0572ce inset, 0 0 1px 2px rgba(5, 114, 206, 0.25) !important;
          box-shadow: 2px -1px 0 0 #0572ce inset, -2px 1px 0 0 #0572ce inset, 0 0 1px 2px rgba(5, 114, 206, 0.25) !important;
  border-color: #0572ce;
}

.a-Accordion.ui-accordion .ui-accordion-header,
.a-Accordion.ui-accordion .ui-accordion-header.ui-state-active,
.ui-dialog .ui-dialog-titlebar {
  background-color: whitesmoke;
  -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
 */
/**
 * Theme Variables
 */
/* Wizard Alert
   ========================================================================== */
.a-Alert--wizard {
  background-color: rgba(255, 255, 255, 0.85);
  border-color: rgba(0, 0, 0, 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(0, 0, 0, 0.05);
}

.a-Alert--wizard .a-Alert-subTitle {
  color: #404040;
}

.a-Alert--wizard .a-Alert-body {
  color: #707070;
}

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

/* 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: #fff;
  -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: #707070;
}

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

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

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

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

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

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

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

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

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

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

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

/**
 * 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: #262626;
}

/**
 * Modifier: Inline Horizontal
 */
.a-Alert--horizontal.a-Alert--inline {
  border-top-color: #e0e0e0;
  -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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Region
   ========================================================================== */
.a-AlertBadge {
  color: #fff;
  background-color: #FA0000;
}

.a-AlertBadge--leftArrow:before {
  border-color: rgba(202, 0, 0, 0);
  border-right-color: #FA0000;
}

/* ==========================================================================
   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 Variables
 */
/******************************************************************************
Color Variables
******************************************************************************/
/******************************************************************************
Alert Messages
******************************************************************************/
.a-AlertMessages-item {
  border-top-color: #f0f0f0;
  border-bottom-color: #f0f0f0;
}

.a-AlertMessages-message {
  color: #262626;
}

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

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

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

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

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

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

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

.a-AlertMessages-message:focus {
  border-color: #0572ce;
  -webkit-box-shadow: 2px -1px 0 0 #0572ce inset, -2px 1px 0 0 #0572ce inset !important;
          box-shadow: 2px -1px 0 0 #0572ce inset, -2px 1px 0 0 #0572ce 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(0, 0, 0, 0.25);
}

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

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

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

.a-AlertMessages--page .a-AlertMessages-message.is-success {
  background-color: rgba(74, 170, 44, 0.9);
}

.a-AlertMessages--page .a-AlertMessages-message.is-error {
  background-color: rgba(255, 56, 56, 0.9);
}

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

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   App Block
   ========================================================================== */
.a-AppBlock {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-AppBlock:hover {
  background-color: #f9f9f9;
  -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: #d1d1d1;
}

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

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

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

.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: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

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

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

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

.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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   App Cards
   ========================================================================== */
.a-AppCards-absLink:focus {
  -webkit-box-shadow: 0 0 0 2px #0572ce inset;
          box-shadow: 0 0 0 2px #0572ce inset;
}

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

.a-AppCards-item .app-installed {
  color: #24CB7F;
}

/* ==========================================================================
   App Cards -- Slim
   ========================================================================== */
.a-AppCards--slim .a-AppCards-item:hover, .a-AppCards--slim .a-AppCards-item:focus {
  background-color: #f9f9f9;
}

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

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

.a-AppCards--slim .a-AppCards-info {
  color: #707070;
}

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

.a-AppCards--slim .a-AppCards-tag.is-installed {
  color: #fff;
  background-color: #24CB7F;
}

/* ==========================================================================
   App Cards -- IRR
   ========================================================================== */
.a-AppCards--irr .a-AppCards-link:focus {
  -webkit-box-shadow: 0 0 0 2px #0572ce inset;
          box-shadow: 0 0 0 2px #0572ce inset;
}

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

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

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

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

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

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

.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: #fff !important;
  background-image: none;
}

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

.a-AppCards--whiteBG .a-AppCards-info {
  color: #707070;
}

/* ==========================================================================
   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: #fff;
}

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

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

.a-AppCards--searchResults .a-AppCards-desc {
  color: #707070;
}

.a-AppCards--searchResults .a-AppCards-info {
  color: #707070;
}

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

.a-AppCards--searchResults .a-AppCards-tag.is-installed {
  color: #fff;
  background-color: #24CB7F;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   App Region
   ========================================================================== */
.a-AppRegion-title {
  color: #404040;
}

.a-AppRegion-subTitle {
  color: #707070;
}

/* ==========================================================================
   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 #0572ce;
          box-shadow: 0 0 0 1px #0572ce;
}

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

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

.a-AppRegion--featuredApps .a-AppRegion-img {
  background-color: #ebebeb;
  -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: #f9f9f9;
}

.a-AppRegion--appInfo .a-AppRegion-appStatus {
  color: #404040;
}

.a-AppRegion--appInfo .a-AppRegion-appStatus--installed .a-Icon {
  color: #fff;
  background-color: #3ADD69;
}

.a-AppRegion--appInfo .a-AppRegion-appStatus--comingSoon .a-Icon {
  color: #fff;
  background-color: #F3B816;
}

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

.a-AppRegion--appInfo .a-AppRegion-infoText {
  color: #404040;
}

.a-AppRegion--appInfo .a-AppRegion-infoText p:first-child {
  color: #404040;
}

.a-AppRegion--appInfo .a-AppRegion-colTitle {
  color: #404040;
}

.a-AppRegion--appInfo .a-AppRegion-imgCaption {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}

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

.a-AppRegion--appInfo .a-AppRegion-imgTitle {
  background-color: rgba(0, 0, 0, 0.1);
}

.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
   ========================================================================== */
.a-AppRegion-body .app-application-standards-tracker,
.a-AppRegion-body .app-sample-database-application,
.a-AppRegion-body .app-sample-geolocation {
  background-color: #aeb4ba !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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Attribute Value Pair List
   ========================================================================== */
.a-AVPList-item {
  -webkit-box-shadow: 0 -1px #f0f0f0 inset;
          box-shadow: 0 -1px #f0f0f0 inset;
}

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

.a-AVPList-value {
  color: #707070;
}

.a-AVPList-label {
  color: #404040;
}

.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: #707070;
}

.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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Circular Badges
   ========================================================================== */
.a-BadgeChart-value {
  color: #404040;
  background-color: transparent;
  border-color: #f0f0f0;
}

.a-BadgeChart-label {
  color: #404040;
}

.a-BadgeChart-desc {
  color: #707070;
}

.a-BadgeChart-link .a-BadgeChart-value {
  color: #0572CE;
}

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

.a-BadgeChart-link:hover .a-BadgeChart-value {
  color: #fff;
  background-color: #0572ce;
}

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

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

/* ==========================================================================
   Full Height Label Bottom
   ========================================================================== */
.a-BadgeChart--labelBelow .a-BadgeChart-text {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.25, rgba(255, 255, 255, 0.75)));
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 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
 */
/**
 * Theme Variables
 */
.a-BadgeList-label {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.15, rgba(255, 255, 255, 0.75)));
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.75) 0.15);
}

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

.a-BadgeList-value {
  color: #404040;
  border-color: #e0e0e0;
}

.a-BadgeList-value a {
  color: #0572CE;
}

.a-BadgeList-value a:hover {
  color: #fff;
  background-color: #0572CE;
}

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

.a-BadgeList--float .a-BadgeList-item:before,
.a-BadgeList--flex .a-BadgeList-item:before,
.a-BadgeList--cols .a-BadgeList-item:before,
.a-BadgeList--fixed .a-BadgeList-item:before {
  background: #f9f9f9;
}

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

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

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

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

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Bar Chart
   ========================================================================== */
.a-BarChart-item {
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}

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

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

.a-BarChart-item:hover .a-BarChart-filled {
  background-color: rgba(5, 114, 206, 0.75);
}

.a-BarChart-image {
  background-color: #fff;
}

.a-BarChart-icon {
  color: #fff;
  background-color: #d1d1d1;
}

.a-BarChart-label {
  color: #404040;
}

.a-BarChart-value,
.a-BarChart-value a {
  color: #707070;
}

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

.a-BarChart-filled {
  background-color: rgba(5, 114, 206, 0.75);
}

.a-BarChart-item:hover .a-BarChart-bar {
  background-color: rgba(0, 0, 0, 0.05);
}

/* 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;
}

/* Bar Charts for Apps
   ========================================================================== */
.a-BarChart--apps .a-BarChart-initials {
  color: #fff;
}

/* Bar Charts for Users
   ========================================================================== */
.a-BarChart--users .a-BarChart-initials {
  background-color: #fff;
}

.a-BarChart--users .u-ColorBG--1 {
  color: #5856D6;
  border-color: #5856D6;
}

.a-BarChart--users .u-ColorBG--2 {
  color: #007aff;
  border-color: #007aff;
}

.a-BarChart--users .u-ColorBG--3 {
  color: #34aadc;
  border-color: #34aadc;
}

.a-BarChart--users .u-ColorBG--4 {
  color: #5ac8fa;
  border-color: #5ac8fa;
}

.a-BarChart--users .u-ColorBG--5 {
  color: #4cd964;
  border-color: #4cd964;
}

.a-BarChart--users .u-ColorBG--6 {
  color: #ff2d55;
  border-color: #ff2d55;
}

.a-BarChart--users .u-ColorBG--7 {
  color: #ff3b30;
  border-color: #ff3b30;
}

.a-BarChart--users .u-ColorBG--8 {
  color: #ff9500;
  border-color: #ff9500;
}

.a-BarChart--users .u-ColorBG--9 {
  color: #ffcc00;
  border-color: #ffcc00;
}

.a-BarChart--users .u-ColorBG--10 {
  color: #8e8e93;
  border-color: #8e8e93;
}

.a-BarChart--users .u-ColorBG--11 {
  color: #7978de;
  border-color: #7978de;
}

.a-BarChart--users .u-ColorBG--12 {
  color: #3395ff;
  border-color: #3395ff;
}

.a-BarChart--users .u-ColorBG--13 {
  color: #5dbbe3;
  border-color: #5dbbe3;
}

.a-BarChart--users .u-ColorBG--14 {
  color: #7bd3fb;
  border-color: #7bd3fb;
}

.a-BarChart--users .u-ColorBG--15 {
  color: #70e183;
  border-color: #70e183;
}

.a-BarChart--users .u-ColorBG--16 {
  color: #ff5777;
  border-color: #ff5777;
}

.a-BarChart--users .u-ColorBG--17 {
  color: #ff6259;
  border-color: #ff6259;
}

.a-BarChart--users .u-ColorBG--18 {
  color: #ffaa33;
  border-color: #ffaa33;
}

.a-BarChart--users .u-ColorBG--19 {
  color: #ffd633;
  border-color: #ffd633;
}

.a-BarChart--users .u-ColorBG--20 {
  color: #a5a5a9;
  border-color: #a5a5a9;
}

.a-BarChart--users .u-ColorBG--21 {
  color: #4f4dc1;
  border-color: #4f4dc1;
}

.a-BarChart--users .u-ColorBG--22 {
  color: #006ee6;
  border-color: #006ee6;
}

.a-BarChart--users .u-ColorBG--23 {
  color: #2f99c6;
  border-color: #2f99c6;
}

.a-BarChart--users .u-ColorBG--24 {
  color: #51b4e1;
  border-color: #51b4e1;
}

.a-BarChart--users .u-ColorBG--25 {
  color: #44c35a;
  border-color: #44c35a;
}

.a-BarChart--users .u-ColorBG--26 {
  color: #e6294d;
  border-color: #e6294d;
}

.a-BarChart--users .u-ColorBG--27 {
  color: #e6352b;
  border-color: #e6352b;
}

.a-BarChart--users .u-ColorBG--28 {
  color: #e68600;
  border-color: #e68600;
}

.a-BarChart--users .u-ColorBG--29 {
  color: #e6b800;
  border-color: #e6b800;
}

.a-BarChart--users .u-ColorBG--30 {
  color: #808084;
  border-color: #808084;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
 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: #f0f0f0;
}

/* ==========================================================================
 Text utilities
 ========================================================================== */
.u-textSuccess {
  color: #24CB7F;
}

.u-textDanger {
  color: red;
}

/* ==========================================================================
 Report utilities
 ========================================================================== */
.u-Report td {
  color: #404040;
  background-color: #fff;
}

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

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

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

.u-Report .u-Report-header,
.u-Report th {
  color: #000;
  background-color: #f9f9f9;
}

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

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

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

/* ==========================================================================
   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 Variables
 */
/******************************************************************************
Body
******************************************************************************/
body {
  background-color: #fff;
  color: #000;
}

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

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

a {
  color: #0572CE;
}

.a-SystemMessage {
  color: #262626;
  background-color: #FDF5D9;
  border-top-color: #EBDFB1;
  border-bottom-color: #EBDFB1;
}

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

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

.a-LinkBlockList-link:hover {
  border-color: #d1d1d1;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.075), 0 0 0 1px #0572ce inset;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.075), 0 0 0 1px #0572ce inset;
}

.a-LinkBlockList-text {
  color: #707070;
}

/**
 *
 * Scroll Bars
 *
 */
::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  -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);
}

::-webkit-scrollbar-thumb:hover {
  background-color: #707070;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-track:hover {
  background-color: #f0f0f0;
  -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;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   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: #fff;
  border-color: rgba(0, 0, 0, 0.2);
}

.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 #0572ce !important;
          box-shadow: 0 0 0 1px #0572ce !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: #aaa;
}

.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: #aaa;
}

.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: #aaa;
}

.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: #aaa;
}

.a-BoxedForms .selectlist {
  background-image: url("../img/ui/select-arrow-boxed.svg");
}

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

.a-BoxedForms .field-description {
  color: #707070;
}

.a-BoxedForms .field--style--boxed .field-input__wrap {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
}

.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: rgba(0, 0, 0, 0.1);
}

.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 .2rem, #146FB8 0 0 .2rem;
          box-shadow: inset #146FB8 0 0 .2rem, #146FB8 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 .2rem, #146FB8 0 0 .2rem;
          box-shadow: inset #146FB8 0 0 .2rem, #146FB8 0 0 .2rem;
}

.a-BoxedForms .field .apex-item-popup-lov {
  color: #000;
  background-color: #fff;
}

.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.svg");
}

.a-BoxedForms .field--required .field-input__wrap .selectlist {
  background-image: url("../img/ui/required-caret.svg"), url("../img/ui/select-arrow-boxed.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: #A5DC91;
}

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

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

.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(255, 0, 0, 0.05);
  border-color: #FF0000;
}

.a-BoxedForms .field--error.field--style--boxed .field-input__wrap {
  background-color: rgba(255, 0, 0, 0.05);
  border-color: #FF0000;
}

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

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Breadcrumbs
   ========================================================================== */
.a-Breadcrumb-item:after {
  color: rgba(0, 0, 0, 0.2);
}

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

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

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

a.a-Breadcrumb-label:focus {
  -webkit-box-shadow: 0 0 0 1px rgba(5, 114, 206, 0.5) inset;
          box-shadow: 0 0 0 1px rgba(5, 114, 206, 0.5) inset;
}

/* ==========================================================================
   Breadcrumb Top Icon
   ========================================================================== */
.a-Breadcrumb-label .a-Icon.icon-breadcrumb-previous {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  -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-Breadcrumb-label:hover .a-Icon.icon-breadcrumb-previous {
  color: #fff;
  background-color: #0572CE;
}

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

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

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

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

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

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

.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 #BDC3C7;
          box-shadow: 0 0 0 1px #BDC3C7;
}

.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: #BDC3C7;
}

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

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

/* ==========================================================================
   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: #fff;
}

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

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

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

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

body #dbaseObjectsSlider {
  border-top-color: #e0e0e0;
}

body .o_I,
body .o_V,
body .ob_Object_V,
body .ob_Object_I {
  background-color: #f9f9f9;
  border-color: #e0e0e0;
  color: #000;
}

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: #fff;
}

body .o_C_V,
body .o_C_I,
body .ob_Object_C_V,
body .ob_Object_C_I {
  background-color: #0572ce;
  color: #fff;
  border-top-color: #e0e0e0;
}

body table.htmldbTabbedNavigationList {
  background-color: #f0f0f0;
  -webkit-box-shadow: 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 -1px 0 #e0e0e0 inset;
}

body table.htmldbTabbedNavigationList a:link,
body table.htmldbTabbedNavigationList a:visited {
  color: #666666;
}

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

body table.htmldbTabbedNavigationList a.tabcurrent:link,
body table.htmldbTabbedNavigationList a.tabcurrent:visited,
body table.htmldbTabbedNavigationList a:hover {
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 -1px 0 #e0e0e0 inset;
}

body span.boxspan {
  background-color: #e0e0e0;
  border-color: #a1a1a1;
}

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

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

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

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

body table.htmldbMinReport th,
body table.htmldbStandard3 th,
body table.htmldbStandard3 td.header {
  border-bottom-color: #e0e0e0;
  background-color: #f9f9f9;
  color: #404040;
}

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

body .qbTableBody table .qbtd1,
body .qbTableBody table .qbtd2,
body .qbTableBody table .qbtd3,
body .qbTableBody table .qbtd4 {
  border-top-color: #f0f0f0;
  border-bottom-color: #e0e0e0;
  background-color: #f0f0f0;
}

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

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
 */
/**
 * Theme Variables
 */
/******************************************************************************
Color Variables
******************************************************************************/
/******************************************************************************
Button for Theme
******************************************************************************/
.a-Button,
.fc-button,
.apex-button-group input + label {
  text-shadow: none;
  color: #404040;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}

.a-Button:hover,
.fc-button.ui-state-hover,
.apex-button-group input + label:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 4px rgba(0, 0, 0, 0.1);
}

.a-Button:focus,
.ui-button.ui-state-focus,
.fc-button.ui-state-focus,
.apex-button-group input:focus + label {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.a-Button:focus:active,
.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 #0572ce inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset !important;
          box-shadow: 0 0 0 1px #0572ce inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset !important;
}

.a-Button:active,
.a-Button:focus:active,
.fc-button.ui-state-hover:active {
  background-color: #e0e0e0;
  -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: #000;
  background-color: #dedede !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.a-Button--activeTab {
  color: #404040;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Button.is-locked {
  color: #fff;
  background-color: #DD0000 !important;
}

.a-Button.is-locked-by-self {
  color: #fff;
  background-color: #58C14A !important;
}

.a-Button--hot,
body .ui-button.ui-button--hot,
body .ui-button.a-Button--hot {
  color: #fff;
  background-color: #0572ce;
  -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-Button--hot:hover, .a-Button--hot:focus,
body .ui-button.ui-button--hot:hover,
body .ui-button.ui-button--hot:focus,
body .ui-button.a-Button--hot:hover,
body .ui-button.a-Button--hot:focus {
  color: #fff;
  background-color: #0680e7;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
}

.a-Button--hot:active, .a-Button--hot.is-active, .a-Button--hot.a-MenuButton.is-active,
body .ui-button.ui-button--hot: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:active,
body .ui-button.a-Button--hot.is-active,
body .ui-button.a-Button--hot.a-MenuButton.is-active {
  color: #fff;
  background-color: #0464b5 !important;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.25) inset;
}

.a-Button--hot:focus,
body .ui-button.ui-button--hot:focus,
body .ui-button.a-Button--hot:focus {
  -webkit-box-shadow: 0 0 1px #0680e7, 0 0 0 1px #0680e7 inset, 0 0 0 2px rgba(255, 255, 255, 0.75) inset !important;
          box-shadow: 0 0 1px #0680e7, 0 0 0 1px #0680e7 inset, 0 0 0 2px rgba(255, 255, 255, 0.75) inset !important;
}

.a-Button--primary {
  color: #262626;
  background-color: #CFE6FA;
}

.a-Button--primary:hover, .a-Button--primary:focus {
  color: #000;
  background-color: #DEEFFB;
}

.a-Button--primary:active, .a-Button--primary.is-active {
  color: #000;
  background-color: #7FBEF2 !important;
}

.a-Button--dark {
  color: #fff;
  background-color: #4F5459;
}

.a-Button--dark:hover, .a-Button--dark:focus {
  background-color: #3B4145;
}

.a-Button--dark:active, .a-Button--dark.is-active {
  background-color: #282D31 !important;
}

.a-Button--regionHeader,
.a-Button--regionHeader:hover,
.a-Button--regionHeader:active,
.a-Button--noUI,
.a-Button--noUI:hover,
.a-Button--noUI: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: #404040;
}

.a-Button--helpButton .a-Icon:before {
  color: #a1a1a1;
}

.a-Button--helpButton:hover .a-Icon:before {
  color: #404040;
}

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

.a-Button-list {
  background-color: #f9f9f9;
  border-bottom-color: #f0f0f0;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Button Region
   ========================================================================== */
.a-ButtonRegion {
  background-color: #f9f9f9;
  border-color: #e0e0e0;
  -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: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ==========================================================================
   Modifier: Show Title
   ========================================================================== */
.a-ButtonRegion--showTitle .a-ButtonRegion-title {
  color: #404040;
}

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

/* Packaged Apps
   ========================================================================== */
.a-ButtonRegion--pkgApps {
  background-color: #fff;
  border-color: #f9f9f9;
}

.a-ButtonRegion--pkgApps.is-stuck {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: transparent;
}

.a-ButtonRegion--pkgApps:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.a-ButtonRegion--pkgApps.is-stuck:hover {
  background-color: rgba(255, 255, 255, 0.92);
}

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

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

.a-ButtonRegion--banner.apex-sql-workshop {
  background-color: rgba(36, 203, 127, 0.025);
}

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

.a-ButtonRegion--banner.apex-app-builder {
  background-color: rgba(57, 155, 234, 0.025);
}

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

.a-ButtonRegion--banner.apex-pkg-apps {
  background-color: rgba(245, 75, 33, 0.025);
}

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

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Calendars
   ========================================================================== */
/* Header Title */
.fc-toolbar h2 {
  color: #404040;
}

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

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

/* Table Header */
.fc-grid .fc-day-header {
  color: #707070;
  background-color: transparent;
  border-color: #f0f0f0;
}

.fc-content .fc-day {
  border-top-color: #f0f0f0;
  border-right-color: #f9f9f9;
}

.fc-content .fc-grid .fc-day-number {
  color: #404040;
}

.fc .fc-basic-view td.fc-day-number,
.fc .fc-day-number {
  color: #404040;
}

.fc-day-header.ui-widget-header {
  color: #666666;
  background-color: #f9f9f9;
  border-color: #e0e0e0;
}

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

body .ui-state-highlight,
body .ui-widget-content .ui-state-highlight,
body .ui-widget-header .ui-state-highlight {
  color: #c0c1c3;
  background-color: #F1F7FD;
}

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

.fc-content .fc-event:hover {
  background-color: #256FFB;
}

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

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

.fc-content .fc-event .fc-event-title {
  color: #404040 !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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Code Editor
   ========================================================================== */
.a-Form-fieldContainer .a-CodeEditor {
  border-color: #e0e0e0;
}

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

body .ui-widget .a-CodeEditor textarea {
  color: #404040;
  border-color: #e0e0e0;
}

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

.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: #707070;
}

.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: #fff;
  background: #0572ce;
}

.CodeMirror-linewidget .is-error {
  color: #f22f2f;
  background-color: #fff4f4;
}

.CodeMirror-linewidget .is-warning {
  color: #404040;
  background: #FFEDAA;
}

.a-CodeEditor-searchBar,
.a-CodeEditor-notification {
  background-color: whitesmoke;
  border-top-color: #E8E8E8;
}

.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: #f22f2f;
  background-color: #fff4f4;
}

.a-CodeEditor-message li.is-success {
  color: #404040;
  background: #D5EFCD;
}

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

/* 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(0, 0, 0, 0.25);
}

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

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:after {
  background-color: rgba(0, 0, 0, 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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Comments
   ========================================================================== */
.a-Comments-userIcon {
  background-color: #fff;
}

.a-Comments-info {
  color: #707070;
}

.a-Comments-comment {
  color: #404040;
}

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

.a-Comments--chat .a-Comments-info:after {
  border-color: rgba(249, 249, 249, 0);
  border-right-color: #f9f9f9;
}

.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: #fff;
  border-color: #f0f0f0;
  -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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Component View (in Page Designer)
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Container and Columns
   ========================================================================== */
.a-CV,
.a-CV-colWrap {
  background-color: #dedede;
}

.a-CV-col {
  background-color: #fff;
  -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: #e0e0e0;
}

.a-CV-groupHeader {
  background-color: whitesmoke;
}

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

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

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

/* Component Group
   ========================================================================== */
.a-CV-componentGroupTitle {
  color: #404040;
  border-top-color: #e0e0e0;
}

.a-CV-componentGroupTitle-context {
  color: #707070;
}

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

.a-CV-component {
  color: #707070;
}

.a-CV-component:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.a-CV-component.is-conditional .a-CV-icon:after {
  background-color: rgba(143, 63, 175, 0.65);
  border-color: #fff;
  -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[class*="icon-region-"] {
  color: #7FBEF2;
}

.a-CV-cellWrap .a-CV-icon[class*="icon-item-"] {
  color: #979C9F;
}

.a-CV-cellWrap .a-CV-icon[class*="icon-button-"] {
  color: #56D49A;
}

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

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

.a-CV-componentGroup.is-error,
.a-CV-component.is-error {
  color: #4C4242;
  background-color: #FFEFEF;
}

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

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

.a-CV-component.is-selected {
  color: #fff !important;
  background-color: #0572ce !important;
}

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

.a-CV-component.is-selected .a-CV-icon:after {
  background-color: #fff;
  border-color: #0572ce;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Control Bar
   ========================================================================== */
.a-ControlBar {
  border-bottom-color: #e0e0e0;
  background-color: #fff;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   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: #404040;
}

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

/* ==========================================================================
   Data Loader - Progress Meter
   ========================================================================== */
.a-DataLoad-progressMeter {
  background-color: rgba(0, 0, 0, 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: #fff;
  background-color: #0572ce;
  -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: #e0e0e0;
}

.a-DataLoad-preview .first-row-headers .a-Report-report tbody tr:first-child td {
  background-color: #f9f9f9 !important;
  color: #404040;
}

.a-DataLoad-preview td[headers=LINE_NUMBER] {
  background-color: #f9f9f9 !important;
  border-right-color: #e0e0e0;
}

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

.a-FileDrop .apex-item-file-dropzone:before {
  background-color: #fff;
  border-color: #0572ce;
}

.a-FileDrop-action {
  color: #fff;
  background-color: #0572ce;
  -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 {
  color: #707070;
}

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

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

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

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

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

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

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

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

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

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

#failed_rows .a-Region-bodyHeader {
  border-bottom-color: rgba(0, 0, 0, 0.1);
  background-color: #FFF8E1;
  color: #262626;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Date List
   ========================================================================== */
.a-DateList-item {
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}

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

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

.a-DateList-icon--danger {
  background-color: #FA0000;
  border-color: #CA0000;
}

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

.a-DateList-date,
.a-DateList-icon {
  background-color: #fff;
  -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-DateList-day {
  color: #404040;
}

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

.a-DateList-desc {
  color: #404040;
}

.a-DateList-attribute {
  color: #707070;
}

.a-DateList-attribute--tag {
  color: #404040;
  background-color: #f9f9f9;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   jQuery UI Dialog
   ========================================================================== */
.a-Dialog--uiDialog.ui-dialog .ui-dialog-content {
  background-color: #fff;
}

/* ==========================================================================
   Modal Wizard
   ========================================================================== */
body .ui-dialog.a-Dialog--wizard .ui-dialog-titlebar {
  background-color: #fff;
}

body .ui-dialog.a-Dialog--wizard .ui-dialog-titlebar-close {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body .ui-dialog.a-Dialog--wizard .ui-dialog-titlebar-close:hover {
  background-color: #f0f0f0;
}

body .ui-dialog.a-Dialog--wizard .ui-dialog-titlebar-close:active {
  background-color: #e0e0e0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}

/* ==========================================================================
   Modifier: Wizard Modal
   ========================================================================== */
.a-Dialog .a-Dialog-footer {
  background-color: #fff;
  -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;
}

.about-page .a-Dialog-about {
  background-color: #f9f9f9;
  border-top-color: #e0e0e0;
}

.a-Dialog-aboutTitle {
  color: #404040;
}

/* Dialog Text Content
   Used for help pages such as Getting Started in Page Designer
   ========================================================================== */
.a-Dialog-textContent {
  color: rgba(0, 0, 0, 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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Dialog Regions
   ========================================================================== */
.a-DialogRegion-body {
  background-color: #fff;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Edit Screen
   ---
   Used for edit pages within APEX
   ========================================================================== */
.a-EditScreen-header {
  background-color: #f9f9f9;
}

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

.a-EditScreen-header.is-fixed:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(white, rgba(255, 255, 255, 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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Footer
   ========================================================================== */
.a-Footer {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #e0e0e0;
}

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

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

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

.a-CodeEditor-searchBar-label,
.a-Form-label,
.u-Form-label,
.a-IRR-form-label {
  color: #404040;
}

.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,
.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 {
  color: #000;
  background-color: #f9f9f9;
  border-color: #e0e0e0;
  -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;
}

.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,
.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 {
  color: #000 !important;
  background-color: #fff !important;
  border-color: #0572ce;
}

.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,
.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 {
  color: #000;
}

.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,
.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 {
  background-color: #fff;
}

.a-Form input.file {
  color: #404040;
}

.a-Form-postText,
.a-Form-inputContainer input + span.fielddata {
  color: #707070;
}

.a-Form-searchField {
  background-image: url("../img/ui/search.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,
.a-Report-report select[size="1"],
.a-Form-inputContainer select[size="1"].selectlist,
.a-Form-inputContainer select.yes_no {
  color: #404040;
}

.a-Form-select option[disabled],
.a-Toolbar-selectList option[disabled],
.a-IRR-selectList option[disabled],
.legacy-tableForm select 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.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: #000 !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.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;
}

/* ==========================================================================
   Select List Width
   ========================================================================== */
.a-Form-radioLabel,
.a-Form-inputContainer .radio_group label,
.a-Form-checkboxLabel,
.a-Form-inputContainer .checkbox_group label {
  color: #404040;
}

.a-Form-fieldContainer--boxLabels fieldset label {
  background-color: #f9f9f9;
  -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: #fff;
  -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: #f9f9f9;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce 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 #0572ce inset, 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.5) !important;
          box-shadow: 0 0 0 1px #0572ce inset, 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.5) !important;
}

.a-Form-radioLabel-desc {
  color: #707070;
}

/* ==========================================================================
   Select List Width
   ========================================================================== */
.a-Form-select--multi {
  color: #666666;
}

/* ==========================================================================
   Validations
   ========================================================================== */
.a-Form-error {
  color: #e91D1D;
}

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

   ========================================================================== */
.a-Form-fieldContainer--postItemText .a-Form-inputContainer span.display_only {
  color: #707070;
}

/* ==========================================================================
   Textarea
   ========================================================================== */
.a-Form-textarea--code {
  color: #404040;
}

/* 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 #0572ce inset !important;
          box-shadow: 0 0 0 1px #0572ce inset !important;
}

/* Page Specific Overrides
   ========================================================================== */
.a-Form-postTextInlineHelp {
  color: #707070;
}

.a-Form-postTextInlineHelp code {
  color: #404040;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   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(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Grid Layout Theme
   ========================================================================== */
.a-GridLayout-wrapper {
  background-color: #f9f9f9;
}

/* ==========================================================================
   Containers
   ========================================================================== */
/* ==========================================================================
   Page
   ========================================================================== */
.a-GridLayout-page > h3 {
  color: rgba(0, 0, 0, 0.75);
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.05);
}

.a-GridLayout-page > h3 > .a-Icon {
  color: #fff;
  background-color: rgba(160, 160, 160, 0.75);
}

/* ==========================================================================
   Containers
   ========================================================================== */
td > .a-GridLayout-regionContainer > h3,
.a-GridLayout-page > .a-GridLayout-regionContainer > h3, .a-GridLayout-regionContainer.a-GridLayout--legacy > h3 {
  color: rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
   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(0, 0, 0, 0.75);
}

.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(254, 237, 185, 0.15);
  -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(0, 0, 0, 0.5);
}

.a-GridLayout-buttonRow td:first-child {
  border-right-color: #CFE6FA;
}

.a-GridLayout-grid {
  border-top-color: #CFE6FA;
}

/* ==========================================================================
   Regions
   ========================================================================== */
.a-GridLayout-region {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.15);
}

.a-GridLayout-region > h3 {
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(208, 231, 251, 0.5);
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

.a-GridLayout-region > h3 .a-Icon {
  color: #fff;
  background-color: rgba(127, 190, 242, 0.75);
}

/* ==========================================================================
   Items + Buttons
   ========================================================================== */
.a-GridLayout-pageItem {
  background-color: #e0e0e0;
  border-color: rgba(0, 0, 0, 0.05);
}

.a-GridLayout-pageItem .a-Icon {
  color: #fff;
  background-color: rgba(151, 156, 159, 0.75);
}

.a-GridLayout-button {
  background-color: rgba(86, 212, 154, 0.5);
}

.a-GridLayout-button.a-GridLayout--conditional:before {
  background-color: #bd609a;
  border-color: #fff;
}

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

/* ==========================================================================
   Stateful Selectors
   ========================================================================== */
.a-GridLayout-regions.is-active,
.a-GridLayout-items.is-active,
.a-GridLayout-buttons.is-active {
  background-color: #fff7b9;
}

.a-GridLayout-grid.is-active td {
  border-color: rgba(0, 0, 0, 0.1);
}

.a-GridLayout-placeholder {
  background-color: #F3D061;
  border-radius: 2px;
}

.a-GridLayout-region.is-focused,
.a-GridLayout-pageItem.is-focused,
.a-GridLayout-button.is-focused {
  border-color: #81AAD6;
  -webkit-box-shadow: 0 0 0 1px #81aad6, 0 0 2px 2px rgba(129, 170, 214, 0.25);
          box-shadow: 0 0 0 1px #81aad6, 0 0 2px 2px rgba(129, 170, 214, 0.25);
}

/* Selection State
   ========================================================================== */
.a-GridLayout-page.is-selected > h3,
.a-GridLayout-region.is-selected > h3 {
  color: #fff;
  background-color: #0466B8;
  border-color: #0466B8;
}

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

.a-GridLayout-page.is-selected.is-focused,
.a-GridLayout-region.is-selected.is-focused {
  border-color: #0572ce;
}

.a-GridLayout-page.is-selected.is-focused > h3,
.a-GridLayout-region.is-selected.is-focused > h3 {
  color: #fff;
  background-color: #0572ce;
  border-color: #0572ce;
}

.a-GridLayout-pageItem.is-selected,
.a-GridLayout-button.is-selected {
  color: #fff;
  background-color: #0466B8;
  border-color: #0466B8;
}

.a-GridLayout-pageItem.is-focused,
.a-GridLayout-button.is-focused {
  -webkit-box-shadow: 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.25);
          box-shadow: 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.25);
}

/* 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 {
  color: #0466B8;
  background-color: rgba(255, 255, 255, 0.75);
}

.a-GridLayout-region.is-selected {
  border-color: #0572ce;
}

.a-GridLayout-region.is-focused,
.a-GridLayout-page.is-focused > h3 {
  border-color: #0572ce;
  -webkit-box-shadow: 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.25);
          box-shadow: 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.25);
}

/* 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 {
  background-color: #FAB1B6;
}

.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: #fff;
  background-color: #f22f2f;
}

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

.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: #fff;
  background-color: #FFD746;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gi-icon-team-dev {
  background-image: url("../img/icons/issues.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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   APEX Builder Header
   ========================================================================== */
.a-Header {
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 -1px 0 #e0e0e0 inset;
}

.a-Header--login,
.a-Page--simpleWizard .a-Header {
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Header--login:hover,
.a-Page--simpleWizard .a-Header:hover {
  background-color: rgba(255, 255, 255, 0.95);
}

.a-Header--login .a-Header-logo:hover,
.a-Page--simpleWizard .a-Header .a-Header-logo:hover {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Header--login .a-Header-col--right {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Header-logo {
  color: #000;
}

.a-Header-logo:focus {
  -webkit-box-shadow: 0 0 0 2px #0572ce inset;
          box-shadow: 0 0 0 2px #0572ce inset;
}

.a-Header-logo:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 -1px 0 #e0e0e0 inset;
}

.a-Header-apexLogo {
  background-image: url("../img/apex-logo.svg");
}

.a-Header-tabsContainer {
  background-color: transparent;
}

.a-Header-tabsContainer .a-MenuBar-label {
  color: rgba(0, 0, 0, 0.65);
}

.a-Header-tabsContainer .a-MenuBar-item {
  border-left-color: #e0e0e0;
  -webkit-box-shadow: 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 -1px 0 #e0e0e0 inset;
}

.a-Header-tabsContainer .a-MenuBar-item:last-child {
  border-right-color: #e0e0e0;
}

.a-Header-tabsContainer .a-MenuBar-item.is-focused, .a-Header-tabsContainer .a-MenuBar-item.is-active, .a-Header-tabsContainer .a-MenuBar-item.is-expanded, .a-Header-tabsContainer .a-MenuBar-item.a-Menu--current {
  background-color: #fff;
}

.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, .a-Header-tabsContainer .a-MenuBar-item.a-Menu--current .a-MenuBar-label {
  color: #000;
}

.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: #a1a1a1;
  border-color: rgba(0, 0, 0, 0.1);
}

.a-Header-tabsContainer .a-MenuBar-item > .a-Menu-subMenuCol:hover .a-Icon {
  color: #0572ce;
  border-color: #0572ce;
}

.a-Header-tabsContainer .a-MenuBar-item.is-expanded > .a-Menu-subMenuCol .a-Icon {
  color: #fff;
  background-color: #0572ce;
  border-color: #0572ce;
}

.a-Header-tabsContainer .a-MenuBar-item.is-focused:hover {
  -webkit-box-shadow: 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 -1px 0 #e0e0e0 inset;
}

/* ==========================================================================
   Tab Colors
   ========================================================================== */
.a-MenuBar-item.tab-app-builder.a-Menu--current, .a-MenuBar-item.tab-app-builder.is-expanded {
  -webkit-box-shadow: 0 3px 0 #399BEA inset !important;
          box-shadow: 0 3px 0 #399BEA inset !important;
}

.a-MenuBar-item.tab-app-builder.is-focused {
  -webkit-box-shadow: 0 3px 0 #399BEA inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset !important;
          box-shadow: 0 3px 0 #399BEA inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset !important;
}

.a-MenuBar-item.tab-sql-workshop.a-Menu--current, .a-MenuBar-item.tab-sql-workshop.is-expanded {
  -webkit-box-shadow: 0 3px 0 #24CB7F inset !important;
          box-shadow: 0 3px 0 #24CB7F inset !important;
}

.a-MenuBar-item.tab-sql-workshop.is-focused {
  -webkit-box-shadow: 0 3px 0 #24CB7F inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset !important;
          box-shadow: 0 3px 0 #24CB7F inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset !important;
}

.a-MenuBar-item.tab-team-dev.a-Menu--current, .a-MenuBar-item.tab-team-dev.is-expanded {
  -webkit-box-shadow: 0 3px 0 #FFBE2A inset !important;
          box-shadow: 0 3px 0 #FFBE2A inset !important;
}

.a-MenuBar-item.tab-team-dev.is-focused {
  -webkit-box-shadow: 0 3px 0 #FFBE2A inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset !important;
          box-shadow: 0 3px 0 #FFBE2A inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset !important;
}

.a-MenuBar-item.tab-apps.a-Menu--current, .a-MenuBar-item.tab-apps.is-expanded {
  -webkit-box-shadow: 0 3px 0 #F54B21 inset !important;
          box-shadow: 0 3px 0 #F54B21 inset !important;
}

.a-MenuBar-item.tab-apps.is-focused {
  -webkit-box-shadow: 0 3px 0 #F54B21 inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset !important;
          box-shadow: 0 3px 0 #F54B21 inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset !important;
}

/* ==========================================================================
   Account
   ========================================================================== */
.a-Header-account {
  border-left-color: #e0e0e0;
}

.a-Header-account:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 -1px 0 #e0e0e0 inset;
}

.a-Header-userPhoto {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset;
}

.a-Header-userPhoto .a-Icon {
  color: #707070;
}

.a-Header-photoPlaceholder {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}

.a-Header-accountDialog .a-Header-userPhoto--large {
  background-color: #f9f9f9;
}

.a-Header-accountDialog .a-Header-userPhoto--default {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Header-accountDialog .a-Header-userPhoto--default .a-Header-noUserPhoto {
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}

.a-Header-accountDialog {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  -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);
}

.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-content .a-Menu-item.is-focused:not(:hover) {
  -webkit-box-shadow: 0 0 0 1px rgba(5, 114, 206, 0.5) inset;
          box-shadow: 0 0 0 1px rgba(5, 114, 206, 0.5) inset;
}

.a-Header-dialogName,
.a-Header-dialogValue {
  color: #000;
}

.a-Header-dialogUsername,
.a-Header-dialogLabel {
  color: rgba(0, 0, 0, 0.65);
}

.a-Header-dialogRole,
.a-Header-dialogWorkspace {
  color: rgba(0, 0, 0, 0.65);
  border-top-color: #f9f9f9;
}

.a-Header-dialogRole .a-Icon,
.a-Header-dialogWorkspace .a-Icon {
  color: #000;
}

.a-Header-accountDialog-buttons {
  background-color: #f9f9f9;
  border-top-color: rgba(0, 0, 0, 0.05);
}

.a-Header-accountDialog-buttons .a-Button.a-Menu-item.a-Menu-label.is-focused:focus:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 4px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 4px rgba(0, 0, 0, 0.1) !important;
}

.a-Header-accountDialog-editProfile.a-Menu-item.a-Menu-label,
.a-Menu-content .a-Header-dialogLink.a-Menu-item .a-Menu-label {
  color: #0572CE;
}

.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: #0572CE;
}

.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 {
  background-color: #e0e0e0;
  -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-Header-accountDialog.a-Menu .a-Header-accountDialog-switcher > span:before {
  background-color: #fff;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
          box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
}

.a-Header-accountDialog.a-Menu .a-Header-accountDialog-switcher:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.a-Header-accountDialog.a-Menu .a-Header-accountDialog-switcher:focus > span:before {
  -webkit-box-shadow: inset #0572ce 0 0 0 1px;
          box-shadow: inset #0572ce 0 0 0 1px;
}

/* ==========================================================================
   Nav Link Buttons
   ========================================================================== */
.a-Header .a-Button.is-active {
  background-color: #fff !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Button--navLink {
  color: rgba(0, 0, 0, 0.65);
}

.a-Button--navLink:before {
  background-color: #e0e0e0;
}

.a-Button--navLink:active, .a-Button--navLink.is-active {
  background-color: #d1d1d1;
}

.a-Button--navLink:active:focus {
  background-color: #e0e0e0;
}

.a-Button--navLink:hover,
.a-Button--navLink.a-MenuButton.is-active {
  text-shadow: none;
  background-color: #fff;
  -webkit-box-shadow: 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 -1px 0 #e0e0e0 inset;
}

.a-Button--navLink.a-MenuButton.is-active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Button#header-adminMenu:hover {
  -webkit-box-shadow: 0 3px 0 #BAC7C8 inset, 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 3px 0 #BAC7C8 inset, 0 -1px 0 #e0e0e0 inset;
}

.a-Button.a-Button--activeTab.tab-admin {
  -webkit-box-shadow: 0 3px 0 #BAC7C8 inset !important;
          box-shadow: 0 3px 0 #BAC7C8 inset !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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Help Region
   ========================================================================== */
.a-HelpRegion {
  background-color: #fffBEB;
  color: #262626;
}

.a-HelpRegion h3 {
  color: #262626;
}

.a-HelpRegion a {
  color: #0572CE;
}

.a-HelpRegion dl {
  color: #404040;
}

.ui-tabs-helpTab.ui-state-active .ui-tabs-anchor {
  background-color: #fffBEB !important;
}

/* ==========================================================================
   Help Region (Property Editor)
   ========================================================================== */
.a-Region.a-Region--helpRegion {
  background-color: #fffBEB;
}

.a-Region.a-Region--helpRegion .a-Region-header,
.a-Region.a-Region--helpRegion .a-Region-body {
  border-color: #fffBEB;
}

.a-Region.a-Region--helpRegion .a-Region-header {
  background-color: #fffBEB;
}

.a-Region.a-Region--helpRegion .a-Region-title {
  color: #404040;
}

/* ==========================================================================
   Help Typography
   ========================================================================== */
.a-HelpRegion p,
.a-HelpRegion li,
.a-Region--helpRegion .a-Region-body p,
.a-Region--helpRegion .a-Region-body li {
  color: #404040;
}

.a-HelpRegion pre,
.a-Region--helpRegion .a-Region-body pre {
  color: #404040;
  background-color: #fffCF2;
  border-color: #fffCF2;
}

/* ==========================================================================
   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 Variables
 */
/******************************************************************************
Icon List
******************************************************************************/
.a-IconList-item {
  color: #666666;
}

.a-IconList-item:hover {
  color: #262626;
  background-color: #f9f9f9;
}

.a-IconList-item:focus {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce inset;
}

.a-IconList-item.is-selected {
  background-color: #f0f0f0;
  -webkit-box-shadow: 0 0 0 1px #d1d1d1 inset;
          box-shadow: 0 0 0 1px #d1d1d1 inset;
}

.a-IconList-item.is-selected.is-focused {
  color: #262626;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-Gallery-region .a-Icon {
  color: #7FBEF2;
}

.a-Gallery-pageItem .a-Icon {
  color: #979C9F;
}

.a-Gallery-button .a-Icon {
  color: #56D49A;
}

.a-IconList--featured .a-Icon {
  background-color: #399BEA;
}

/* ==========================================================================
   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 {
  -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-IconList--wizard .a-IconList-item:hover .a-Icon {
  color: #666666;
  background-color: #f0f0f0;
}

.a-IconList--wizard .a-IconList-item.is-selected .a-Icon {
  color: #fff;
  background-color: #0572ce;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-Icon {
  color: #0572ce;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-IconList--wizard .a-IconList-iconName {
  color: #707070;
}

/* Modifier: Horizontal Icon List
   ========================================================================== */
.a-IconList--horizontal .a-Icon {
  color: #fff;
}

.a-IconList--horizontal .a-Icon.icon-clipboard {
  background-color: #399BEA;
}

.a-IconList--horizontal .a-Icon.icon-file-upload {
  background-color: #24CB7F;
}

.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(0, 0, 0, 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: #C7CBCD;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Icon Panel
   ========================================================================== */
.a-IconPanel-icon {
  background-color: #a1a1a1;
  color: #fff;
}

.a-IconPanel-icon.icon-status-failure {
  background-color: #FC181B;
}

.a-IconPanel-icon.icon-status-success {
  background-color: #24CB7F;
}

.a-IconPanel-icon.icon-status-warning {
  background-color: #FDB309;
}

.a-IconPanel-setting {
  color: rgba(0, 0, 0, 0.5);
}

.a-IconPanel-status {
  color: rgba(0, 0, 0, 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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   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: #f9f9f9;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0 inset;
          box-shadow: 0 0 0 1px #e0e0e0 inset;
}

.a-ImageNav-link:hover .a-ImageNav-img {
  background-color: #e0e0e0;
}

.a-ImageNav-link:focus {
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce inset;
}

.a-ImageNav-img {
  background-color: #e0e0e0;
}

.a-ImageNav-label {
  color: #262626;
}

/* ==========================================================================
   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 {
  background-color: transparent;
}

.a-ImageNav.pkg-apps .a-ImageNav-img,
.a-ImageNav-link.pkg-apps .a-ImageNav-img {
  background-color: #F54B21;
}

.a-ImageNav.sql-workshop .a-ImageNav-img,
.a-ImageNav-link.sql-workshop .a-ImageNav-img {
  background-color: transparent;
}

.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-link.app-builder .a-ImageNav-img,
.a-ImageNav-link.pkg-apps .a-ImageNav-img,
.a-ImageNav-link.sql-workshop .a-ImageNav-img,
.a-ImageNav-link.team-dev .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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Interactive Grid
   ========================================================================== */
.a-IG {
  border-color: #e0e0e0;
  background-color: #fff;
}

.a-IG-header {
  border-color: #e0e0e0;
  background-color: #f9f9f9;
}

.a-IG-gridView .a-GV-footer {
  border-color: #e0e0e0;
}

/* ==========================================================================
   Grid View
   ========================================================================== */
/* Table Container
   ========================================================================== */
.a-GV-w-frozen .a-GV-table,
.a-GV-w-hdr .a-GV-table {
  border-color: #e0e0e0 !important;
}

.a-GV-table .a-GV-cell {
  border-color: #e0e0e0;
}

.a-GV-header,
.a-GV-headerGroup {
  border-color: #e0e0e0;
}

.a-GV-table tr.is-selected .a-GV-cell {
  background-color: #ecf3ff;
}

.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 #0572CE inset;
          box-shadow: 0 0 0 1px #0572CE inset;
}

/* Column Header
   ========================================================================== */
.a-GV-columnControls .a-Button {
  background-color: #f0f0f0;
  color: #707070;
}

.a-GV-columnControls .a-Button.is-active {
  background-color: #e0e0e0;
}

.a-GV-header.is-active {
  background-color: #fff;
}

/* Control Breaks
   ========================================================================== */
.a-GV-controlBreakHeader .a-Button span {
  color: #707070;
}

.a-GV-table th.a-GV-controlBreakHeader {
  background-color: #f0f0f0;
  border-color: #e0e0e0;
  color: #707070;
}

/* Aggregates
   ========================================================================== */
.is-aggregate .a-GV-cell {
  background-color: #f9f9f9;
}

.is-aggregate .a-GV-rowHeader {
  color: #707070;
}

/* Overall Aggregate
   ========================================================================== */
.is-grandTotal .a-GV-cell {
  background-color: #e0e0e0;
}

/* Footer
   ========================================================================== */
.a-GV-footer {
  border-color: #e0e0e0;
  background-color: #fff;
}

/* Column Move Handle
   ========================================================================== */
.a-GV-header-dragHelper {
  color: #404040;
  background-color: #f0f0f0;
  border-color: #e0e0e0;
}

.a-GV-header-dragHelper.ui-draggable-dragging {
  border-color: #0572CE;
}

.a-GV-hdr {
  background-color: #f0f0f0;
}

.a-GV-bdy {
  background-color: #fff;
}

/* Row Selector (checkbox)
   ========================================================================== */
.a-GV-rowSelector:before {
  color: #404040;
}

.a-GV-rownum {
  color: #707070;
}

/* 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: #000;
}

.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: #fff;
  -webkit-box-shadow: 0 0 0 1px #0572CE inset;
          box-shadow: 0 0 0 1px #0572CE inset;
}

.a-GV-floatingItem:not(.is-expanded) {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0572CE inset;
          box-shadow: 0 0 0 1px #0572CE inset;
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-expandCollapse {
  background-color: #fff;
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-expandCollapse:hover {
  background-color: #f0f0f0;
}

.a-GV-floatingItem.is-expanded {
  border-color: #0572CE;
}

.a-GV-floatingItem.is-expanded .a-GV-expandCollapse {
  background-color: #404040;
  color: #FFF;
}

/* Read Only Rows
   ========================================================================== */
.a-GV--editMode .a-GV-row.is-readonly .a-GV-cell,
.a-GV--editMode .a-GV-cell.is-readonly {
  background-color: #f9f9f9;
  color: #707070;
}

/* Updated and Changed States
   ========================================================================== */
.a-GV-row.is-updated .a-GV-cell {
  background-color: rgba(5, 114, 206, 0.05);
}

.a-GV-cell.is-changed:not(.is-active):before,
.a-GV-row.is-updated .a-GV-selHeader:before {
  color: #0572CE;
}

/* 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: red;
}

/* Warning Indicator and Icon
   ========================================================================== */
.a-GV-cell.is-warning:not(.is-active),
.a-GV-cell.is-warning:not(.is-active):before {
  color: #FDB309;
}

.a-GV-cell.is-error:not(.is-active),
.a-GV-cell.is-error:not(.is-active):before {
  color: #FC181B;
}

/* Status
   ========================================================================== */
.a-GV-status {
  color: #707070;
}

/* Pagination
   ========================================================================== */
.a-GV-pageButton {
  color: #404040;
}

.a-GV-pageButton:hover {
  background-color: #f0f0f0;
}

.a-GV-pageButton:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #0572CE inset;
          box-shadow: 0 0 0 1px #0572CE inset;
}

.a-GV-pageSelector-item.is-selected .a-GV-pageButton {
  background-color: #e0e0e0;
}

.a-GV-pageRange {
  color: #707070;
}

/* Load More
   ========================================================================== */
.a-GV-loadMoreButton {
  background-color: #fff;
  color: #707070;
}

/* 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: #FA0000;
}

.a-GV-tooltip.ui-tooltip.is-warning {
  background-color: #fff8DF;
  color: #463403;
}

.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: #fff8DF;
}

/* Messages
   ========================================================================== */
.a-GV-altMessage-text {
  color: #707070;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Interactive Report Styles
   ========================================================================== */
.a-IRR {
  border-color: #e0e0e0;
  background-color: #fff;
}

.a-IRR-toolbar {
  border-color: #e0e0e0;
  background-color: #f0f0f0;
}

.a-RV-toolbar {
  border-color: #e0e0e0;
}

.a-IRR-paginationWrap--bottom {
  border-top-color: #e0e0e0;
}

.a-IRR-dialog.ui-dialog .ui-dialog-content {
  border-bottom-color: #f0f0f0;
}

.a-IRR-region--openTab .a-IRR-toolbar {
  background-color: #fff;
}

.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 {
  border-left-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
  color: #404040;
  background-color: #f9f9f9;
}

.a-IRR-header:hover {
  background-color: #fff;
}

.a-IRR-header.is-active .a-IRR-headerLink {
  color: #fff;
}

.a-IRR-header.is-active .a-IRR-headerSort {
  color: #fff;
}

.a-IRR-icon:hover {
  background-color: #f9f9f9;
  -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-IRR-icon:focus, .a-IRR-icon:active {
  background-color: #f0f0f0;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce inset;
}

.a-IRR-icon .a-Icon {
  color: #d1d1d1;
}

.a-IRR-icon--page .a-Icon,
.a-IRR-icon .a-IRR-pageIcon {
  background-image: url("../img/ui/page-icon.svg");
}

.a-IRR-icon .a-IRR-pageIcon {
  color: #d1d1d1;
}

.a-IRR-iconName {
  color: #707070;
}

.a-IRR-icon .a-Icon.icon-sc-build-option-on {
  color: #2ecc71;
}

.a-IRR-sortWidget {
  border-color: #0464b5;
}

.a-IRR-sortWidget-actions {
  border-bottom-color: #04569c;
}

.a-IRR-button.a-IRR-sortWidget-button {
  background-color: transparent;
  color: #89c8fc;
}

.a-IRR-button.a-IRR-sortWidget-button.is-active, .a-IRR-button.a-IRR-sortWidget-button:focus {
  color: #fff;
  background-color: transparent;
}

.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: #fff;
  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[type="text"] {
  background-color: #0464b5;
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type="text"] {
  color: #fff;
  border-bottom: 1px solid #04569c;
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type="text"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type="text"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type="text"]::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type="text"]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.a-IRR-sortWidget-searchLabel:before {
  color: #fff;
}

.a-IRR-sortWidget-rows {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #0572ce), to(rgba(5, 114, 206, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(5, 114, 206, 0)), color-stop(70%, #0572ce)) 0 100%, -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))) 0 100%;
  background: linear-gradient(#0572ce 30%, rgba(5, 114, 206, 0)), linear-gradient(rgba(5, 114, 206, 0), #0572ce 70%) 0 100%, linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)) 0 100%;
  background-color: #0572ce;
}

.a-IRR-sortWidget-row {
  color: #fff;
  -webkit-box-shadow: 0 -1px 0 #0464b5 inset;
          box-shadow: 0 -1px 0 #0464b5 inset;
}

.a-IRR-sortWidget-row:hover {
  background-color: #0680e7;
}

.a-IRR-table td {
  color: #404040;
  border-left-color: #f0f0f0;
  border-top-color: #f0f0f0;
}

.a-IRR-table tr:nth-child(even) td {
  background-color: #f9f9f9;
}

.a-IRR-table tr:hover td,
.a-IRR-table tr:nth-child(even):hover td {
  background-color: whitesmoke;
}

.a-IRR-search-field {
  border-top-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
  color: #000;
  background-color: #fff;
}

.a-IRR-search-field:focus {
  border-color: #0572ce;
  -webkit-box-shadow: 1px 0 0 #0572ce inset, -1px 0 0 #0572ce inset;
          box-shadow: 1px 0 0 #0572ce inset, -1px 0 0 #0572ce inset;
}

.a-IRR-headerLink:focus {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce 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(0, 0, 0, 0.1);
}

.a-IRR-table .hour-graph .hour .hour-label {
  color: #666666;
}

.a-IRR-table .hour-graph .hour.is-over1k {
  background-color: #7bdc7b;
}

.a-IRR-table .hour-graph .hour.is-over1k .hour-label {
  color: #595959;
}

.a-IRR-table .hour-graph .hour.is-null {
  background-color: transparent;
}

.a-IRR-table .hour-graph .hour.is-null .hour-label {
  color: #707070;
}

.a-IRR-controlsContainer {
  border-bottom-color: #e0e0e0;
}

.a-IRR-button.a-IRR-button--controls {
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #f0f0f0;
          box-shadow: inset 0 0 0 1px #f0f0f0;
}

.a-IRR-controlsLabel {
  background-color: #f9f9f9;
  color: #000;
  border-color: rgba(0, 0, 0, 0.05);
}

.a-IRR-aggregate {
  background-color: #f9f9f9;
}

.a-IRR-pagination-label {
  color: #707070;
}

.a-RV:not(.a-RV--editMode) .u-Form-fieldContainer.is-focused .u-Form-inputContainer {
  outline-color: #0572ce;
}

/* ==========================================================================
   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 Variables
 */
/*
  * jQuery UI CSS Framework 1.12.1
  */
/* Component containers
 ----------------------------------*/
body .ui-widget-content {
  color: inherit;
  background-image: none;
  background-color: #fff;
  border-color: #e0e0e0;
}

body .ui-widget-header {
  color: #404040;
  background-image: none;
  background-color: #f9f9f9;
  border-color: #e0e0e0;
}

body .ui-widget-header a {
  color: #404040;
}

/* Interaction states
 ----------------------------------*/
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default,
body .ui-button {
  color: #404040;
  background-image: none;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}

body .ui-state-default a,
body .ui-state-default a:link,
body .ui-state-default a:visited {
  color: #404040;
}

body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-button:hover {
  color: #404040;
  background-image: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}

body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus,
body .ui-button:focus {
  color: #404040;
  background-image: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.5);
          box-shadow: 0 0 0 1px #0572ce inset, 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.5);
}

body .ui-state-hover a,
body .ui-state-hover a:hover,
body .ui-state-hover a:link,
body .ui-state-hover a:visited,
body .ui-state-focus a,
body .ui-state-focus a:hover,
body .ui-state-focus a:link,
body .ui-state-focus a:visited {
  color: #404040;
}

body .ui-state-active,
body .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active,
body .ui-button:active {
  color: #404040;
  background-image: none;
  background-color: #f0f0f0;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}

body .ui-state-active a,
body .ui-state-active a:link,
body .ui-state-active a:visited {
  color: #404040;
}

/* Interaction Cues
 ----------------------------------*/
body .ui-state-highlight,
body .ui-widget-content .ui-state-highlight,
body .ui-widget-header .ui-state-highlight {
  color: #404040;
  background-image: none;
  background-color: #F1F7FD;
}

body .ui-state-highlight a,
body .ui-widget-content .ui-state-highlight a,
body .ui-widget-header .ui-state-highlight a {
  color: #404040;
}

body .ui-state-error,
body .ui-widget-content .ui-state-error,
body .ui-widget-header .ui-state-error {
  color: #cd0a0a;
  background-image: none;
  background-color: #fef1ec;
}

body .ui-state-error a,
body .ui-widget-content .ui-state-error a,
body .ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

body .ui-state-error-text,
body .ui-widget-content .ui-state-error-text,
body .ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

body .ui-state-disabled,
body .ui-widget-content .ui-state-disabled,
body .ui-widget-header .ui-state-disabled {
  background-image: none;
}

/* Icons
 ----------------------------------*/
body .ui-icon-circle-triangle-e,
body .ui-icon-circle-triangle-w,
body .ui-icon-closethick {
  background-image: none !important;
}

/* Misc visuals
 ----------------------------------*/
/* Overlays */
body .ui-widget-overlay {
  background-image: none;
  background-color: black;
}

/*
 * jQuery UI Tooltip 1.12.1
 */
body .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
 */
body .ui-tabs .ui-tabs-nav {
  background-color: transparent;
}

body .ui-tabs .ui-tabs-panel {
  background: none;
}

/*
 * jQuery UI Dialog 1.12.1
 */
body .ui-dialog {
  border-color: #a1a1a1 !important;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

body .ui-dialog .ui-dialog-titlebar {
  background-color: #f9f9f9;
  border-bottom-color: #f0f0f0;
}

body .ui-dialog .ui-dialog-title {
  color: #404040;
}

body .ui-dialog .ui-dialog-buttonpane {
  background-image: none;
  border-top-color: #f0f0f0;
}

/*
  * jQuery UI Datepicker 1.12.1
  */
body .ui-datepicker {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

body .ui-datepicker .ui-datepicker-header {
  background-color: #fff;
}

body .ui-datepicker .ui-datepicker-prev:active,
body .ui-datepicker .ui-datepicker-next:active {
  background-image: none;
  border-top-color: #f0f0f0;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}

body .ui-datepicker th {
  color: #707070;
  background-color: #f9f9f9;
}

body .ui-datepicker td span.ui-state-default,
body .ui-datepicker td a.ui-state-default {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body .ui-datepicker td span.ui-state-default.ui-state-active,
body .ui-datepicker td a.ui-state-default.ui-state-active {
  font-weight: bold;
  color: #fff;
  background: none #2580D4;
}

body .ui-datepicker td span.ui-state-default.ui-state-hover,
body .ui-datepicker td a.ui-state-default.ui-state-hover {
  color: #404040;
  background-image: none;
  background-color: #cee3f7;
}

body .ui-datepicker td span.ui-state-default:focus,
body .ui-datepicker td a.ui-state-default:focus {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.5);
          box-shadow: 0 0 0 1px #0572ce inset, 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.5);
}

body .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
 */
/**
 * Theme Variables
 */
/* JustGage
   ========================================================================== */
.a-JustGage-desc {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(25%, rgba(255, 255, 255, 0.75)));
  background-image: linear-gradient(white 0, rgba(255, 255, 255, 0.75) 25%);
}

.oj-chart text,
.a-JustGage-chart text {
  fill: currentColor;
}

.oj-chart path:first-of-type,
.a-JustGage-chart path:first-of-type {
  fill: #f0f0f0;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Legacy
   ========================================================================== */
/* ==========================================================================
   Legacy Classes
   ========================================================================== */
.a-Notification-list:not(only-child) {
  margin-top: 8px;
}

.a-Error-details {
  border-color: rgba(0, 0, 0, 0.1);
}

.a-Error-details h2 {
  color: #404040;
  background-color: #f9f9f9;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.a-Error-details ul {
  color: #404040;
  background-color: #fff;
}

.a-Error-details li:not(:last-child) {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.nodatafound {
  color: #707070;
}

#resultsHolder pre,
#resultsHolder > .fielddata {
  color: #404040;
}

/* ***************************************************************************
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: #404040;
  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: #fff;
}

section.aWizardRegion {
  color: #404040;
}

section.aWizardRegion.dividerTop {
  border-top-color: #f0f0f0;
}

section.aWizardRegion h1 {
  color: #404040;
}

section.aWizardRegion h1 a {
  color: #404040;
}

section.aWizardRegion h1 a:hover {
  color: #0572CE;
}

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: #404040;
}

section.aWizardRegion div.wizardErrorBody img.warning {
  background-image: url(../img/legacy-apex_ui.png);
}

section.aWizardRegion p {
  color: #707070;
}

section.aWizardRegion p b {
  color: #404040;
}

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: #404040;
}

/******************************************************************************
Wizard Progress List
******************************************************************************/
div.wizardProgress ul li {
  background-image: url(../img/legacy-apex_ui.png);
}

div.wizardProgress ul li span {
  color: #404040;
  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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Links List
   ========================================================================== */
.a-LinksList-item {
  border-color: #f0f0f0;
}

.a-LinksList-item.has-arrow .a-LinksList-link:hover:before {
  color: rgba(255, 255, 255, 0.5);
}

.a-LinksList-item.is-external-link .a-LinksList-link:hover:before {
  color: rgba(255, 255, 255, 0.5);
}

.a-LinksList-item.is-expanded .a-LinksList-link:hover:before {
  color: rgba(255, 255, 255, 0.5);
}

.a-LinksList-icon {
  color: #a1a1a1;
}

.a-LinksList-link:focus,
.a-LinksList--report a:focus {
  -webkit-box-shadow: 0 0 0 1px #2580D4 inset;
          box-shadow: 0 0 0 1px #2580D4 inset;
}

.a-LinksList-link:hover,
.a-LinksList--report a:hover {
  color: #fff;
  background-color: #0572ce;
}

.a-LinksList-link:hover .a-LinksList-icon,
.a-LinksList--report a:hover .a-LinksList-icon {
  color: rgba(255, 255, 255, 0.75);
}

.a-LinksList-link:before,
.a-LinksList--report a:before {
  color: rgba(0, 0, 0, 0.15);
}

/**
 * Modifier: Go To Arrow
 *
 * Show Go To Arrow on right
 */
.a-LinksList--showArrow .a-LinksList-link:hover:before {
  color: rgba(255, 255, 255, 0.5);
}

.a-LinksList--showArrow .a-LinksList-link:before {
  color: rgba(0, 0, 0, 0.15);
}

/**
 * Modifier: Show Badge
 *
 * Show Badge on Right
 */
.a-LinksList--showBadge .a-LinksList-badge {
  color: #707070;
  background-color: #f9f9f9;
}

.a-LinksList--showBadge .a-LinksList-link:hover .a-LinksList-badge {
  background-color: #fff;
}

.a-LinksList--showBadge.a-LinksList--brightHover .a-LinksList-link:hover .a-LinksList-badge {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
}

.a-LinksList--showBadge .a-LinksList-item.is-expanded > .a-LinksList-link .a-LinksList-badge {
  background-color: rgba(0, 0, 0, 0.05);
}

/**
 * Modifier: Bright Hover
 *
 * Show Bright
 */
.a-LinksList--brightHover .a-LinksList-link:hover,
.a-LinksList--brightHover.a-LinksList--report a:hover {
  color: #0572CE;
  background-color: #F1F7FD;
}

.a-LinksList--brightHover .a-LinksList-link:hover .a-LinksList-icon,
.a-LinksList--brightHover.a-LinksList--report a:hover .a-LinksList-icon {
  color: #0572CE;
}

/* ==========================================================================
   Icon-based Links List
   ========================================================================== */
.a-LinksList--iconOnly .a-LinksList-link {
  color: #707070;
}

.a-LinksList--iconOnly .a-LinksList-link:hover, .a-LinksList--iconOnly .a-LinksList-link:focus {
  color: #404040;
  background-color: #fff;
}

.a-LinksList--iconOnly .a-LinksList-icon {
  background-color: #fff;
  border-color: rgba(209, 209, 209, 0.5);
}

.a-LinksList--iconOnly .a-LinksList-link:hover,
.a-LinksList--iconOnly .a-LinksList-link:focus {
  background-color: #0d8df9;
}

.a-LinksList--iconOnly .a-LinksList-link:hover .a-LinksList-icon,
.a-LinksList--iconOnly .a-LinksList-link:focus .a-LinksList-icon {
  color: #0572CE;
  background-color: #fff;
  border-color: #fff;
}

.a-LinksList--iconOnly .is-current .a-LinksList-icon {
  color: #fff;
  background-color: #0572ce;
  border-color: #0572ce;
}

/* Languages
   ========================================================================== */
.a-LinksList--lang .a-LinksList-item:after {
  color: #a1a1a1;
}

.a-LinksList--lang .a-LinksList-link:hover {
  color: inherit;
  background-color: inherit;
}

/* Sub-Lists
   ========================================================================== */
.a-LinksList-item.is-expanded {
  background-color: #FCFCFC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.015)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.015)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.015));
}

.a-LinksList-item.is-expanded .a-LinksList-link:hover:before {
  color: #2580D4;
}

.a-LinksList-item.is-expanded .a-LinksList-link:before {
  color: rgba(0, 0, 0, 0.25);
}

.a-LinksList-list .a-LinksList-link {
  border-top-color: #f0f0f0;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   List
   ========================================================================== */
.a-List--templateOptions .a-List-item:hover {
  background-color: whitesmoke;
}

.a-List--templateOptions .a-List-item--noData:hover {
  background-color: #f9f9f9;
}

.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: #f9f9f9;
  border-color: #f0f0f0;
}

.a-List--templateOptions .a-List-list .a-List-item {
  border-bottom-color: #f0f0f0;
}

.a-List--subscriptions {
  border-color: #e0e0e0;
}

.a-List--basic li {
  color: #404040;
}

.a-List--links li {
  border-color: #f0f0f0;
}

.a-List--links a:hover {
  color: #fff;
  background-color: #2580D4;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Login
   ========================================================================== */
.a-Page--login,
.a-Page--simpleWizard,
.a-Dialog-about {
  background-color: #f0f0f0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.035) 1px, transparent 1px);
}

.a-Login-slide {
  background-color: transparent;
}

.a-Login-slide--secondary {
  background-color: rgba(255, 255, 255, 0.75);
}

/* Login Region
   ========================================================================== */
.a-Login-region {
  background-color: #fff;
  -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-title,
.a-Login-subTitle {
  color: #000;
}

.a-Login-subTitle .a-Icon {
  color: #a1a1a1;
  -webkit-box-shadow: 0 0 0 1px #a1a1a1 inset;
          box-shadow: 0 0 0 1px #a1a1a1 inset;
}

.a-Login-text {
  color: #707070;
}

.a-Login-text--notFoundMessage,
.a-Login-text--workspaceRequest {
  color: #666666;
  background-color: #f9f9f9;
  border-color: #f0f0f0;
}

.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: #707070;
}

.a-Login-body input.text_field::-webkit-input-placeholder,
.a-Login-body input.password::-webkit-input-placeholder {
  color: #000;
}

.a-Login-body input.text_field::-moz-placeholder,
.a-Login-body input.password::-moz-placeholder {
  color: #000;
}

.a-Login-body input.text_field:-ms-input-placeholder,
.a-Login-body input.password:-ms-input-placeholder {
  color: #000;
}

.a-Login-inputIcon,
.a-Login-iconLabel {
  color: #707070;
}

.a-Login-iconValidation {
  color: #fff;
  background: #53D769;
}

.a-Login-iconValidation.is-danger {
  background: #FC181B;
}

.a-Login-links,
.a-Login-linkss > a {
  color: #707070;
}

.a-Login-links--languages {
  background: #f9f9f9;
  border-top-color: #f0f0f0;
}

.a-Login-alert {
  color: #404040;
}

.a-Login-alert h2 {
  color: #404040;
}

.a-Login-alertDesc {
  color: rgba(0, 0, 0, 0.75);
}

.a-Login-alert--standalone {
  background-color: #fff !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: #404040;
  background-color: #fff1C7;
  -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: #fff1cc;
  border-color: #FFCB3D;
}

.a-Login-alert--notice:after {
  border-top-color: #fff1cc;
}

.a-Login-alert--error {
  background-color: #FBE7E4;
  border-color: #E55947;
}

.a-Login-alert--error:after {
  border-top-color: #FBE7E4;
}

.a-Login-alert--error .a-Login-alertTitle {
  color: #E03520;
}

.a-Login-social .a-Icon:after {
  background-color: #fff;
}

.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: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #f9f9f9), to(rgba(249, 249, 249, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(249, 249, 249, 0)), color-stop(70%, #f9f9f9)) 0 100%, -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05))) 0 100%;
  background: linear-gradient(#f9f9f9 30%, rgba(249, 249, 249, 0)), linear-gradient(rgba(249, 249, 249, 0), #f9f9f9 70%) 0 100%, linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)) 0 100%;
  background-color: #f9f9f9;
  border-color: #f0f0f0;
}

.a-Login-body .a-MediaList .a-MediaList-badge {
  color: #666666;
  background-color: transparent;
}

.a-Login-infoRegion a {
  color: #0464b5;
}

.a-Login-infoRegion .a-MediaList-link:hover {
  background-color: #0464b5;
}

/* Slide Down Indicator
   ========================================================================== */
.a-Login-slideNavLink {
  color: #fff;
  background-color: rgba(0, 0, 0, 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(255, 255, 255, 0.5);
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Main Content Container
   ========================================================================== */
.a-Side {
  background-color: #f6f6f6;
  border-left-color: #e0e0e0;
}

.a-Side--left {
  border-right-color: #e0e0e0;
}

.a-Page--webservices .a-Side {
  background-color: #fff;
}

/* ==========================================================================
   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 Variables
 */
/******************************************************************************
Color Variables
******************************************************************************/
.a-MediaList-item {
  border-color: #f0f0f0;
}

/* ==========================================================================
   Link
   ========================================================================== */
.a-MediaList-link .a-MediaList-badge {
  color: #404040;
}

.a-MediaList-link:hover {
  color: #fff;
  background-color: #2580D4;
}

.a-MediaList-link:hover .a-MediaList-desc {
  color: inherit;
}

.a-MediaList-link:hover .a-MediaList-badge {
  color: #fff;
  background-color: #368ddc;
  border-color: #4c99e0;
}

.a-MediaList-link:hover .a-MediaList-icon {
  color: #cee3f7;
}

.a-MediaList--circularIcons .a-MediaList-link:hover .a-MediaList-icon {
  color: #2580D4;
  background-color: #8dbeeb;
}

/* ==========================================================================
   Icon
   ========================================================================== */
.a-MediaList-icon {
  color: #a1a1a1;
}

/* ==========================================================================
   Text
   ========================================================================== */
.a-MediaList-desc {
  color: #707070;
}

/* ==========================================================================
   Badge
   ========================================================================== */
.a-MediaList-badge {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}

/* ==========================================================================
   Modifier: Circular Icons
   ---
   Places icons inside of a circle
   ========================================================================== */
.a-MediaList--circularIcons .a-MediaList-icon {
  color: #fff;
  background-color: #D6D6D8;
}

/* ==========================================================================
   Modifier: Horizontal (Table Based)
   ---
   Arrange list items horizontally using table layout
   ========================================================================== */
.a-MediaList--horizontal .a-MediaList-item {
  border-right-color: #f0f0f0;
}

/* ==========================================================================
   Modifier: Blocks
   ---
   Blocks
   ========================================================================== */
.a-MediaList--cols .a-MediaList-item:before, .a-MediaList--cols .a-MediaList-item:after {
  background-color: #f9f9f9;
}

/* ==========================================================================
   Modifier: Buttons
   ---
   Hide Description
   ========================================================================== */
.a-MediaList--buttons .a-MediaList-link {
  color: #404040;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset;
}

.a-MediaList--buttons .a-MediaList-link:hover {
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.125) inset;
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.125) inset;
  color: #fff;
  background-color: #2580D4;
}

.a-MediaList--buttons .a-MediaList-link:hover .a-MediaList-desc {
  color: inherit;
}

.a-MediaList--buttons .a-MediaList-link:hover .a-MediaList-badge {
  color: #fff;
  background-color: #368ddc;
  border-color: #4c99e0;
}

.a-MediaList--buttons .a-MediaList-link:hover .a-MediaList-icon {
  color: #cee3f7;
}

.a-MediaList--buttons .a-MediaList-link:active {
  background-color: #1d66a9;
  -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 {
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px #0572ce inset;
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px #0572ce 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(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  background: #fff;
}

.a-MediaList--featuredBlocks .a-MediaList-icon {
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.a-MediaList--featuredBlocks .a-MediaList-link:hover {
  border-color: transparent;
  background-color: #f0f0f0;
}

.a-MediaList--featuredBlocks .a-MediaList-link:hover .a-MediaList-title {
  color: #0572CE;
}

.a-MediaList--featuredBlocks .a-MediaList-link:hover .a-MediaList-desc {
  color: #707070;
}

.a-MediaList--featuredBlocks .a-MediaList-link:focus {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Menu Bar
   ========================================================================== */
.a-MenuBar-label {
  color: #404040;
}

.a-MenuBar-item {
  border-right-color: #d1d1d1;
  border-left-color: #d1d1d1;
}

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

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

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

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

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

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

.a-Menu-accel {
  color: #707070;
}

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

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

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

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

.a-Menu-scrollBtn {
  background-color: #f0f0f0;
}

.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: #a1a1a1;
}

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

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

.a-Menu .a-Menu-item.is-disabled.is-focused .a-Menu-subMenuCol {
  color: #a1a1a1;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Oracle JET Overrides for APEX Builder
   ---
   Override Default Color Scheme in Oracle JET
   ========================================================================== */
.oj-dvt-category1 {
  color: #309FDB;
}

.oj-dvt-category2 {
  color: #3CAF85;
}

.oj-dvt-category3 {
  color: #FBCE4A;
}

.oj-dvt-category4 {
  color: #E95B54;
}

.oj-dvt-category5 {
  color: #854E9B;
}

.oj-dvt-category6 {
  color: #2EBFBC;
}

.oj-dvt-category7 {
  color: #ED813E;
}

.oj-dvt-category8 {
  color: #E85D88;
}

.oj-dvt-category9 {
  color: #13B6CF;
}

.oj-dvt-category10 {
  color: #81BB5F;
}

.oj-dvt-category11 {
  color: #CA589D;
}

.oj-dvt-category12 {
  color: #DDDE53;
}

/* ==========================================================================
   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 Variables
 */
/******************************************************************************
Page Columns
******************************************************************************/
.a-PageColumn-heading {
  color: rgba(0, 0, 0, 0.65);
}

/* ==========================================================================
   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 Variables
 */
/******************************************************************************
2.0  Page Designer Skeleton
******************************************************************************/
/******************************************************************************
Inline Styles from P4500 -- TODO: Refactor into proper CSS
******************************************************************************/
#codeEditorTitle {
  color: #404040;
}

#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: #0572ce;
}

body .tree li a,
body .tree li span {
  color: #262626;
}

/******************************************************************************
2.0  Page Designer Skeleton
******************************************************************************/
.a-Tabs--pageDesignerTabs > .a-Tabs-toolbar > .ui-tabs-nav.ui-tabs--single li {
  border-right-color: #e0e0e0;
}

.a-Tabs--pageDesignerTabs .ui-tabs-nav .ui-sortable-helper {
  background-color: #fff !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: rgba(0, 0, 0, 0.15) !important;
}

.a-Tabs--pageDesignerTabs .ui-tabs-anchor .a-Icon {
  color: #404040;
}

.a-PageDesigner-treeWrap:focus {
  -webkit-box-shadow: 0 0 0 2px #0572ce inset;
          box-shadow: 0 0 0 2px #0572ce inset;
}

@-moz-document url-prefix() {
  .a-PropertyEditor:focus:after {
    box-shadow: 0 0 0 1px #0572ce inset !important;
  }
}

/******************************************************************************
Scrollbar Styles for Grid Layout + Component View
******************************************************************************/
.dark-scroll::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  -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);
}

.dark-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #707070;
}

.dark-scroll::-webkit-scrollbar-track {
  background: #d1d1d1;
}

.dark-scroll::-webkit-scrollbar-track:hover {
  background-color: #C8C8C8;
  -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;
}

/* ==========================================================================
   Shortcut Display
   ========================================================================== */
#apexActionKeyDisplay {
  color: rgba(255, 255, 255, 0.75);
  background-color: rgba(0, 0, 0, 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
   ========================================================================== */
.a-Splitter-barH .a-Splitter-thumb,
.a-Splitter-barH.a-Splitter--end.is-collapsed .a-Splitter-thumb {
  background-image: url("../img/ui/splitter-h-start.svg");
}

.a-Splitter-barH.is-collapsed .a-Splitter-thumb,
.a-Splitter-barH.a-Splitter--end .a-Splitter-thumb {
  background-image: url("../img/ui/splitter-h-end.svg");
}

.a-Splitter-barV .a-Splitter-thumb,
.a-Splitter-barV.a-Splitter--end.is-collapsed .a-Splitter-thumb {
  background-image: url("../img/ui/splitter-v-start.svg");
}

.a-Splitter-barV.is-collapsed .a-Splitter-thumb,
.a-Splitter-barV.a-Splitter--end .a-Splitter-thumb {
  background-image: url("../img/ui/splitter-v-end.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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Page Search
   ========================================================================== */
.a-PageSearch-noResults {
  color: rgba(0, 0, 0, 0.65);
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Page Select Widget
   ========================================================================== */
.a-PageSelect {
  border-color: rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.a-PageSelect--readOnly {
  border-color: transparent;
  color: #707070;
}

.a-PageSelect--readOnly .a-Icon {
  margin-right: 4px;
  color: #707070;
}

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

.a-PageSelect-input:focus, .a-PageSelect-input.is-focused {
  -webkit-box-shadow: 0 0 0 1px #0572ce, 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 1px #0572ce, 0 2px 4px rgba(0, 0, 0, 0.2);
}

.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: #0572ce;
  color: #fff;
}

.a-Button.a-PageSelect-menuButton:active,
.a-Button.a-Button--pageNav:active {
  background-color: #235DB2;
}

.a-Button.a-Button--pageNav,
.a-Button.a-PageSelect-menuButton {
  color: #707070;
}

/* Page Navigation
   ========================================================================== */
.a-PageSelect-buttons {
  border-left-color: #f0f0f0;
}

/* 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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Page Wizard
   ========================================================================== */
.a-PageWizard {
  background-color: #fff;
}

/* Header
   ========================================================================== */
.a-PageWizard-returnLink {
  color: #707070;
  border-left-color: rgba(0, 0, 0, 0.1);
}

.a-PageWizard-returnLink:hover {
  color: #146FB8;
}

.a-PageWizard-preview {
  color: #707070;
}

/* Body
   ========================================================================== */
.a-PageWizard-previewNotes p {
  color: rgba(0, 0, 0, 0.65);
}

/* List
   ========================================================================== */
.a-PWList-item {
  -webkit-box-shadow: 0 -1px 0 #f0f0f0 inset;
          box-shadow: 0 -1px 0 #f0f0f0 inset;
}

.a-PWList-item:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-PWList-item.a-PWList-item--add:only-child {
  background: #f9f9f9;
  -webkit-box-shadow: 0 0 0 1px #f0f0f0 inset;
          box-shadow: 0 0 0 1px #f0f0f0 inset;
}

.a-PWList-item.is-placeholder {
  background-color: #f9f9f9;
}

.a-PWList-item.ui-sortable-helper {
  background-color: rgba(255, 255, 255, 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(0, 0, 0, 0.5);
}

/* Data Columns
   ========================================================================== */
.a-PWList-desc {
  color: #707070;
}

.a-PWList-dragHandle {
  color: #000;
}

/* ==========================================================================
   Checkbox Behavior
   ========================================================================== */
.a-CBList label:before {
  background-color: #f9f9f9;
  -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: #0572ce;
  background-image: url("../img/ui/checkbox-checked.svg");
}

.a-CBList input[type=checkbox]:active + label,
.a-CBList input[type=checkbox]:focus + label {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce inset;
}

.a-CBList-icon.fa {
  color: #707070;
  background-color: #f0f0f0;
}

.a-CBList-title {
  color: #000;
}

.a-CBList-desc {
  color: #707070;
}

/* Page Wizard Dialogs
   ========================================================================== */
.a-PageWizard-dialog .a-PageWizard-dialogHelp {
  color: #404040;
}

.a-PageWizard-dialog .a-PageWizard-dialogHelp h3 {
  border-bottom-color: #f0f0f0;
}

/* Dashboard Page
   ========================================================================== */
.a-PageWizard-dialog--dashboard ul.apex-rds li.apex-rds-selected a {
  color: #fff;
  background-color: #0572ce;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Application Icon
 ========================================================================== */
.a-PageWizard-appIcon {
  color: #fff;
  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(0, 0, 0, 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 white, 0 0 0 4px #0572ce;
          box-shadow: 0 0 0 2px white, 0 0 0 4px #0572ce;
}

.a-PageWizard-appIconColorPicker input[type="radio"]:focus + label .app-color {
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px #0572ce, 0 0 2px 6px rgba(57, 155, 234, 0.25);
          box-shadow: 0 0 0 2px white, 0 0 0 4px #0572ce, 0 0 2px 6px rgba(57, 155, 234, 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: #f0f0f0;
}

.a-PWIconPicker .a-PWIconPicker-link {
  color: #707070;
}

.a-PWIconPicker .a-PWIconPicker-link:hover {
  color: #404040;
  background-color: #f9f9f9;
}

.a-PWIconPicker .a-PWIconPicker-link:focus {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 0 1px 0 rgba(57, 155, 234, 0.5);
          box-shadow: 0 0 0 1px #0572ce 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 white, 0 0 0 4px #0572ce;
          box-shadow: 0 0 0 2px white, 0 0 0 4px #0572ce;
}

.a-IconList--AppIcons .a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-Icon {
  background-color: #404040;
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px #0572ce, 0 0 2px 6px rgba(57, 155, 234, 0.25);
          box-shadow: 0 0 0 2px white, 0 0 0 4px #0572ce, 0 0 2px 6px rgba(57, 155, 234, 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: #f0f0f0;
}

.a-IconList--SmallWizard .a-Icon {
  background-color: #f0f0f0;
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item.is-selected .a-IconList-iconName {
  color: #fff;
  background-color: #0572ce;
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item.is-selected .a-Icon {
  color: #0572CE;
  background-color: #f0f0f0;
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px #0572ce;
          box-shadow: 0 0 0 2px white, 0 0 0 4px #0572ce;
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-IconList-iconName {
  background-color: #0572ce;
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-Icon {
  color: #0572CE;
  background-color: #f0f0f0;
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px #0572ce, 0 0 2px 6px rgba(57, 155, 234, 0.25);
          box-shadow: 0 0 0 2px white, 0 0 0 4px #0572ce, 0 0 2px 6px rgba(57, 155, 234, 0.25);
}

.a-IconList--SmallWizard .a-IconList--wizard .a-IconList-item:hover .a-Icon {
  background-color: #f0f0f0;
}

.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: #fff;
  background-color: #0572ce;
}

.a-IconList--PageWizard .a-IconList--wizard .a-IconList-item.is-selected .a-Icon {
  -webkit-box-shadow: 0 0 0 2px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px #0572ce 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 #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 2px rgba(57, 155, 234, 0.5);
          box-shadow: 0 0 0 2px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 2px rgba(57, 155, 234, 0.5);
}

.a-IconList--PageWizard .a-IconList--wizard .a-IconList-item.is-selected.is-focused .a-IconList-iconName {
  background-color: #0572ce;
}

.a-IconList--PageWizard .a-IconList--wizard .a-IconList-item.is-selected .a-Icon {
  background-color: #fff;
}

/* Page Wizard Wait + Progress
 ========================================================================== */
.a-PWWait-overlay {
  background-color: rgba(0, 0, 0, 0.15);
}

.a-PWWait-body {
  background-color: #fff;
  -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(0, 0, 0, 0.1);
}

.a-PWWait-bar {
  background-color: #00A02D;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}

.a-PWWait-bar:after {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0) 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, rgba(255, 255, 255, 0));
}

/* Icons
 ========================================================================== */
.ca-icon.nav-icon {
  background-color: white !important;
}

/* Shame
  ========================================================================== */
span.inline-help {
  color: #707070;
}

/* Icons
 ========================================================================== */
/* Page Icons
========================================================================== */
.page-icon.page-add:before {
  background-image: url("../img/icons/builder/page-add.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
 */
/* ==========================================================================
   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-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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Popup LOV
   ========================================================================== */
.a-PopupLOV-filters,
.a-PopupLOV-search {
  background-color: #f9f9f9;
}

.a-PopupLOV-filterGroup,
.a-PopupLOV-filters,
.a-PopupLOV-search {
  border-color: #f0f0f0;
}

.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: #f0f0f0;
}

.a-PopupLOV-resultsSet tr:hover td {
  background-color: #ECF2FB !important;
}

.a-PopupLOV-resultsSet tr:nth-child(2n) td {
  background-color: #f9f9f9;
}

.a-PopupLOV-resultsSet-link,
.ui-widget-content a.a-PopupLOV-resultsSet-link {
  color: #2E79C9;
}

.a-Page--popupLOV {
  background-color: #fff;
}

.a-PopupLOV-actions {
  background-color: #f9f9f9;
  -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: #404040;
  border-bottom-color: #f0f0f0;
}

.a-PopupLOV-links a:hover {
  color: #fff;
  background-color: #0572CE;
}

.a-PopupLOV-links a:focus {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce inset;
}

.a-PopupLOV-pagination {
  color: #707070;
}

/* 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: #707070;
}

.a-PopupLOV-resultsGrid .fa {
  color: #404040;
}

.a-PopupLOV-resultsGrid a.a-PopupLOV-resultsSet-link:hover,
.a-PopupLOV-resultsGrid a.a-PopupLOV-resultsSet-link:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.a-PopupLOV-resultsGrid a.a-PopupLOV-resultsSet-link:focus {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce inset;
}

/* Generic Selector (u-selector)
   ========================================================================== */
.u-selector {
  border-color: #d1d1d1;
  -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: #fff;
}

.u-selector:before {
  color: #262626;
}

.u-selector:active {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

.u-selector:focus {
  border-color: #0572ce;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Processing Region (Used for showing processing spinner)
   ========================================================================== */
.a-ProcessingRegion {
  background-color: rgba(0, 0, 0, 0.5);
}

.a-ProcessingRegion-title {
  color: #fff;
}

.a-ProcessingRegion-body {
  color: #fff;
}

.a-ProcessingRegion--dialog {
  background-color: transparent;
}

.a-ProcessingRegion--dialog .a-ProcessingRegion-title {
  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
 */
/**
 * Theme Variables
 */
/******************************************************************************
Color Variables
******************************************************************************/
/******************************************************************************
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: #404040;
}

.a-Property.is-error .a-Property-field:not(:focus) {
  color: #FC181B;
}

.a-Property.is-error .icon-error {
  color: #FC181B !important;
}

/******************************************************************************
Property Warning
******************************************************************************/
.a-Property.is-warning .a-Property-label {
  color: #463403;
}

.a-Property.is-warning .icon-warning {
  color: #F69F00 !important;
}

/******************************************************************************
Label and Pre / Post Text
******************************************************************************/
.a-Property-label,
.a-Property-setItemsHeader-header,
.a-Property-unit {
  color: #262626;
}

.a-Property-checkbox-label,
.a-Property-radio {
  color: #404040;
}

/******************************************************************************
Property Field - Used for property editor
******************************************************************************/
.a-Property-field {
  background-color: transparent;
  color: #404040;
}

.a-Property-field:focus {
  border-color: #0572ce !important;
  background-color: #fff;
  -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:not(.a-Property-field--textarea) {
  -webkit-box-shadow: 4px 0 0 0 white inset, -4px 0 0 0 white inset, 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 4px 0 0 0 white inset, -4px 0 0 0 white inset, 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.a-Property-field:not(.a-Property-field--textarea):focus,
.a-Property.is-active .a-Property-field:not(.a-Property-field--textarea):focus {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-Property.is-error.is-active .a-Property-field:not(.a-Property-field--textarea):focus {
  -webkit-box-shadow: 0 0 0 1px #FC181B inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #FC181B inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-Property.is-shadow.is-active .a-Property-field:not(.a-Property-field--textarea):focus {
  -webkit-box-shadow: 0 0 0 1px #FC181B inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #FC181B inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-PropertyEditor-propertyGroup:focus-within .a-Property-field:not(.a-Property-field--textarea) {
  -webkit-box-shadow: 4px 0 0 0 #f3faff inset, -4px 0 0 0 #f3faff inset, 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 4px 0 0 0 #f3faff inset, -4px 0 0 0 #f3faff inset, 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.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: rgba(127, 190, 242, 0.05);
}

.a-Property.is-warning .a-Property-field--textarea:focus {
  border-color: #FDB309 !important;
}

.a-Property.is-error .a-Property-field--textarea:focus {
  border-color: #FC181B !important;
}

/* Property Editor Select List
   ========================================================================== */
.a-Property-field--select {
  color: inherit;
}

/* Text Area
   ========================================================================== */
.a-Property-field--textarea,
body .ui-widget .a-Property-field--textarea {
  border-color: #e0e0e0;
  background-color: #fff;
}

.a-Property-readOnly {
  color: #262626;
}

.a-Property-field--readOnly {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.a-Property-field--readOnly:focus {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset !important;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset !important;
}

/******************************************************************************
Property Editor Buttons
******************************************************************************/
.a-Property-buttonContainer .a-Button {
  background-color: #fff;
}

/******************************************************************************
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: #fff;
  border-color: rgba(0, 0, 0, 0.2);
}

.a-Property-checkbox-input[type="checkbox"]:focus + label:before,
.a-Property-radio-input[type="radio"]:focus + label:before {
  border-color: #39f;
  -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-radio-input[type="radio"]:focus:checked + label:before {
  border-color: #39f;
  background-color: #39f;
}

/******************************************************************************
Checkbox Specific
******************************************************************************/
.a-Property-checkbox-input[type="checkbox"]:checked + label:before {
  border-color: #666666;
  background-color: #666666;
}

.a-Property-checkbox-input[type="checkbox"]:checked + label:after {
  background-image: url("../img/ui/checkbox-checked.svg");
}

/******************************************************************************
Radio Specific
******************************************************************************/
.a-Property-radio-input[type="radio"]:checked + label:before {
  border-color: #666666;
  background-color: #666666;
}

/******************************************************************************
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: #dedede;
  -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: #0572ce !important;
  background-color: #dedede;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #0572ce 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 #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #e0e0e0;
}

.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: #0572ce;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Property Editor
   ========================================================================== */
.a-PropertyEditor {
  background-color: #f0f0f0;
}

.ui-dialog .a-PropertyEditor {
  background-color: transparent;
}

/* Property Editor Groups
   ========================================================================== */
.a-PropertyEditor-propertyGroup,
.a-PropertyEditor-propertyGroup-header,
.a-PropertyEditor-propertyGroup-body {
  border-color: #e0e0e0;
}

.a-PropertyEditor-propertyGroup {
  background-color: #fff;
}

.a-PropertyEditor-propertyGroup:focus-within {
  background-color: #f3faff;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;
}

.a-PropertyEditor-propertyGroup-header .a-Icon {
  color: #fff;
  background-color: #a6a6a6;
}

.a-PropertyEditor-propertyGroup-title {
  color: #262626;
}

.a-PropertyEditor-propertyGroup-body .a-Property {
  border-color: #e0e0e0;
}

.a-PropertyEditor-propertyGroup-header.is-focused {
  border-color: #0572ce;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px #0572ce inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px #0572ce inset;
}

.a-PropertyEditor-propertyGroup-header.is-focused .a-Icon {
  background-color: #0572ce;
}

.a-PropertyEditor-message {
  color: #a1a1a1;
}

.a-PropertyEditor-messageText {
  color: #404040;
}

/* Filtering
   ========================================================================== */
.a-PropertyEditor-filter .a-PropertyEditor-filter-icon {
  color: #000;
}

.a-PropertyEditor-filter .a-Property-field:not(.a-Property-field--text) {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-PropertyEditor-filter .a-Property-field:not(.a-Property-field--text):focus + .a-Icon {
  color: #0466B8;
}

.a-PropertyEditor-filter .a-Button--stickyFilter:focus, .a-PropertyEditor-filter .a-Button--stickyFilter:hover {
  color: #0572CE;
  background-color: #fff !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-PropertyEditor-filter .a-Button--stickyFilter.is-active {
  color: #fff;
  background-color: #FDB309 !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: #fff;
  background-color: #FDB309 !important;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce inset;
}

.a-PropertyEditor-filter:focus-within .a-Property-field {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #0572ce inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.a-PropertyEditor-filter:focus-within .a-Property-field + .a-Icon {
  color: #0466B8;
}

.a-Property-highlight {
  background-color: #ffef9a;
  -webkit-box-shadow: 0 0 0 1px #f9f9f9 inset, 0 1px 1px -1px #f0f0f0;
          box-shadow: 0 0 0 1px #f9f9f9 inset, 0 1px 1px -1px #f0f0f0;
}

/* Property Filter Not Found
   ========================================================================== */
.a-Property-notFound {
  color: #707070;
}

/* ==========================================================================
   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 Variables
 */
/******************************************************************************
Property Group Styles
******************************************************************************/
.a-PropertyGroup-item {
  border-top-color: #C3C3C3;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Region
   ========================================================================== */
.a-Region {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #e0e0e0;
}

.a-Region-title {
  color: #262626;
}

.a-Region-body {
  color: rgba(0, 0, 0, 0.65);
  border-color: #e0e0e0;
}

.a-Region-header {
  background-color: #f9f9f9;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Side .a-Region-header {
  background-color: transparent;
}

.a-Region-title {
  color: #262626;
}

/**
 * Modifier: Region with Icon
 *
 * This region contains an icon-based icon
 */
.a-Region--hasIcon .a-Icon.a-Icon--regionIcon {
  color: #B6BCC1;
}

/* ==========================================================================
   Region Caption
   ========================================================================== */
.a-Region-caption--borderTop {
  border-top-color: #f9f9f9;
}

.a-Region-caption--borderBottom {
  border-bottom-color: #f9f9f9;
}

.a-Region--iframe {
  border-color: #e0e0e0;
}

.a-Region--iframe .a-Region-header {
  border-color: #e0e0e0;
}

.a-Region--iframe .a-ButtonRegion {
  background-color: #f9f9f9;
  border-color: rgba(0, 0, 0, 0.05);
}

.a-Region-regionDesc {
  color: rgba(0, 0, 0, 0.65);
  background: #f9f9f9;
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

.a-Region--simple > .a-Region-header {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.025)), color-stop(50%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.025), rgba(0, 0, 0, 0) 50%);
}

.a-Region--carousel .a-Tabs-button {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.25);
  -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-Region--carousel .a-Tabs-button:hover {
  background-color: rgba(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 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: #a1a1a1;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Region--featuredApps.a-Region--carousel .a-Tabs-button:hover {
  background: rgba(0, 0, 0, 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: #a1a1a1;
  background: rgba(0, 0, 0, 0.1);
}

/**
 * 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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   RDS
   ========================================================================== */
ul.apex-rds {
  -webkit-box-shadow: 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 -1px 0 #e0e0e0 inset;
}

ul.apex-rds li a {
  color: #404040;
}

ul.apex-rds li a:focus {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 0 0 1px #0572ce, 0 0 1px 1px rgba(5, 114, 206, 0.5) !important;
          box-shadow: 0 0 0 1px #0572ce inset, 0 0 0 1px #0572ce, 0 0 1px 1px rgba(5, 114, 206, 0.5) !important;
}

ul.apex-rds li a:hover {
  background-color: #fff;
  -webkit-box-shadow: -1px 0 0 #e0e0e0 inset, 1px 0 0 #e0e0e0 inset, 0 1px 0 #e0e0e0 inset, 0 -1px 0 #e0e0e0 inset;
          box-shadow: -1px 0 0 #e0e0e0 inset, 1px 0 0 #e0e0e0 inset, 0 1px 0 #e0e0e0 inset, 0 -1px 0 #e0e0e0 inset;
}

ul.apex-rds li a:active {
  background-color: #e0e0e0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}

ul.apex-rds li.apex-rds-selected a {
  background-color: #fff;
  -webkit-box-shadow: -1px 0 0 #e0e0e0 inset, 1px 0 0 #e0e0e0 inset, 0 2px 0 #6cabe5 inset;
          box-shadow: -1px 0 0 #e0e0e0 inset, 1px 0 0 #e0e0e0 inset, 0 2px 0 #6cabe5 inset;
}

.apex-rds-item--hint {
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 -1px 0 #e0e0e0 inset;
          box-shadow: 0 -1px 0 #e0e0e0 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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Report
   ========================================================================== */
.a-Report-paginationText {
  color: #707070;
}

/* ==========================================================================
   Report Links
   ---
   External link and CSV link
   ========================================================================== */
.a-Report-links {
  border-color: #f0f0f0;
  background: #f9f9f9;
}

/**
 * Column Header
 */
.a-Report-colHead {
  background-color: #f9f9f9;
  color: #404040;
}

.a-Report-cell--header {
  background-color: #f9f9f9 !important;
}

/**
 * Table Cell
 */
.a-Report-cell {
  color: #404040;
  background-color: #fff;
}

.a-Report-report tr:nth-child(even) .a-Report-cell {
  background-color: #f9f9f9;
}

/* ==========================================================================
   .a-Report
   ---
   Standard Report (Bordered)
   ========================================================================== */
.a-Report-cell,
.a-Report-colHead {
  border-left-color: #f0f0f0;
  border-top-color: #f0f0f0;
}

.a-Report-report tr .a-Report-cell:last-child,
.a-Report-report tr .a-Report-colHead:last-child {
  border-right-color: #f0f0f0;
}

.a-Report-report tr:last-child .a-Report-cell {
  border-bottom-color: #f0f0f0;
}

/* ==========================================================================
   .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: #fff;
  border-bottom-color: #f0f0f0;
}

/* ==========================================================================
   .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: #fff;
}

/* ==========================================================================
   .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: whitesmoke;
}

.t-fht-thead.is-stuck: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));
}

/* ==========================================================================
   Percent Chart (Format Mask)
   ========================================================================== */
.a-Report-percentChart-fill {
  background-color: #0572ce;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Search Field
   ========================================================================== */
/**
 * Core Search Field Component
 *
 * This component contains a search input field and its relevant styling.
 */
.a-SearchField-icon {
  color: #666666;
}

.a-SearchField-clear {
  color: #B0B0B0;
}

.a-SearchField-clear:hover {
  color: #FC181B;
}

.a-SearchField-textInput {
  background-color: #fff;
  -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(112, 165, 224, 0.75) inset, 0 0 1px 1px rgba(112, 165, 224, 0.25);
          box-shadow: 0 0 0px 1px rgba(112, 165, 224, 0.75) inset, 0 0 1px 1px rgba(112, 165, 224, 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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Search Box Widget
   ========================================================================== */
.a-SearchBox-field {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}

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

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

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

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

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

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

.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: #fff;
  }
}

.a-SearchBox--autoExpand .a-SearchBox-field:hover {
  background-color: #fff;
}

.a-SearchBox--autoExpand .a-SearchBox-field:hover .a-SearchBox-input,
.a-SearchBox--autoExpand .a-SearchBox-input:focus {
  background-color: #fff;
}

/* ==========================================================================
   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 Variables
 */
/******************************************************************************
Splitter
******************************************************************************/
.a-Splitter-barH,
.a-Splitter-barV,
.a-Splitter-barH.is-disabled:hover,
.a-Splitter-barV.is-disabled:hover {
  background-color: #e0e0e0;
}

.a-Splitter-barH {
  -webkit-box-shadow: 1px 0 0 #d1d1d1 inset, -1px 0 0 #d1d1d1 inset;
          box-shadow: 1px 0 0 #d1d1d1 inset, -1px 0 0 #d1d1d1 inset;
}

.a-Splitter-barH:hover {
  background-color: #fff;
}

.a-Splitter-barV {
  -webkit-box-shadow: 0 1px 0 #d1d1d1 inset, 0 -1px 0 #d1d1d1 inset;
          box-shadow: 0 1px 0 #d1d1d1 inset, 0 -1px 0 #d1d1d1 inset;
}

.a-Splitter-barV:hover {
  background-color: #fff;
}

.a-Splitter-barH.is-focused,
.a-Splitter-barV.is-focused {
  background-color: #0572ce;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 0 2px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 0 0 1px #0572ce inset, 0 0 2px rgba(0, 0, 0, 0.1) !important;
}

.a-Splitter-barH button:hover,
.a-Splitter-barV button:hover,
.a-Splitter-barH button:hover:focus,
.a-Splitter-barV button:hover:focus {
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce inset;
}

.a-Splitter-barH button:focus {
  -webkit-box-shadow: 1px 0 0 #0572ce inset, -1px 0 0 #0572ce inset;
          box-shadow: 1px 0 0 #0572ce inset, -1px 0 0 #0572ce inset;
}

.a-Splitter-barV button:focus {
  -webkit-box-shadow: 0 1px 0 #0572ce inset, 0 -1px 0 #0572ce inset;
          box-shadow: 0 1px 0 #0572ce inset, 0 -1px 0 #0572ce 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
 */
/**
 * Theme Variables
 */
/* Spotlight Results
   ========================================================================== */
.a-Spotlight-results {
  background-color: rgba(255, 255, 255, 0.95);
}

/* List Item
   ========================================================================== */
.a-Spotlight-result:not(:last-child) {
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

.a-Spotlight-result.is-active .a-Spotlight-link {
  color: #fff;
  background-color: #0572ce;
}

.a-Spotlight-result.is-active .a-Spotlight-link .a-Spotlight-desc,
.a-Spotlight-result.is-active .a-Spotlight-link .a-Spotlight-shortcut {
  color: #fff;
}

.a-Spotlight-result.is-active .a-Spotlight-link .a-Spotlight-shortcut {
  background-color: rgba(255, 255, 255, 0.15);
}

/* Search Field
   ========================================================================== */
.a-Spotlight-search {
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

.a-Spotlight-search .a-Spotlight-icon {
  background-color: #d1d1d1;
}

.a-Spotlight-input {
  background-color: rgba(255, 255, 255, 0.95);
  color: #000;
}

/* Result Link
   ========================================================================== */
.a-Spotlight-link {
  color: #262626;
}

.a-Spotlight-icon {
  color: #fff;
  background-color: #399bea;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}

.a-Spotlight-result--app .a-Spotlight-icon {
  background-color: #f54b21;
}

.a-Spotlight-result--ws .a-Spotlight-icon {
  background-color: #24cb7f;
}

.a-Spotlight-desc {
  color: rgba(0, 0, 0, 0.65);
}

.a-Spotlight-shortcut {
  color: rgba(0, 0, 0, 0.65);
  background-color: rgba(0, 0, 0, 0.05);
}

/* Spotlight Dialog
   ========================================================================== */
body .ui-dialog.ui-dialog--apexspotlight {
  background-color: transparent;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 0 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
 */
/* ==========================================================================
   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 Variables
 */
.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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   SQL Workshop
   ========================================================================== */
.qs-main h2.no-sql-yet {
  color: #707070 !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
 */
/**
 * Theme Variables
 */
.a-StatusList-blockHeader {
  color: #404040;
  background-color: #fff;
  -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: #707070;
}

/* Time Line Item Title
   ========================================================================== */
.a-StatusList-itemTitle {
  color: #404040;
}

/* Time Line Item Attributes
   ========================================================================== */
.a-StatusList-attr {
  color: #707070;
}

/* Time Line Item Description
   ========================================================================== */
.a-StatusList-textDesc {
  color: #707070;
}

/* Modifier: Dates
   ========================================================================== */
.a-StatusList--dates .a-StatusList-marker {
  color: #707070;
  background-color: #fff;
  -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: #a1a1a1;
}

.a-StatusList--dates .a-StatusList-item.is-complete .a-StatusList-marker:after {
  background-color: #707070;
}

.a-StatusList--dates .a-StatusList-item.is-danger .a-StatusList-marker:after {
  background-color: #ff3b30;
}

.a-StatusList--dates .a-StatusList-item.is-open .a-StatusList-marker:after {
  background-color: #4cd964;
}

.a-StatusList--dates .a-StatusList-item.is-warning .a-StatusList-marker:after {
  background-color: #ffcc00;
}

.a-StatusList--dates .a-StatusList-item.is-null .a-StatusList-marker:after {
  background-color: #f0f0f0;
}

.a-StatusList--dates .a-StatusList-item.is-null .a-StatusList-marker {
  color: #a1a1a1;
  -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: #404040;
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.15);
}

.a-StatusList--bullets .a-StatusList-item.is-complete .a-StatusList-marker {
  background-color: #707070;
}

.a-StatusList--bullets .a-StatusList-item.is-danger .a-StatusList-marker {
  background-color: #ff3b30;
}

.a-StatusList--bullets .a-StatusList-item.is-open .a-StatusList-marker {
  background-color: #4cd964;
}

.a-StatusList--bullets .a-StatusList-item.is-warning .a-StatusList-marker {
  background-color: #ffcc00;
}

.a-StatusList--bullets .a-StatusList-item.is-null .a-StatusList-marker {
  color: #a1a1a1;
  background-color: #d1d1d1;
}

/* ==========================================================================
   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 Variables
 */
.a-Tabs--simple {
  background-color: whitesmoke;
  -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: #262626;
  border-right-color: #e0e0e0;
}

.a-Tabs--simple .a-Tabs-link:hover {
  background-color: #fff;
  -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: #d1d1d1;
  -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(255, 255, 255, 0.5);
}

.a-Tabs--simple .a-Tabs-item.is-active .a-Tabs-link {
  background-color: #fff;
}

.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: #fff;
  -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: #262626;
  border-right-color: #e0e0e0;
}

.a-Tabs--simpleInset .a-Tabs-link:hover,
.a-Tabs--simpleInset .a-Tabs-link:focus,
.a-Tabs--simpleInset .ui-state-hover .ui-tabs-anchor,
.a-Tabs--simpleInset .ui-state-focus .ui-tabs-anchor,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-link:hover,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-link:focus,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .ui-state-hover .ui-tabs-anchor,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .ui-state-focus .ui-tabs-anchor {
  background-color: #fff;
  -webkit-box-shadow: inset 0 -1px 0 #e0e0e0;
          box-shadow: inset 0 -1px 0 #e0e0e0;
}

.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 #0572ce inset;
          box-shadow: 0 0 0 2px #0572ce inset;
}

.a-Tabs--simpleInset .a-Tabs-link:active,
.a-Tabs--simpleInset li.ui-state-hover:not(.ui-tabs-active):active .ui-tabs-anchor,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-link:active,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav li.ui-state-hover:not(.ui-tabs-active):active .ui-tabs-anchor {
  background-color: #f0f0f0;
  border-left-color: #e0e0e0;
  border-right-color: #e0e0e0;
}

.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 {
  background-color: #fff;
  color: #262626;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.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: #fff;
  -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 {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce inset;
}

.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: #666666;
}

.a-Tabs--subTabButtons .a-Tabs-link:hover,
.a-Tabs--subTabButtons .a-Tabs-link:focus {
  color: #262626;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.13) inset, 0 2px 0 rgba(255, 255, 255, 0.75) inset, 0 1px 4px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.13) inset, 0 2px 0 rgba(255, 255, 255, 0.75) inset, 0 1px 4px rgba(0, 0, 0, 0.07);
}

.a-Tabs--subTabButtons .a-Tabs-link:focus {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset, 0 0 1px 1px rgba(5, 114, 206, 0.25) !important;
          box-shadow: 0 0 0 1px #0572ce inset, 0 0 1px 1px rgba(5, 114, 206, 0.25) !important;
}

.a-Tabs--subTabButtons .a-Tabs-link:active {
  background-color: #e0e0e0;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset;
}

.a-Tabs--subTabButtons .a-Tabs-item.is-active .a-Tabs-link {
  background-color: #CFE6FA;
  color: #000;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}

.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 {
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce inset;
}

.ui-tabs--subTabButtons > .a-Tabs-toolbar > .ui-tabs-nav .ui-tabs-active {
  background-color: #CFE6FA;
  color: #000;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset;
}

.a-Tabs--fill {
  background-color: whitesmoke;
  -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: #262626;
  border-right-color: #e0e0e0;
}

.a-Tabs--fill .a-Tabs-link:hover {
  background-color: #fff;
  -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: #d1d1d1;
  -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(255, 255, 255, 0.5);
}

.a-Tabs--fill .a-Tabs-item.is-active .a-Tabs-link {
  background-color: #fff;
}

.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: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-Tabs--forComponentLibraryFilters,
.ui-tabs--forComponentLibraryFilters > .ui-tabs-nav {
  border-bottom-color: #e0e0e0;
}

.a-TabsContainer {
  background-color: #fff;
}

.a-TabsContainer--subTabs {
  border-bottom-color: #e0e0e0;
}

.a-TabsContainer--subTabs .a-Tabs--subTabButtons .a-Tabs-link {
  color: #0572CE;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
   Tag Cloud
   ========================================================================== */
.a-TagCloud-link {
  color: inherit;
  background: #fff;
  border-color: rgba(0, 0, 0, 0.05);
}

.a-TagCloud-link:hover {
  color: #fff;
  background-color: #0572ce;
  border-color: #0572ce;
  -webkit-box-shadow: 0 0 0 2px #0572ce inset;
          box-shadow: 0 0 0 2px #0572ce inset;
}

.a-TagCloud-link:hover span {
  color: #fff;
}

.a-TagCloud-count {
  color: rgba(0, 0, 0, 0.65);
  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
 */
/**
 * Theme Variables
 */
.a-Toolbar--insetShadow,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav {
  background-color: whitesmoke;
  border-color: #e0e0e0;
  -webkit-box-shadow: inset 0 -1px 0 #e0e0e0;
          box-shadow: inset 0 -1px 0 #e0e0e0;
}

.ui-tabs--subTabButtons > .a-Tabs-toolbar {
  background-color: #fff;
  border-color: #e0e0e0;
  -webkit-box-shadow: inset 0 -1px 0 #f0f0f0;
          box-shadow: inset 0 -1px 0 #f0f0f0;
}

.a-Tabs-toolbar {
  background-color: whitesmoke;
  -webkit-box-shadow: inset 0 -1px 0 #e0e0e0;
          box-shadow: inset 0 -1px 0 #e0e0e0;
}

.a-Toolbar--simple .a-Button.a-Button--gapLeft:before {
  border-left-color: rgba(0, 0, 0, 0.1);
}

.a-Toolbar--simple .a-Button.a-Button--gapRight:before {
  border-right-color: rgba(0, 0, 0, 0.1);
}

.a-Toolbar-pageColumn {
  background-color: #fff;
  border-bottom-color: #e0e0e0;
}

/* Property Editor Toolbar
   ========================================================================== */
.a-Toolbar--propertyEditor.has-active-filter {
  background-color: #ffef9a;
}

/* Toolbar
   ========================================================================== */
.a-Toolbar-group {
  border-color: #f0f0f0;
}

.a-Toolbar-inputText {
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0 inset;
          box-shadow: 0 0 0 1px #e0e0e0 inset;
}

.a-Toolbar-inputText:focus {
  border-color: #0572ce;
  -webkit-box-shadow: 0 0 0 1px #0572ce inset;
          box-shadow: 0 0 0 1px #0572ce 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
 */
/**
 * Theme Variables
 */
/******************************************************************************
Tooltip Styles
******************************************************************************/
.tt-list > li {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.a-Tooltip,
.ui-widget-content.ui-tooltip {
  background-color: rgba(0, 0, 0, 0.75);
  border-color: rgba(0, 0, 0, 0.95);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  color: #e0e0e0;
}

/* ==========================================================================
   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 Variables
 */
/* ==========================================================================
 Tree Component
 ========================================================================== */
/*
 * Tree Node that is not important (used for Attributes / etc)
 */
.a-TreeView-content.is-not-important .a-TreeView-label {
  color: rgba(0, 0, 0, 0.5);
}

/*
 * Header Styles
 */
.a-TreeView-content.is-selected.is-header {
  color: #fff;
}

.a-TreeView-content.is-selected.is-not-important .a-TreeView-label {
  color: rgba(255, 255, 255, 0.6);
}

.a-TreeView-content.is-header {
  color: #404040;
}

/* Tree Node -- Conditional
   ========================================================================== */
.a-TreeView-content.is-conditional .a-Icon:after {
  background-color: #bd609a;
  border-color: #fff;
}

.a-TreeView.is-disabled {
  background-color: #f0f0f0;
}

/* ==========================================================================
 Tree Nodes
 ========================================================================== */
.a-PageDesigner-treeWrap {
  /* Additional color coded tree icons
     ========================================================================== */
  /* Selected State
     ========================================================================== */
}

.a-PageDesigner-treeWrap .a-TreeView-content {
  color: #B0B0B0;
}

.a-PageDesigner-treeWrap .a-Icon {
  color: #B0B0B0;
  background-color: #E8E8E8;
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-region,
.a-PageDesigner-treeWrap .a-Icon[class*="icon-region-"] {
  color: #fff;
  background-color: rgba(127, 190, 242, 0.75);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-item,
.a-PageDesigner-treeWrap span.a-Icon[class*="icon-item-"] {
  color: #fff;
  background-color: rgba(151, 156, 159, 0.75);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-button,
.a-PageDesigner-treeWrap span.a-Icon[class*="icon-button-"] {
  color: #fff;
  background-color: rgba(86, 212, 154, 0.75);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-attributes,
.a-PageDesigner-treeWrap .a-Icon.icon-tree-folder {
  color: #B0B0B0 !important;
  background-color: #f9f9f9;
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-page {
  color: #fff;
  background-color: rgba(161, 161, 161, 0.75);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-validation,
.a-PageDesigner-treeWrap .a-Icon.icon-tree-authorization {
  color: #fff;
  background-color: rgba(36, 203, 127, 0.5);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-branch {
  color: #fff;
  background-color: rgba(255, 45, 85, 0.5);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-process,
.a-PageDesigner-treeWrap .a-Icon.icon-tree-computation {
  color: #fff;
  background-color: rgba(230, 126, 33, 0.5);
}

.a-PageDesigner-treeWrap .a-Icon.icon-tree-da-event,
.a-PageDesigner-treeWrap .a-Icon.icon-tree-da-action {
  color: #fff;
  background-color: rgba(155, 89, 182, 0.5);
}

.a-PageDesigner-treeWrap .a-TreeView-content.is-selected .a-Icon {
  color: #0466B8 !important;
  background-color: rgba(255, 255, 255, 0.75) !important;
}

/*
 * Warning
 */
.a-TreeView-row.is-warning,
.a-TreeView-row.is-warning:hover {
  color: #fff;
  background-color: #fff2C3;
}

/*
 * Error
 */
.a-TreeView-row.is-error,
.a-TreeView-row.is-error:hover {
  color: #fff;
  background-color: #FFC3C3;
}

.a-TreeView-content.is-selected.is-error .a-TreeView-toggle, .a-TreeView-content.is-selected.is-warning .a-TreeView-toggle {
  color: rgba(0, 0, 0, 0.2);
}

.a-TreeView-content.is-warning .a-Icon {
  color: #fff !important;
  background-color: #FDB309 !important;
}

.a-TreeView-content.is-error .a-Icon {
  color: #fff !important;
  background-color: #f22f2f !important;
}

.a-TreeView-content.is-selected {
  color: #fff;
}

.a-TreeView-content.is-selected.is-error .a-Icon, .a-TreeView-content.is-selected.is-warning .a-Icon {
  background-color: rgba(255, 255, 255, 0.75) !important;
}

.a-TreeView-row.is-focused {
  color: #fff;
  background-color: #3fa4fa;
  -webkit-box-shadow: 0 0 1px rgba(5, 114, 206, 0.5);
          box-shadow: 0 0 1px rgba(5, 114, 206, 0.5);
}

.a-TreeView-row.is-focused ~ .a-TreeView-content .a-TreeView-label {
  color: #fff;
}

.a-TreeView-row.is-hover {
  background-color: #f9f9f9;
}

.a-TreeView-row.is-selected,
.a-TreeView-row.is-selected.is-hover {
  color: #fff;
  background-color: #0466B8;
}

.a-TreeView-row.is-focused,
.a-TreeView-row.is-selected.is-focused {
  color: #fff;
  background-color: #0572ce;
}

/* Page Designer Tree
   ========================================================================== */
.a-TreeView-label {
  color: rgba(0, 0, 0, 0.5);
}

.a-Icon + .a-TreeView-label {
  color: rgba(0, 0, 0, 0.75);
}

.a-TreeView-toggle {
  color: rgba(0, 0, 0, 0.5);
}

/* Is Chagned Indicator
   ========================================================================== */
.a-TreeView-content.is-changed:before {
  background: rgba(4, 103, 184, 0.75);
}

.a-TreeView-content.is-selected.is-changed:before {
  background-color: rgba(255, 255, 255, 0.75);
}

/* Dragging Placeholder
   ========================================================================== */
.a-TreeView-placeholder > .a-TreeView-row {
  background-color: #fff7b9;
}

.a-TreeView-placeholder > .a-TreeView-content:after {
  background-color: #F3D061;
}

/* ==========================================================================
   ORDS Tree (also inherits from Page Designer Styles)
   ========================================================================== */
.a-TreeView--ords {
  /* Colors
     ========================================================================== */
}

.a-TreeView--ords .a-Icon {
  color: #fff;
}

.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
 */
/**
 * Theme Variables
 */
/* ==========================================================================
   Wizard Container
   ========================================================================== */
.a-Wizard-regionBody p {
  color: #707070;
}

/* ==========================================================================
   Wizard Steps
   ========================================================================== */
.a-WizardSteps-wrap:after {
  background-color: #f0f0f0;
}

.a-WizardSteps-step .a-WizardSteps-marker {
  background-color: #d1d1d1;
}

.a-WizardSteps-step.is-complete .a-WizardSteps-marker {
  background-color: #24CB7F;
  color: #fff;
}

.a-WizardSteps-step.is-active .a-WizardSteps-marker {
  background-color: #0572ce;
  color: #fff;
}

.a-WizardSteps-label {
  color: #707070;
}

.a-WizardSteps-step.is-active .a-WizardSteps-label {
  color: #404040;
}

/* ==========================================================================
   Request Workspace Wizard
   ========================================================================== */
.a-Page--wizard .u-Layout {
  background-color: #fff;
}

.a-Wizard {
  background-color: #fff;
}

.a-Wizard-title {
  color: #000;
}

.a-Wizard-buttons {
  background-color: rgba(255, 255, 255, 0.95);
}

.a-Wizard-warning {
  background-color: #fff8DF;
}

.a-Wizard-warning .a-Wizard-icon {
  color: #FDB309;
}

.a-Wizard-verification {
  background-color: #fff8DF;
}

.a-Wizard-verification p {
  color: #404040;
}

.a-Wizard-verification .htmldbStandard3 {
  border-color: #e0e0e0;
}

.a-Wizard-success .a-Wizard-icon {
  color: #fff;
  background-color: #3ADD69;
}

.a-Wizard-agreement {
  border-color: #e0e0e0;
  -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: #404040;
  background-color: #f9f9f9;
}

.a-Wizard-subTitle {
  color: #404040;
}

.a-Wizard-text {
  color: #707070;
}

.a-Wizard-regionHeader,
.a-Wizard-regionFooter {
  color: #404040;
}

.a-Wizard--requestWorkspace {
  background-color: #fff;
}

/* ==========================================================================
   Modifier: Slim Wizard Steps
   ========================================================================== */
.a-WizardSteps--slim .a-WizardSteps-wrap:after {
  background-color: #f0f0f0;
}

/* Request Workspace Page Specific Styles */
.a-Page--simpleWizard.a-Page--requestWorkspace .a-Header {
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0 0, rgba(0, 0, 0, 0.05) 0 6px 12px;
          box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0 0, rgba(0, 0, 0, 0.05) 0 6px 12px;
}

.a-Page--simpleWizard.a-Page--requestWorkspace .u-Layout {
  background-color: transparent;
}

.a-Page--simpleWizard.a-Page--requestWorkspace .a-Wizard--requestWorkspace {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.05) 0 12px 24px;
          box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.05) 0 12px 24px;
}

.a-Page--simpleWizard.a-Page--requestWorkspace .a-Wizard-controls:last-child {
  border-top-color: rgba(0, 0, 0, 0.05);
}

.a-Page--simpleWizard.a-Page--requestWorkspace .a-Wizard-successCustomMessage {
  color: rgba(0, 0, 0, 0.5);
}