@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.css

Salesforce Lightning Design System

/*! Lightning Design System 1.0.3 */
/*!
 * Copyright (c) 2015, salesforce.com, inc. All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
 * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
 * Neither the name of salesforce.com, inc. nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
@font-face {
  font-family: 'Salesforce Sans';
  src: url("../fonts/webfonts/SalesforceSans-Light.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Light.woff") format("woff");
  font-weight: 300; }

@font-face {
  font-family: 'Salesforce Sans';
  src: url("../fonts/webfonts/SalesforceSans-LightItalic.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-LightItalic.woff") format("woff");
  font-style: italic;
  font-weight: 300; }

@font-face {
  font-family: 'Salesforce Sans';
  src: url("../fonts/webfonts/SalesforceSans-Regular.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Regular.woff") format("woff");
  font-weight: 400; }

@font-face {
  font-family: 'Salesforce Sans';
  src: url("../fonts/webfonts/SalesforceSans-Italic.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: 'Salesforce Sans';
  src: url("../fonts/webfonts/SalesforceSans-Bold.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Bold.woff") format("woff");
  font-weight: 700; }

@font-face {
  font-family: 'Salesforce Sans';
  src: url("../fonts/webfonts/SalesforceSans-BoldItalic.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 700; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }

::-webkit-input-placeholder {
  color: #54698d;
  font-weight: 400;
  font-size: 0.875rem; }

::-moz-placeholder {
  color: #54698d;
  font-weight: 400;
  font-size: 0.875rem; }

:-ms-input-placeholder {
  color: #54698d;
  font-weight: 400;
  font-size: 0.875rem; }

::placeholder {
  color: #54698d;
  font-weight: 400;
  font-size: 0.875rem; }

::-moz-selection {
  background: #faffbd;
  text-shadow: none;
  color: #16325c; }

::selection {
  background: #faffbd;
  text-shadow: none;
  color: #16325c; }

html {
  font: 100% / 1.5 "Salesforce Sans", Arial, sans-serif;
  background: white;
  color: #16325c;
  -webkit-tap-highlight-color: transparent; }

body {
  font-size: 0.875rem;
  background: transparent; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
dl,
fieldset {
  margin: 0;
  padding: 0; }

dd,
figure {
  margin: 0; }

abbr[title],
fieldset,
hr {
  border: 0; }

hr {
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: 1em; }

ol,
ul {
  list-style: none; }

a {
  color: #0070d2;
  text-decoration: none;
  transition: color 0.1s linear; }

a:hover, a:focus {
  text-decoration: underline;
  color: #005fb2; }

a:focus {
  outline: thin dotted;
  outline: 5px auto #1589ee;
  outline-offset: -2px; }

a:active {
  color: #00396b; }

a,
button {
  cursor: pointer; }

b,
strong,
dfn {
  font-weight: 700; }

mark {
  background-color: #faffbd; }

abbr[title] {
  cursor: help; }

input[type=search] {
  box-sizing: border-box; }

table {
  width: 100%; }

caption,
th,
td {
  text-align: left; }

hr {
  display: block;
  margin: 2rem 0;
  border-top: 1px solid #d8dde6;
  height: 1px;
  clear: both; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

img {
  max-width: 100%;
  height: auto; }

.slds-media--timeline {
  padding-bottom: 2rem;
  position: relative; }

.slds-media--timeline:before {
  content: '';
  background: #d8dde6;
  height: 100%;
  width: 2px;
  position: absolute;
  left: 1.125rem;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  z-index: -1; }

.slds-media--timeline:before {
  margin-left: -3px; }

.slds-media--timeline .slds-timeline__icon {
  border: 2px solid #fff; }

.slds-timeline__actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.slds-timeline__date {
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  color: #54698d; }

.slds-timeline__media--call:before {
  background: #48c3cc; }

.slds-timeline__media--email:before {
  background: #95aec5; }

.slds-timeline__media--event:before {
  background: #eb7092; }

.slds-timeline__media--task:before {
  background: #4bc076; }

.slds-timeline__item {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.slds-breadcrumb .slds-list__item {
  position: relative; }

.slds-breadcrumb .slds-list__item:before {
  content: '\003E';
  position: absolute;
  left: -0.25rem; }

.slds-breadcrumb .slds-list__item > a {
  display: block;
  padding: 0 0.5rem; }

.slds-breadcrumb .slds-list__item > a:hover {
  text-decoration: none; }

.slds-breadcrumb .slds-list__item:first-child > a {
  padding-left: 0; }

.slds-breadcrumb .slds-list__item:first-child:before {
  content: ''; }

.slds-button-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.slds-button-group .slds-button {
  border-radius: 0; }

.slds-button-group .slds-button + .slds-button,
.slds-button-group .slds-button + .slds-button--last .slds-button {
  margin-left: -1px; }

.slds-button-group .slds-button:first-child {
  border-radius: 0.25rem 0 0 0.25rem; }

.slds-button-group .slds-button:last-child {
  border-radius: 0 0.25rem 0.25rem 0; }

.slds-button-group .slds-button:focus {
  z-index: 1; }

.slds-button-group .slds-button:only-child {
  border-radius: 0.25rem; }

.slds-button-group .slds-toggle-visibility:last-child[disabled] {
  display: none; }

.slds-button-group + .slds-button-group,
.slds-button-group + .slds-button {
  margin-left: 0.25rem; }

.slds-button-group .slds-button--last .slds-button,
.slds-button-group .slds-button.slds-button--last {
  border-radius: 0 0.25rem 0.25rem 0; }

.slds-button {
  position: relative;
  display: inline-block;
  padding: 0;
  background: transparent;
  background-clip: padding-box;
  border: 0;
  border-radius: 0.25rem;
  color: #0070d2;
  font-size: inherit;
  line-height: 2.125rem;
  text-decoration: none;
  -webkit-appearance: none;
  white-space: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: color 0.05s linear, background-color 0.05s linear; }

.slds-button:hover, .slds-button:focus, .slds-button:active, .slds-button:visited {
  text-decoration: none; }

.slds-button:hover, .slds-button:focus {
  color: #005fb2; }

.slds-button:focus {
  outline: 0;
  box-shadow: 0 0 3px #0070D2; }

.slds-button:active {
  color: #00396b; }

.slds-button[disabled] {
  color: #d8dde6; }

.slds-button:hover .slds-button__icon, .slds-button:focus .slds-button__icon, .slds-button:active .slds-button__icon, .slds-button[disabled] .slds-button__icon {
  fill: currentColor; }

.slds-button + .slds-button-group {
  margin-left: 0.25rem; }

.slds-button + .slds-button {
  margin-left: 0.25rem; }

.slds-button-space-left {
  margin-left: 0.25rem; }

a.slds-button {
  text-align: center; }

a.slds-button:focus {
  outline: 0;
  box-shadow: 0 0 3px #0070D2; }

.slds-button__icon--left {
  margin-right: 0.5rem; }

.slds-button__icon--right {
  margin-left: 0.5rem; }

.slds-button--small {
  line-height: 1.75rem;
  min-height: 2rem; }

.slds-button--neutral {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d8dde6;
  background-color: white; }

.slds-button--neutral:hover, .slds-button--neutral:focus {
  background-color: #f4f6f9; }

.slds-button--neutral:active {
  background-color: #eef1f6; }

.slds-button--neutral[disabled] {
  background-color: white;
  cursor: default; }

.slds-button--hint {
  color: #9faab5; }

.slds-button--hint:hover, .slds-button--hint:focus, .slds-button--hint:active {
  color: #0070d2; }

.slds-hint-parent:hover .slds-button--hint, .slds-hint-parent:focus .slds-button--hint {
  color: #0070d2; }

.slds-button--brand {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  vertical-align: middle;
  background-color: #0070d2;
  border: 1px solid #0070d2;
  color: white; }

.slds-button--brand:link, .slds-button--brand:visited, .slds-button--brand:active {
  color: white; }

.slds-button--brand:hover, .slds-button--brand:focus {
  background-color: #005fb2;
  color: white; }

.slds-button--brand:active {
  background-color: #00396b; }

.slds-button--brand[disabled] {
  background: #e0e5ee;
  border-color: transparent;
  color: white; }

.slds-button--inverse {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d8dde6;
  background-color: transparent; }

.slds-button--inverse:hover, .slds-button--inverse:focus {
  background-color: #f4f6f9; }

.slds-button--inverse:active {
  background-color: #eef1f6; }

.slds-button--inverse[disabled] {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15); }

.slds-button--inverse, .slds-button--inverse:link, .slds-button--inverse:visited,
.slds-button-group .slds-button--icon-inverse,
.slds-button-group .slds-button--icon-inverse:link,
.slds-button-group .slds-button--icon-inverse:visited {
  color: #e0e5ee; }

.slds-button--inverse:hover, .slds-button--inverse:focus, .slds-button--inverse:active,
.slds-button-group .slds-button--icon-inverse:hover,
.slds-button-group .slds-button--icon-inverse:focus,
.slds-button-group .slds-button--icon-inverse:active {
  color: #0070d2; }

.slds-button--inverse:focus,
.slds-button-group .slds-button--icon-inverse:focus {
  outline: none;
  box-shadow: 0 0 3px #E0E5EE; }

.slds-button--inverse[disabled],
.slds-button-group .slds-button--icon-inverse[disabled] {
  color: rgba(255, 255, 255, 0.15); }

a.slds-button--inverse:focus {
  outline: none;
  box-shadow: 0 0 3px #E0E5EE; }

.slds-button--destructive {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  vertical-align: middle;
  background-color: #c23934;
  border: 1px solid #c23934;
  color: white; }

.slds-button--destructive:link, .slds-button--destructive:visited, .slds-button--destructive:active {
  color: white; }

.slds-button--destructive:hover, .slds-button--destructive:focus {
  background-color: #a61a14;
  color: white; }

.slds-button--destructive:active {
  background-color: #870500;
  border-color: #870500; }

.slds-button--destructive[disabled] {
  background: #e0e5ee;
  border-color: transparent;
  color: white; }

.slds-button--neutral.slds-is-selected {
  border-color: transparent;
  background-color: transparent; }

.slds-button--neutral.slds-is-selected:hover:not([disabled]), .slds-button--neutral.slds-is-selected:focus:not([disabled]) {
  border: 1px solid #d8dde6;
  background-color: #f4f6f9; }

.slds-button--neutral.slds-is-selected:active {
  background-color: #eef1f6; }

.slds-button__icon--stateful {
  width: 0.75rem;
  height: 0.75rem;
  fill: currentColor; }

.slds-button--inverse.slds-is-selected {
  border-color: transparent; }

.slds-text-not-selected,
.slds-text-selected,
.slds-text-selected-focus,
.slds-is-selected[disabled]:hover .slds-text-selected,
.slds-is-selected[disabled]:focus .slds-text-selected {
  display: block; }

.slds-not-selected .slds-text-selected,
.slds-not-selected .slds-text-selected-focus,
.slds-is-selected .slds-text-not-selected,
.slds-is-selected:not(:hover):not(:focus) .slds-text-selected-focus,
.slds-is-selected[disabled]:hover .slds-text-selected-focus,
.slds-is-selected:hover .slds-text-selected,
.slds-is-selected:focus .slds-text-selected {
  display: none; }

.slds-button--icon,
.slds-button--icon-container,
.slds-button--icon-border,
.slds-button--icon-border-filled,
.slds-button--icon-more {
  line-height: 1;
  vertical-align: middle;
  color: #54698d; }

.slds-button--icon-bare {
  line-height: 1;
  vertical-align: middle;
  color: #54698d; }

.slds-button--icon-border[disabled]:hover, .slds-button--icon-border[disabled]:focus {
  background-color: transparent; }

.slds-button--icon-border-filled,
.slds-button--icon-border {
  border: 1px solid #d8dde6; }

.slds-button--icon-border-filled:hover, .slds-button--icon-border-filled:focus,
.slds-button--icon-border:hover,
.slds-button--icon-border:focus {
  background-color: #f4f6f9; }

.slds-button--icon-border-filled:active,
.slds-button--icon-border:active {
  background-color: #eef1f6; }

.slds-button--icon-container,
.slds-button--icon-border,
.slds-button--icon-border-filled {
  width: 2.25rem;
  height: 2.25rem; }

.slds-button--icon-border-filled {
  background-color: white; }

.slds-button--icon-border-filled[disabled] {
  border: 1px solid #d8dde6;
  background-color: white; }

.slds-button--icon-more {
  line-height: 2.125rem;
  padding: 0 0.5rem;
  vertical-align: middle;
  border: 1px solid #d8dde6; }

.slds-button--icon-more:hover, .slds-button--icon-more:focus {
  border: 1px solid #d8dde6; }

.slds-button--icon-more:hover:hover, .slds-button--icon-more:hover:focus, .slds-button--icon-more:focus:hover, .slds-button--icon-more:focus:focus {
  background-color: #f4f6f9; }

.slds-button--icon-more:hover:active, .slds-button--icon-more:focus:active {
  background-color: #eef1f6; }

.slds-button--icon-more:hover .slds-button__icon, .slds-button--icon-more:focus .slds-button__icon {
  fill: #0070d2; }

.slds-button--icon-more:active .slds-button__icon {
  fill: #00396b; }

.slds-button--icon-more[disabled] {
  cursor: default; }

.slds-button--icon-more[disabled] .slds-button__icon {
  fill: #d8dde6; }

.slds-button--icon-inverse {
  color: white; }

.slds-button--icon-inverse:hover, .slds-button--icon-inverse:focus {
  color: rgba(255, 255, 255, 0.75); }

.slds-button--icon-inverse:active {
  color: rgba(255, 255, 255, 0.5); }

.slds-button--icon-inverse[disabled] {
  color: rgba(255, 255, 255, 0.15); }

.slds-button--icon-border.slds-is-selected {
  background-color: #0070d2;
  border: 1px solid #0070d2;
  color: white; }

.slds-button--icon-border.slds-is-selected:link, .slds-button--icon-border.slds-is-selected:visited, .slds-button--icon-border.slds-is-selected:active {
  color: white; }

.slds-button--icon-border.slds-is-selected:hover, .slds-button--icon-border.slds-is-selected:focus {
  background-color: #005fb2;
  color: white; }

.slds-button--icon-border.slds-is-selected:active {
  background-color: #00396b; }

.slds-button--icon-border.slds-is-selected .slds-button__icon {
  fill: white; }

.slds-button--icon-border.slds-is-selected:hover .slds-button__icon, .slds-button--icon-border.slds-is-selected:focus .slds-button__icon {
  fill: white; }

.slds-button--icon-small {
  width: 2rem;
  height: 2rem;
  line-height: 1.75rem; }

.slds-button--icon-x-small {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.125rem;
  line-height: 1; }

.slds-button--icon-x-small .slds-button__icon {
  width: 0.75rem;
  height: 0.75rem; }

.slds-button__icon {
  width: 1rem;
  height: 1rem;
  fill: currentColor; }

.slds-button__icon--large {
  width: 1.5rem;
  height: 1.5rem; }

.slds-button__icon--small {
  width: 0.75rem;
  height: 0.75rem; }

.slds-button__icon--x-small {
  width: 0.5rem;
  height: 0.5rem; }

.slds-button__icon--hint {
  fill: #9faab5; }

.slds-hint-parent:hover .slds-button__icon--hint, .slds-hint-parent:focus .slds-button__icon--hint {
  fill: #54698d; }

.slds-icon_container,
.slds-icon__container {
  display: inline-block;
  border-radius: 0.25rem; }

.slds-icon_container--circle,
.slds-icon__container--circle {
  padding: 0.5rem;
  border-radius: 50%; }

.slds-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  fill: white; }

.slds-icon-action-change-owner {
  background-color: #54698d; }

.slds-icon-action-share {
  background-color: #54698d; }

.slds-icon-action-info {
  background-color: #54698d; }

.slds-icon-action-upload {
  background-color: #54698d; }

.slds-icon-action-change-record-type {
  background-color: #54698d; }

.slds-icon-action-check {
  background-color: #54698d; }

.slds-icon-action-download {
  background-color: #54698d; }

.slds-icon-action-edit-relationship {
  background-color: #54698d; }

.slds-icon-action-freeze-user {
  background-color: #54698d; }

.slds-icon-action-manage-perm-sets {
  background-color: #54698d; }

.slds-icon-action-password-unlock {
  background-color: #54698d; }

.slds-icon-action-refresh {
  background-color: #54698d; }

.slds-icon-action-remove {
  background-color: #54698d; }

.slds-icon-action-reset-password {
  background-color: #54698d; }

.slds-icon-action-user-activation {
  background-color: #54698d; }

.slds-icon-action-add-contact {
  background-color: #a094ed; }

.slds-icon-action-approval {
  background-color: #00c6b7; }

.slds-icon-action-canvas {
  background-color: #8199af; }

.slds-icon-action-goal {
  background-color: #56aadf; }

.slds-icon-action-opportunity-competitor {
  background-color: #fcb95b; }

.slds-icon-action-opportunity-line-item {
  background-color: #fcb95b; }

.slds-icon-action-opportunity-team-member {
  background-color: #fcb95b; }

.slds-icon-action-question-post-action {
  background-color: #32af5c; }

.slds-icon-action-quote {
  background-color: #88c651; }

.slds-icon-action-reject {
  background-color: #00c6b7; }

.slds-icon-action-social-post {
  background-color: #ea74a2; }

.slds-icon-action-fallback {
  background-color: #9895ee; }

.slds-icon-action-edit {
  background-color: #1dccbf; }

.slds-icon-action-delete {
  background-color: #e6717c; }

.slds-icon-action-clone {
  background-color: #6ca1e9; }

.slds-icon-action-follow {
  background-color: #31b9f8; }

.slds-icon-action-following {
  background-color: #7dcf64; }

.slds-icon-action-join-group {
  background-color: #779ef2; }

.slds-icon-action-leave-group {
  background-color: #f39e58; }

.slds-icon-action-edit-groups {
  background-color: #34becd; }

.slds-icon-action-share-post {
  background-color: #65cae4; }

.slds-icon-action-user {
  background-color: #65cae4; }

.slds-icon-action-share-file {
  background-color: #baac93; }

.slds-icon-action-new-task {
  background-color: #4bc076; }

.slds-icon-action-new-contact {
  background-color: #a094ed; }

.slds-icon-action-new-opportunity {
  background-color: #fcb95b; }

.slds-icon-action-new-case {
  background-color: #f2cf5b; }

.slds-icon-action-new-lead {
  background-color: #f88962; }

.slds-icon-action-share-thanks {
  background-color: #e9696e; }

.slds-icon-action-share-link {
  background-color: #7a9ae6; }

.slds-icon-action-share-poll {
  background-color: #699be1; }

.slds-icon-action-new-event {
  background-color: #eb7092; }

.slds-icon-action-new-child-case {
  background-color: #fa975c; }

.slds-icon-action-log-a-call {
  background-color: #48c3cc; }

.slds-icon-action-new-note {
  background-color: #e6d478; }

.slds-icon-action-new {
  background-color: #33bce7; }

.slds-icon-action-filter {
  background-color: #fd90b5; }

.slds-icon-action-sort {
  background-color: #fab9a5; }

.slds-icon-action-description {
  background-color: #7dc37d; }

.slds-icon-action-defer {
  background-color: #ef7ead; }

.slds-icon-action-update {
  background-color: #81b4d6; }

.slds-icon-action-log-this-event {
  background-color: #eb7092; }

.slds-icon-action-email {
  background-color: #95aec5; }

.slds-icon-action-dial-in {
  background-color: #8b9ae3; }

.slds-icon-action-map {
  background-color: #76c6ee; }

.slds-icon-action-call {
  background-color: #1fcaa0; }

.slds-icon-action-google-news {
  background-color: #f5675b; }

.slds-icon-action-web-link {
  background-color: #56aadf; }

.slds-icon-action-submit-for-approval {
  background-color: #50cc7a; }

.slds-icon-action-search {
  background-color: #48adeb; }

.slds-icon-action-close {
  background-color: #ef6e64; }

.slds-icon-action-back {
  background-color: #0dc2d9; }

.slds-icon-action-office-365 {
  background-color: #ff8041; }

.slds-icon-action-concur {
  background-color: #4cc3c7; }

.slds-icon-action-dropbox {
  background-color: #52aef9; }

.slds-icon-action-evernote {
  background-color: #86c86f; }

.slds-icon-action-docusign {
  background-color: #5080db; }

.slds-icon-action-more {
  background-color: #62b7ed; }

.slds-icon-action-notebook {
  background-color: #e6d478; }

.slds-icon-action-new-notebook {
  background-color: #e6d478; }

.slds-icon-action-preview {
  background-color: #7f8de1; }

.slds-icon-action-priority {
  background-color: #fbb439; }

.slds-icon-action-default-custom-object {
  background-color: #8199af; }

.slds-icon-action-new-custom-object {
  background-color: #a7d44d; }

.slds-icon-action-lead-convert {
  background-color: #f88962; }

.slds-icon-action-new-account {
  background-color: #7f8de1; }

.slds-icon-action-new-person-account {
  background-color: #7f8de1; }

.slds-icon-action-new-campaign {
  background-color: #f49756; }

.slds-icon-action-new-group {
  background-color: #83b6ff; }

.slds-icon-action-update-status {
  background-color: #1ec7be; }

.slds-icon-action-new-custom-1 {
  background-color: #ff7b84; }

.slds-icon-action-new-custom-2 {
  background-color: #cfd05c; }

.slds-icon-action-new-custom-3 {
  background-color: #ecb46c; }

.slds-icon-action-new-custom-4 {
  background-color: #e1d951; }

.slds-icon-action-new-custom-5 {
  background-color: #9fdb66; }

.slds-icon-action-new-custom-6 {
  background-color: #54c473; }

.slds-icon-action-new-custom-7 {
  background-color: #6a89e5; }

.slds-icon-action-new-custom-8 {
  background-color: #50ceb9; }

.slds-icon-action-new-custom-9 {
  background-color: #6b9ee2; }

.slds-icon-action-new-custom-10 {
  background-color: #6488e3; }

.slds-icon-action-new-custom-11 {
  background-color: #8784ea; }

.slds-icon-action-new-custom-12 {
  background-color: #dc71d1; }

.slds-icon-action-new-custom-13 {
  background-color: #df6184; }

.slds-icon-action-new-custom-14 {
  background-color: #3cc2b3; }

.slds-icon-action-new-custom-15 {
  background-color: #f77e75; }

.slds-icon-action-new-custom-16 {
  background-color: #e9af67; }

.slds-icon-action-new-custom-17 {
  background-color: #acd360; }

.slds-icon-action-new-custom-18 {
  background-color: #4dca76; }

.slds-icon-action-new-custom-19 {
  background-color: #3abeb1; }

.slds-icon-action-new-custom-20 {
  background-color: #48c7c8; }

.slds-icon-action-new-custom-21 {
  background-color: #8a7aed; }

.slds-icon-action-new-custom-22 {
  background-color: #8b85f9; }

.slds-icon-action-new-custom-23 {
  background-color: #b070e6; }

.slds-icon-action-new-custom-24 {
  background-color: #e56798; }

.slds-icon-action-new-custom-25 {
  background-color: #e46fbe; }

.slds-icon-action-new-custom-26 {
  background-color: #7698f0; }

.slds-icon-action-new-custom-27 {
  background-color: #5ab0d2; }

.slds-icon-action-new-custom-28 {
  background-color: #89c059; }

.slds-icon-action-new-custom-29 {
  background-color: #bdd25f; }

.slds-icon-action-new-custom-30 {
  background-color: #f59f71; }

.slds-icon-action-new-custom-31 {
  background-color: #eb687f; }

.slds-icon-action-new-custom-32 {
  background-color: #38c393; }

.slds-icon-action-new-custom-33 {
  background-color: #97cf5d; }

.slds-icon-action-new-custom-34 {
  background-color: #d58a6a; }

.slds-icon-action-new-custom-35 {
  background-color: #e9637e; }

.slds-icon-action-new-custom-36 {
  background-color: #d472d4; }

.slds-icon-action-new-custom-37 {
  background-color: #8c89f2; }

.slds-icon-action-new-custom-38 {
  background-color: #53b6d7; }

.slds-icon-action-new-custom-39 {
  background-color: #4fbe75; }

.slds-icon-action-new-custom-40 {
  background-color: #83c75e; }

.slds-icon-action-new-custom-41 {
  background-color: #43b5b5; }

.slds-icon-action-new-custom-42 {
  background-color: #cfd05b; }

.slds-icon-action-new-custom-43 {
  background-color: #7f93f9; }

.slds-icon-action-new-custom-44 {
  background-color: #c8ca58; }

.slds-icon-action-new-custom-45 {
  background-color: #d95879; }

.slds-icon-action-new-custom-46 {
  background-color: #67a5e7; }

.slds-icon-action-new-custom-47 {
  background-color: #5fcc64; }

.slds-icon-action-new-custom-48 {
  background-color: #ef697f; }

.slds-icon-action-new-custom-49 {
  background-color: #e25c80; }

.slds-icon-action-new-custom-50 {
  background-color: #49bcd3; }

.slds-icon-action-new-custom-51 {
  background-color: #d8c760; }

.slds-icon-action-new-custom-52 {
  background-color: #ee8e6f; }

.slds-icon-action-new-custom-53 {
  background-color: #f36e83; }

.slds-icon-action-new-custom-54 {
  background-color: #ea70b1; }

.slds-icon-action-new-custom-55 {
  background-color: #d66ee0; }

.slds-icon-action-new-custom-56 {
  background-color: #718deb; }

.slds-icon-action-new-custom-57 {
  background-color: #5a9cdd; }

.slds-icon-action-new-custom-58 {
  background-color: #34b59d; }

.slds-icon-action-new-custom-59 {
  background-color: #e3d067; }

.slds-icon-action-new-custom-60 {
  background-color: #bf5a88; }

.slds-icon-action-new-custom-61 {
  background-color: #f57376; }

.slds-icon-action-new-custom-62 {
  background-color: #6b92dc; }

.slds-icon-action-new-custom-63 {
  background-color: #7ccf60; }

.slds-icon-action-new-custom-64 {
  background-color: #618fd8; }

.slds-icon-action-new-custom-65 {
  background-color: #f279ab; }

.slds-icon-action-new-custom-66 {
  background-color: #d8be5f; }

.slds-icon-action-new-custom-67 {
  background-color: #f87d76; }

.slds-icon-action-new-custom-68 {
  background-color: #f26979; }

.slds-icon-action-new-custom-69 {
  background-color: #ed6387; }

.slds-icon-action-new-custom-70 {
  background-color: #e769b4; }

.slds-icon-action-new-custom-71 {
  background-color: #e36ee3; }

.slds-icon-action-new-custom-72 {
  background-color: #8d9bfb; }

.slds-icon-action-new-custom-73 {
  background-color: #679ef0; }

.slds-icon-action-new-custom-74 {
  background-color: #41c8a0; }

.slds-icon-action-new-custom-75 {
  background-color: #cd9f65; }

.slds-icon-action-new-custom-76 {
  background-color: #db6d7a; }

.slds-icon-action-new-custom-77 {
  background-color: #b55d5b; }

.slds-icon-action-new-custom-78 {
  background-color: #5a95dd; }

.slds-icon-action-new-custom-79 {
  background-color: #8ed363; }

.slds-icon-action-new-custom-80 {
  background-color: #659ad5; }

.slds-icon-action-new-custom-81 {
  background-color: #da627f; }

.slds-icon-action-new-custom-82 {
  background-color: #d15b97; }

.slds-icon-action-new-custom-83 {
  background-color: #e7806f; }

.slds-icon-action-new-custom-84 {
  background-color: #f6707b; }

.slds-icon-action-new-custom-85 {
  background-color: #f26891; }

.slds-icon-action-new-custom-86 {
  background-color: #e260ab; }

.slds-icon-action-new-custom-87 {
  background-color: #d876e5; }

.slds-icon-action-new-custom-88 {
  background-color: #996fe6; }

.slds-icon-action-new-custom-89 {
  background-color: #3e99be; }

.slds-icon-action-new-custom-90 {
  background-color: #22a48a; }

.slds-icon-action-new-custom-91 {
  background-color: #bf7b66; }

.slds-icon-action-new-custom-92 {
  background-color: #517e82; }

.slds-icon-action-new-custom-93 {
  background-color: #904d4c; }

.slds-icon-action-new-custom-94 {
  background-color: #439cba; }

.slds-icon-action-new-custom-95 {
  background-color: #8bcf6a; }

.slds-icon-action-new-custom-96 {
  background-color: #6d9de3; }

.slds-icon-action-new-custom-97 {
  background-color: #dd6085; }

.slds-icon-action-new-custom-98 {
  background-color: #e1be5c; }

.slds-icon-action-new-custom-99 {
  background-color: #f0856e; }

.slds-icon-action-new-custom-100 {
  background-color: #e15d76; }

.slds-icon-action-apex {
  background-color: #696e71; }

.slds-icon-action-flow {
  background-color: #0079bc; }

.slds-icon-action-announcement {
  background-color: #fe8f60; }

.slds-icon-action-record {
  background-color: #7dc37d; }

.slds-icon-action-log-event {
  background-color: #6ca1e9; }

.slds-icon-custom-1 {
  background-color: #ff7b84; }

.slds-icon-custom-2 {
  background-color: #cfd05c; }

.slds-icon-custom-3 {
  background-color: #ecb46c; }

.slds-icon-custom-4 {
  background-color: #e1d951; }

.slds-icon-custom-5 {
  background-color: #9fdb66; }

.slds-icon-custom-6 {
  background-color: #54c473; }

.slds-icon-custom-7 {
  background-color: #6a89e5; }

.slds-icon-custom-8 {
  background-color: #50ceb9; }

.slds-icon-custom-9 {
  background-color: #6b9ee2; }

.slds-icon-custom-10 {
  background-color: #6488e3; }

.slds-icon-custom-11 {
  background-color: #8784ea; }

.slds-icon-custom-12 {
  background-color: #dc71d1; }

.slds-icon-custom-13 {
  background-color: #df6184; }

.slds-icon-custom-14 {
  background-color: #3cc2b3; }

.slds-icon-custom-15 {
  background-color: #f77e75; }

.slds-icon-custom-16 {
  background-color: #e9af67; }

.slds-icon-custom-17 {
  background-color: #acd360; }

.slds-icon-custom-18 {
  background-color: #4dca76; }

.slds-icon-custom-19 {
  background-color: #3abeb1; }

.slds-icon-custom-20 {
  background-color: #48c7c8; }

.slds-icon-custom-21 {
  background-color: #8a7aed; }

.slds-icon-custom-22 {
  background-color: #8b85f9; }

.slds-icon-custom-23 {
  background-color: #b070e6; }

.slds-icon-custom-24 {
  background-color: #e56798; }

.slds-icon-custom-25 {
  background-color: #e46fbe; }

.slds-icon-custom-26 {
  background-color: #7698f0; }

.slds-icon-custom-27 {
  background-color: #5ab0d2; }

.slds-icon-custom-28 {
  background-color: #89c059; }

.slds-icon-custom-29 {
  background-color: #bdd25f; }

.slds-icon-custom-30 {
  background-color: #f59f71; }

.slds-icon-custom-31 {
  background-color: #eb687f; }

.slds-icon-custom-32 {
  background-color: #38c393; }

.slds-icon-custom-33 {
  background-color: #97cf5d; }

.slds-icon-custom-34 {
  background-color: #d58a6a; }

.slds-icon-custom-35 {
  background-color: #e9637e; }

.slds-icon-custom-36 {
  background-color: #d472d4; }

.slds-icon-custom-37 {
  background-color: #8c89f2; }

.slds-icon-custom-38 {
  background-color: #53b6d7; }

.slds-icon-custom-39 {
  background-color: #4fbe75; }

.slds-icon-custom-40 {
  background-color: #83c75e; }

.slds-icon-custom-41 {
  background-color: #43b5b5; }

.slds-icon-custom-42 {
  background-color: #cfd05b; }

.slds-icon-custom-43 {
  background-color: #7f93f9; }

.slds-icon-custom-44 {
  background-color: #c8ca58; }

.slds-icon-custom-45 {
  background-color: #d95879; }

.slds-icon-custom-46 {
  background-color: #67a5e7; }

.slds-icon-custom-47 {
  background-color: #5fcc64; }

.slds-icon-custom-48 {
  background-color: #ef697f; }

.slds-icon-custom-49 {
  background-color: #e25c80; }

.slds-icon-custom-50 {
  background-color: #49bcd3; }

.slds-icon-custom-51 {
  background-color: #d8c760; }

.slds-icon-custom-52 {
  background-color: #ee8e6f; }

.slds-icon-custom-53 {
  background-color: #f36e83; }

.slds-icon-custom-54 {
  background-color: #ea70b1; }

.slds-icon-custom-55 {
  background-color: #d66ee0; }

.slds-icon-custom-56 {
  background-color: #718deb; }

.slds-icon-custom-57 {
  background-color: #5a9cdd; }

.slds-icon-custom-58 {
  background-color: #34b59d; }

.slds-icon-custom-59 {
  background-color: #e3d067; }

.slds-icon-custom-60 {
  background-color: #bf5a88; }

.slds-icon-custom-61 {
  background-color: #f57376; }

.slds-icon-custom-62 {
  background-color: #6b92dc; }

.slds-icon-custom-63 {
  background-color: #7ccf60; }

.slds-icon-custom-64 {
  background-color: #618fd8; }

.slds-icon-custom-65 {
  background-color: #f279ab; }

.slds-icon-custom-66 {
  background-color: #d8be5f; }

.slds-icon-custom-67 {
  background-color: #f87d76; }

.slds-icon-custom-68 {
  background-color: #f26979; }

.slds-icon-custom-69 {
  background-color: #ed6387; }

.slds-icon-custom-70 {
  background-color: #e769b4; }

.slds-icon-custom-71 {
  background-color: #e36ee3; }

.slds-icon-custom-72 {
  background-color: #8d9bfb; }

.slds-icon-custom-73 {
  background-color: #679ef0; }

.slds-icon-custom-74 {
  background-color: #41c8a0; }

.slds-icon-custom-75 {
  background-color: #cd9f65; }

.slds-icon-custom-76 {
  background-color: #db6d7a; }

.slds-icon-custom-77 {
  background-color: #b55d5b; }

.slds-icon-custom-78 {
  background-color: #5a95dd; }

.slds-icon-custom-79 {
  background-color: #8ed363; }

.slds-icon-custom-80 {
  background-color: #659ad5; }

.slds-icon-custom-81 {
  background-color: #da627f; }

.slds-icon-custom-82 {
  background-color: #d15b97; }

.slds-icon-custom-83 {
  background-color: #e7806f; }

.slds-icon-custom-84 {
  background-color: #f6707b; }

.slds-icon-custom-85 {
  background-color: #f26891; }

.slds-icon-custom-86 {
  background-color: #e260ab; }

.slds-icon-custom-87 {
  background-color: #d876e5; }

.slds-icon-custom-88 {
  background-color: #996fe6; }

.slds-icon-custom-89 {
  background-color: #3e99be; }

.slds-icon-custom-90 {
  background-color: #22a48a; }

.slds-icon-custom-91 {
  background-color: #bf7b66; }

.slds-icon-custom-92 {
  background-color: #517e82; }

.slds-icon-custom-93 {
  background-color: #904d4c; }

.slds-icon-custom-94 {
  background-color: #439cba; }

.slds-icon-custom-95 {
  background-color: #8bcf6a; }

.slds-icon-custom-96 {
  background-color: #6d9de3; }

.slds-icon-custom-97 {
  background-color: #dd6085; }

.slds-icon-custom-98 {
  background-color: #e1be5c; }

.slds-icon-custom-99 {
  background-color: #f0856e; }

.slds-icon-custom-100 {
  background-color: #e15d76; }

.slds-icon-standard-log-a-call {
  background-color: #48c3cc; }

.slds-icon-standard-document {
  background-color: #baac93; }

.slds-icon-standard-environment-hub {
  background-color: #54698d; }

.slds-icon-standard-flow {
  background-color: #54698d; }

.slds-icon-standard-sossession {
  background-color: #54698d; }

.slds-icon-standard-process {
  background-color: #54698d; }

.slds-icon-standard-news {
  background-color: #7f8de1; }

.slds-icon-standard-home {
  background-color: #ef7ead; }

.slds-icon-standard-account {
  background-color: #7f8de1; }

.slds-icon-standard-apps-admin {
  background-color: #9895ee; }

.slds-icon-standard-announcement {
  background-color: #62b7ed; }

.slds-icon-standard-person-account {
  background-color: #7f8de1; }

.slds-icon-standard-social {
  background-color: #ea74a2; }

.slds-icon-standard-campaign-members {
  background-color: #f49756; }

.slds-icon-standard-article {
  background-color: #f2cf5b; }

.slds-icon-standard-answer-public {
  background-color: #f2cf5b; }

.slds-icon-standard-answer-private {
  background-color: #f2cf5b; }

.slds-icon-standard-answer-best {
  background-color: #f2cf5b; }

.slds-icon-standard-avatar-loading {
  background-color: #b8c3ce; }

.slds-icon-standard-campaign {
  background-color: #f49756; }

.slds-icon-standard-calibration {
  background-color: #47cfd2; }

.slds-icon-standard-avatar {
  background-color: #62b7ed; }

.slds-icon-standard-approval {
  background-color: #50cc7a; }

.slds-icon-standard-apps {
  background-color: #3c97dd; }

.slds-icon-standard-user {
  background-color: #34becd; }

.slds-icon-standard-evernote {
  background-color: #86c86f; }

.slds-icon-standard-coaching {
  background-color: #f67594; }

.slds-icon-standard-connected-apps {
  background-color: #9895ee; }

.slds-icon-standard-drafts {
  background-color: #6ca1e9; }

.slds-icon-standard-email {
  background-color: #95aec5; }

.slds-icon-standard-email-iq {
  background-color: #a094ed; }

.slds-icon-standard-endorsement {
  background-color: #8b9ae3; }

.slds-icon-standard-event {
  background-color: #eb7092; }

.slds-icon-standard-dropbox {
  background-color: #52aef9; }

.slds-icon-standard-concur {
  background-color: #4cc3c7; }

.slds-icon-standard-email-chatter {
  background-color: #f2cf5b; }

.slds-icon-standard-case-transcript {
  background-color: #f2cf5b; }

.slds-icon-standard-case-email {
  background-color: #f2cf5b; }

.slds-icon-standard-case-log-a-call {
  background-color: #f2cf5b; }

.slds-icon-standard-case-comment {
  background-color: #f2cf5b; }

.slds-icon-standard-case-change-status {
  background-color: #f2cf5b; }

.slds-icon-standard-work-order {
  background-color: #50e3c2; }

.slds-icon-standard-work-order-item {
  background-color: #33a8dc; }

.slds-icon-standard-client {
  background-color: #00d2be; }

.slds-icon-standard-contract {
  background-color: #6ec06e; }

.slds-icon-standard-dashboard {
  background-color: #ef6e64; }

.slds-icon-standard-case {
  background-color: #f2cf5b; }

.slds-icon-standard-empty {
  background-color: #8199af; }

.slds-icon-standard-default {
  background-color: #8199af; }

.slds-icon-standard-custom {
  background-color: #8199af; }

.slds-icon-standard-canvas {
  background-color: #8199af; }

.slds-icon-standard-contact {
  background-color: #a094ed; }

.slds-icon-standard-portal {
  background-color: #aec770; }

.slds-icon-standard-product {
  background-color: #b781d3; }

.slds-icon-standard-pricebook {
  background-color: #b781d3; }

.slds-icon-standard-feed {
  background-color: #62b7ed; }

.slds-icon-standard-feedback {
  background-color: #6da1ea; }

.slds-icon-standard-file {
  background-color: #baac93; }

.slds-icon-standard-goals {
  background-color: #56aadf; }

.slds-icon-standard-groups {
  background-color: #779ef2; }

.slds-icon-standard-household {
  background-color: #00afa0; }

.slds-icon-standard-hierarchy {
  background-color: #34becd; }

.slds-icon-standard-insights {
  background-color: #ec94ed; }

.slds-icon-standard-investment-account {
  background-color: #4bc076; }

.slds-icon-standard-performance {
  background-color: #f8b156; }

.slds-icon-standard-link {
  background-color: #7a9ae6; }

.slds-icon-standard-metrics {
  background-color: #56aadf; }

.slds-icon-standard-note {
  background-color: #e6d478; }

.slds-icon-standard-lead {
  background-color: #f88962; }

.slds-icon-standard-opportunity {
  background-color: #fcb95b; }

.slds-icon-standard-call {
  background-color: #f2cf5b; }

.slds-icon-standard-call-history {
  background-color: #f2cf5b; }

.slds-icon-standard-orders {
  background-color: #769ed9; }

.slds-icon-standard-post {
  background-color: #65cae4; }

.slds-icon-standard-poll {
  background-color: #699be1; }

.slds-icon-standard-photo {
  background-color: #d7d1d1; }

.slds-icon-standard-people {
  background-color: #34becd; }

.slds-icon-standard-generic-loading {
  background-color: #b8c3ce; }

.slds-icon-standard-group-loading {
  background-color: #b8c3ce; }

.slds-icon-standard-recent {
  background-color: #6ca1e9; }

.slds-icon-standard-solution {
  background-color: #8fc972; }

.slds-icon-standard-record {
  background-color: #7dc37d; }

.slds-icon-standard-question-best {
  background-color: #f2cf5b; }

.slds-icon-standard-question-feed {
  background-color: #f2cf5b; }

.slds-icon-standard-related-list {
  background-color: #59bcab; }

.slds-icon-standard-skill-entity {
  background-color: #8b9ae3; }

.slds-icon-standard-scan-card {
  background-color: #f39e58; }

.slds-icon-standard-report {
  background-color: #2ecbbe; }

.slds-icon-standard-quotes {
  background-color: #88c651; }

.slds-icon-standard-task {
  background-color: #4bc076; }

.slds-icon-standard-task-2 {
  background-color: #4bc076; }

.slds-icon-standard-team-member {
  background-color: #f2cf5b; }

.slds-icon-standard-thanks {
  background-color: #e9696e; }

.slds-icon-standard-reward {
  background-color: #e9696e; }

.slds-icon-standard-thanks-loading {
  background-color: #b8c3ce; }

.slds-icon-standard-today {
  background-color: #ef7ead; }

.slds-icon-standard-topic {
  background-color: #56aadf; }

.slds-icon-standard-unmatched {
  background-color: #62b7ed; }

.slds-icon-standard-marketing-actions {
  background-color: #6bbd6e; }

.slds-icon-standard-folder {
  background-color: #8b9ae3; }

.slds-icon-text-default {
  fill: #54698d; }

.slds-icon-text-warning {
  fill: #ffb75d; }

.slds-icon-standard-call {
  background: #cb5fff; }

.slds-icon-text-error {
  fill: #c23934; }

.slds-icon--x-small {
  line-height: 1;
  width: 1rem;
  height: 1rem; }

.slds-icon--small {
  line-height: 1;
  width: 1.5rem;
  height: 1.5rem; }

.slds-icon--large {
  width: 3rem;
  height: 3rem; }

.slds-card {
  padding: 0;
  border-radius: 0.25rem;
  background-clip: padding-box;
  background-color: #f4f6f9;
  border: 1px solid #d8dde6; }

.slds-card + .slds-card {
  margin-top: 1rem; }

.slds-card__header {
  padding: 0.75rem 0.75rem 0.25rem; }

.slds-card__body {
  padding: 0.5rem 0; }

.slds-card__footer {
  padding: 0.25rem 1rem 0.5rem; }

.slds-card .slds-tile {
  margin: 0.5rem;
  padding: 0.5rem; }

.slds-card--empty .slds-card__body {
  text-align: center; }

.slds-input {
  background-color: white;
  color: #16325c;
  border: 1px solid #d8dde6;
  border-radius: 0.25rem;
  width: 100%;
  transition: border 0.1s linear, background-color 0.1s linear;
  display: inline-block;
  padding: 0 1rem 0 0.75rem;
  line-height: 2.125rem;
  min-height: calc(2.125rem + 2px); }

.slds-input:focus, .slds-input:active {
  outline: 0;
  border-color: #1589ee;
  background-color: white;
  box-shadow: 0 0 3px #0070D2; }

.slds-input[disabled], .slds-input.slds-is-disabled {
  background-color: #e0e5ee;
  border-color: #a8b7c7;
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.slds-input[disabled]:focus, .slds-input[disabled]:active, .slds-input.slds-is-disabled:focus, .slds-input.slds-is-disabled:active {
  box-shadow: none; }

.slds-input--small {
  line-height: 1.75rem;
  min-height: calc(1.75rem + 2px);
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.slds-input--small::-webkit-input-placeholder {
  color: #54698d;
  font-weight: 400;
  font-size: 0.875rem; }

.slds-input--small::-moz-placeholder {
  color: #54698d;
  font-weight: 400;
  font-size: 0.875rem; }

.slds-input--small:-ms-input-placeholder {
  color: #54698d;
  font-weight: 400;
  font-size: 0.875rem; }

.slds-input--bare {
  background-color: transparent;
  border: 0;
  color: #16325c; }

.slds-input--bare:focus, .slds-input--bare:active {
  outline: 0; }

.slds-input--height {
  min-height: calc(2.125rem + 2px); }

.slds-input-has-icon {
  position: relative; }

.slds-input-has-icon .slds-input__icon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  fill: #54698d; }

.slds-input-has-icon--left .slds-input__icon {
  left: 0.75rem; }

.slds-input-has-icon--left .slds-input,
.slds-input-has-icon--left .slds-input--bare {
  padding-left: 2rem; }

.slds-input-has-icon--right .slds-input__icon {
  right: 0.75rem; }

.slds-input-has-icon--right .slds-input,
.slds-input-has-icon--right .slds-input--bare {
  padding-right: 2rem; }

.slds-input-has-fixed-addon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.slds-form-element__addon {
  display: inline-block;
  margin: 0 0.5rem;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

.slds-textarea {
  background-color: white;
  color: #16325c;
  border: 1px solid #d8dde6;
  border-radius: 0.25rem;
  width: 100%;
  transition: border 0.1s linear, background-color 0.1s linear;
  resize: vertical;
  padding: 0.5rem 0.75rem; }

.slds-textarea:focus, .slds-textarea:active {
  outline: 0;
  border-color: #1589ee;
  background-color: white;
  box-shadow: 0 0 3px #0070D2; }

.slds-textarea[disabled], .slds-textarea.slds-is-disabled {
  background-color: #e0e5ee;
  border-color: #a8b7c7;
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.slds-textarea[disabled]:focus, .slds-textarea[disabled]:active, .slds-textarea.slds-is-disabled:focus, .slds-textarea.slds-is-disabled:active {
  box-shadow: none; }

.slds-radio {
  display: inline-block; }

.slds-radio .slds-radio--faux {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border: 1px solid #d8dde6;
  border-radius: 50%;
  background: white;
  transition: border 0.1s linear, background-color 0.1s linear; }

.slds-radio .slds-form-element__label {
  display: inline;
  vertical-align: middle;
  font-size: 0.875rem; }

.slds-radio [type="radio"] {
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute; }

.slds-radio [type="radio"]:checked + .slds-radio--faux,
.slds-radio [type="radio"]:checked ~ .slds-radio--faux {
  background: white; }

.slds-radio [type="radio"]:checked + .slds-radio--faux:after,
.slds-radio [type="radio"]:checked ~ .slds-radio--faux:after {
  width: 0.5rem;
  height: 0.5rem;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  background: #1589ee; }

.slds-radio [type="radio"]:focus + .slds-radio--faux,
.slds-radio [type="radio"]:focus ~ .slds-radio--faux {
  border-color: #1589ee;
  box-shadow: 0 0 3px #0070D2; }

.slds-radio [type="radio"][disabled] {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.slds-radio [type="radio"][disabled] ~ .slds-radio--faux {
  background-color: #e0e5ee;
  border-color: #a8b7c7; }

.slds-has-error .slds-radio [type="radio"] + .slds-radio--faux,
.slds-has-error .slds-radio [type="radio"] ~ .slds-radio--faux {
  border-color: #c23934;
  border-width: 2px; }

.slds-has-error .slds-radio [type="radio"]:checked + .slds-radio--faux,
.slds-has-error .slds-radio [type="radio"]:checked ~ .slds-radio--faux {
  background: white; }

.slds-has-error .slds-radio [type="radio"]:checked + .slds-radio--faux:after,
.slds-has-error .slds-radio [type="radio"]:checked ~ .slds-radio--faux:after {
  background: #d4504c; }

.slds-form-element .slds-radio [type="radio"] + .slds-radio--faux,
.slds-form-element .slds-radio [type="radio"] ~ .slds-radio--faux {
  margin-right: 0.5rem; }

.slds-checkbox {
  display: inline-block; }

.slds-checkbox .slds-checkbox--faux {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  position: relative;