/** 
 * Import Compass and Theme Variables
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Base Colors
 * 
 * Description:
 * Provides a base for the UI.
 * 
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/**
 * Highlight Colors
 * 
 * Description:
 * Used for providing emphasis or importance to UI components.
 * 
 * Usage:
 * Region Headers, Primary / Hot Buttons
 */
/**
 * Accent and Status Colors
 * 
 * Description:
 * Used for indicating state-based UI components, status, or accents.
 * 
 * Usage:
 * Warnings, Errors, Danger Text, Success, Focus
 */
/**
 * Application Based Colors
 * 
 * Description:
 * Used for applications within APEX development
 */
/******************************************************************************
Color Variables
******************************************************************************/
/* line 47, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--simple {
  border: none;
  background-color: #F4F4F4;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
/* line 51, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--simple .a-Tabs-link {
  padding: 8px 12px;
  font-size: 12px;
  line-height: 24px;
  color: #444444;
  border-right: 1px solid #E0E0E0;
}
/* line 57, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--simple .a-Tabs-link:hover {
  background-color: #FFFFFF;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
/* line 61, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--simple .a-Tabs-link:active {
  background-color: #D0D0D0;
  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);
}
/* line 67, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--simple .a-Tabs-item.is-active .a-Tabs-link {
  background-color: #FFFFFF;
}
/* line 69, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--simple .a-Tabs-item.is-active .a-Tabs-link:hover, .a-Tabs--simple .a-Tabs-item.is-active .a-Tabs-link:active, .a-Tabs--simple .a-Tabs-item.is-active .a-Tabs-link:focus {
  background-color: #FFFFFF;
  box-shadow: none;
}

/* line 77, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--simpleInset,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav {
  border: none;
}
/* line 80, ../../../scss/theme/standard/Tabs.scss */
.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 {
  padding: 8px 8px 9px 8px;
  font-size: 12px;
  line-height: 24px;
  color: #444444;
  border-right: 1px solid #E0E0E0;
}
@media only screen and (max-width: 1024px) {
  /* line 80, ../../../scss/theme/standard/Tabs.scss */
  .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 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  /* line 80, ../../../scss/theme/standard/Tabs.scss */
  .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 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1679px) {
  /* line 80, ../../../scss/theme/standard/Tabs.scss */
  .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 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
/* line 101, ../../../scss/theme/standard/Tabs.scss */
.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: #FFFFFF;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  outline: none;
}
/* line 109, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--simpleInset .a-Tabs-link:focus,
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .a-Tabs-link:focus {
  box-shadow: 0 0 0 2px #399bea inset, 0 0 1px 1px rgba(57, 155, 234, 0.25);
}
/* line 114, ../../../scss/theme/standard/Tabs.scss */
.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: #D0D0D0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.25);
  margin-left: -1px;
  border-left: 1px solid #BBBBBB;
  border-right-color: #BBBBBB;
}
/* line 122, ../../../scss/theme/standard/Tabs.scss */
.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: #FFFFFF;
  color: #444444;
  box-shadow: none;
}
/* line 128, ../../../scss/theme/standard/Tabs.scss */
.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: #FFFFFF;
  box-shadow: none;
}
/* line 133, ../../../scss/theme/standard/Tabs.scss */
.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: #FFFFFF;
  box-shadow: 0 0 0 2px #399bea inset, 0 0 1px 1px rgba(57, 155, 234, 0.25);
}

/* line 145, ../../../scss/theme/standard/Tabs.scss */
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .ui-state-default {
  border: none;
  background-image: none;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
/* line 152, ../../../scss/theme/standard/Tabs.scss */
.ui-tabs--simpleInset > .a-Tabs-toolbar > .ui-tabs-nav .ui-state-default:focus {
  outline: none;
}

/* line 156, ../../../scss/theme/standard/Tabs.scss */
.ui-tabs--simpleInset.ui-tabs--componentLibrary .ui-tabs-nav {
  border-top: 1px solid #BBBBBB !important;
}

/* line 162, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--subTabButtons {
  border: none;
  padding: 8px;
  background-color: transparent;
  box-shadow: none;
}
/* line 169, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--subTabButtons .a-Tabs-item:focus {
  outline: none;
}
/* line 174, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--subTabButtons .a-Tabs-link {
  padding: 0 12px;
  font-size: 12px;
  line-height: 2;
  color: #6F6F6F;
  border-radius: 2px;
  margin-right: 8px;
  border-right: none;
}
/* line 185, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--subTabButtons .a-Tabs-link:hover,
.a-Tabs--subTabButtons .a-Tabs-link:focus {
  color: #444444;
  background-color: #FFF;
  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);
  outline: none;
  text-decoration: none;
}
/* line 194, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--subTabButtons .a-Tabs-link:focus
 {
  box-shadow: 0 0 0 1px #399bea inset, 0 0 1px 1px rgba(57, 155, 234, 0.25) !important;
}
/* line 204, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--subTabButtons .a-Tabs-link:active {
  background-color: #E4E4E4;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset;
}
/* line 209, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--subTabButtons .a-Tabs-item.is-active .a-Tabs-link {
  background-color: #CFE6FA;
  color: #444444;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset;
}

/* line 216, ../../../scss/theme/standard/Tabs.scss */
.ui-tabs--subTabButtons > .a-Tabs-toolbar > .ui-tabs-nav {
  padding: 8px;
}
/* line 218, ../../../scss/theme/standard/Tabs.scss */
.ui-tabs--subTabButtons > .a-Tabs-toolbar > .ui-tabs-nav .ui-tabs-anchor {
  line-height: 2;
  padding: 0 12px;
  outline: none;
}
/* line 223, ../../../scss/theme/standard/Tabs.scss */
.ui-tabs--subTabButtons > .a-Tabs-toolbar > .ui-tabs-nav li {
  margin-right: 8px;
  border-radius: 2px;
}
/* line 227, ../../../scss/theme/standard/Tabs.scss */
.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 {
  box-shadow: 0 0 0 1px #399bea inset, 0 0 1px 1px rgba(57, 155, 234, 0.25) !important;
}
/* line 232, ../../../scss/theme/standard/Tabs.scss */
.ui-tabs--subTabButtons > .a-Tabs-toolbar > .ui-tabs-nav .ui-tabs-active {
  background-color: #CFE6FA;
  color: #444444;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset;
}

/* line 254, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--fill {
  border: none;
  background-color: #F4F4F4;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
/* line 258, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--fill .a-Tabs-link {
  padding: 8px 12px;
  font-size: 12px;
  line-height: 24px;
  color: #444444;
  border-right: 1px solid #E0E0E0;
}
/* line 264, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--fill .a-Tabs-link:hover {
  background-color: #FFFFFF;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
/* line 268, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--fill .a-Tabs-link:active {
  background-color: #D0D0D0;
  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);
}
/* line 274, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--fill .a-Tabs-item.is-active .a-Tabs-link {
  background-color: #FFFFFF;
}
/* line 276, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--fill .a-Tabs-item.is-active .a-Tabs-link:hover, .a-Tabs--fill .a-Tabs-item.is-active .a-Tabs-link:active, .a-Tabs--fill .a-Tabs-item.is-active .a-Tabs-link:focus {
  background-color: #FFFFFF;
  box-shadow: none;
}

/* line 285, ../../../scss/theme/standard/Tabs.scss */
.a-Tabs--forComponentLibraryFilters,
.ui-tabs--forComponentLibraryFilters > .ui-tabs-nav {
  border-bottom: 1px solid #E0E0E0;
  padding: 8px 4px 0 12px;
}

/* line 292, ../../../scss/theme/standard/Tabs.scss */
.a-TabsContainer {
  background-color: #FFFFFF;
}

/* line 296, ../../../scss/theme/standard/Tabs.scss */
.a-TabsContainer--subTabs {
  border-bottom: 1px solid #E0E0E0;
}
/* line 299, ../../../scss/theme/standard/Tabs.scss */
.a-TabsContainer--subTabs .a-Tabs--subTabButtons .a-Tabs-link {
  color: #146FB8;
}