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

Salesforce Lightning Design System

/*! Lightning Design System 2.12.0 */
@charset "UTF-8";
@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-display:swap;
}
@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-display:swap;
}
@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-display:swap;
}
@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-display:swap;
}
@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-display:swap;
}
@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;
  font-display:swap;
}
/*! 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;
}

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{
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
          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]{
  -webkit-box-sizing:border-box;
          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;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  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{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

::-webkit-input-placeholder{
  color:#706e6b;
  font-weight:400;
}

::-moz-placeholder{
  color:#706e6b;
  font-weight:400;
}

:-ms-input-placeholder{
  color:#706e6b;
  font-weight:400;
}

::-ms-input-placeholder{
  color:#706e6b;
  font-weight:400;
}

::placeholder{
  color:#706e6b;
  font-weight:400;
}

::-moz-selection{
  background:#d8edff;
  text-shadow:none;
  color:#080707;
}

::selection{
  background:#d8edff;
  text-shadow:none;
  color:#080707;
}

html{
  font-family:"Salesforce Sans", Arial, sans-serif;
  font-size:100%;
  line-height:1.5;
  background:#b0c4df;
  color:#080707;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

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

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

dd,
figure{
  margin:0;
}

abbr[title]{
  text-decoration:none;
}

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:#006dcc;
  text-decoration:none;
  -webkit-transition:color 0.1s linear;
  transition:color 0.1s linear;
}
a:hover, a:focus{
  text-decoration:underline;
  color:#005fb2;
}
a:active{
  color:#005fb2;
}

a,
button{
  cursor:pointer;
}

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

mark{
  background-color:#fff03f;
  color:#080707;
}

abbr[title]{
  cursor:help;
}

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

table{
  width:100%;
}

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

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

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

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

.slds-modal_form .slds-modal__header,
.slds-modal_form .slds-modal__content:last-child,
.slds-modal--form .slds-modal__header,
.slds-modal--form .slds-modal__content:last-child{
  border-radius:0;
  -webkit-box-shadow:none;
          box-shadow:none;
}
.slds-modal_form .slds-modal__container,
.slds-modal--form .slds-modal__container{
  margin:0;
  padding:0;
}
.slds-modal_form .slds-modal__header .slds-text-heading_medium,
.slds-modal_form .slds-modal__header .slds-text-heading--medium,
.slds-modal--form .slds-modal__header .slds-text-heading_medium,
.slds-modal--form .slds-modal__header .slds-text-heading--medium{
  line-height:1.5;
}
.slds-modal_form .slds-modal__header .slds-button,
.slds-modal--form .slds-modal__header .slds-button{
  display:inline-block;
  width:auto;
}
.slds-modal_form .slds-modal__header .slds-button:first-child,
.slds-modal--form .slds-modal__header .slds-button:first-child{
  float:left;
  margin-right:0.5rem;
}
.slds-modal_form .slds-modal__header .slds-button:first-child + .slds-button,
.slds-modal--form .slds-modal__header .slds-button:first-child + .slds-button{
  float:right;
  margin-top:0;
  margin-left:0.5rem;
}

.slds-action-overflow_touch,
.slds-action-overflow--touch{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9001;
}
.slds-action-overflow_touch__container,
.slds-action-overflow--touch__container{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  height:100%;
}
.slds-action-overflow_touch__content,
.slds-action-overflow--touch__content{
  padding-top:33.333%;
  overflow:hidden;
  overflow-y:auto;
}
.slds-action-overflow_touch__body,
.slds-action-overflow--touch__body{
  position:relative;
  top:2rem;
  background:white;
  -webkit-box-shadow:0 -2px 4px rgba(0, 0, 0, 0.07);
          box-shadow:0 -2px 4px rgba(0, 0, 0, 0.07);
}
.slds-action-overflow_touch__footer,
.slds-action-overflow--touch__footer{
  position:relative;
  -ms-flex-negative:0;
      flex-shrink:0;
  border-top:1px solid #dddbda;
  padding:0.75rem 1rem;
  background-color:#f3f2f2;
  -webkit-box-shadow:0 -2px 4px #F9F9FA;
          box-shadow:0 -2px 4px #F9F9FA;
}
.slds-timeline__media,
.slds-media_timeline,
.slds-media--timeline{
  padding-bottom:1.5rem;
  position:relative;
}
.slds-timeline__media:before,
.slds-media_timeline:before,
.slds-media--timeline:before{
  content:"";
  background:#dddbda;
  height:100%;
  width:2px;
  position:absolute;
  left:0.75rem;
  top:2px;
  bottom:0;
  margin-left:1px;
  z-index:-1;
}
.slds-timeline__title{
  position:relative;
}
.slds-timeline__title-content{
  position:relative;
  top:-1px;
  padding-right:1rem;
  background:white;
  z-index:2;
}
.slds-timeline__title:after{
  position:absolute;
  right:0;
  bottom:0.5rem;
  left:0;
  border-bottom:1px dashed #dddbda;
  content:" ";
  z-index:1;
}
.slds-timeline__media_call:before,
.slds-timeline__media--call:before{
  background:#48c3cc;
}
.slds-timeline__media_email:before,
.slds-timeline__media--email:before{
  background:#95aec5;
}
.slds-timeline__media_event:before,
.slds-timeline__media--event:before{
  background:#eb7092;
}
.slds-timeline__media_task:before,
.slds-timeline__media--task:before{
  background:#4bc076;
}
.slds-timeline__item_expandable{
  position:relative;
  padding-bottom:1rem;
}
.slds-timeline__item_expandable:before{
  content:"";
  background:#dddbda;
  height:100%;
  width:2px;
  position:absolute;
  left:2.25rem;
  top:0;
  bottom:0;
  margin-left:1px;
}
.slds-timeline__item_expandable .slds-media__figure{
  margin-right:0.25rem;
  z-index:1;
}
.slds-timeline__item_expandable .slds-media__figure .slds-button_icon{
  margin-right:0.5rem;
}
.slds-timeline__item_expandable .slds-media__body{
  padding:0 0.25rem;
}
.slds-timeline__item_expandable .slds-checkbox{
  margin-right:0.25rem;
}
.slds-timeline__item_expandable .slds-timeline__actions_inline{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-flow:row nowrap;
          flex-flow:row nowrap;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -ms-flex-negative:0;
      flex-shrink:0;
  margin-left:0.5rem;
}
.slds-timeline__item_expandable .slds-timeline__actions_inline .slds-timeline__date{
  padding-right:0.5rem;
  margin-bottom:0;
}
.slds-timeline__item_expandable .slds-timeline__item_details{
  visibility:hidden;
  opacity:0;
  height:0;
  padding:0;
}
.slds-timeline__item_expandable.slds-is-open .slds-timeline__item_details{
  visibility:visible;
  opacity:1;
  height:auto;
  padding:1rem;
}
.slds-timeline__item_expandable.slds-is-open .slds-timeline__details-action-icon{
  -webkit-transform:rotate(0);
          transform:rotate(0);
  -webkit-transform-origin:45%;
          transform-origin:45%;
}
.slds-timeline__item_call:before{
  background:#48c3cc;
}
.slds-timeline__item_email:before{
  background:#95aec5;
}
.slds-timeline__item_event:before{
  background:#eb7092;
}
.slds-timeline__item_task:before{
  background:#4bc076;
}
.slds-timeline__trigger{
  padding:0.25rem;
}
.slds-timeline__trigger:hover{
  background-color:#f4f6f9;
}
.slds-timeline__icon{
  border:2px solid #fff;
}
.slds-timeline__actions{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-flow:column nowrap;
          flex-flow:column nowrap;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
}
.slds-timeline__date{
  margin-bottom:0.25rem;
  font-size:0.75rem;
  color:#3e3e3c;
}
.slds-timeline__details-action-icon{
  -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
}
.slds-badge{
  background-color:#ecebea;
  padding:0.25rem 0.5rem;
  border-radius:15rem;
  font-size:0.75rem;
  font-weight:700;
  line-height:normal;
  color:#080707;
  white-space:nowrap;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.slds-badge + .slds-badge{
  margin-left:0.5rem;
}
.slds-badge:empty{
  padding:0;
}
.slds-badge_inverse{
  background-color:#706e6b;
  color:white;
}
.slds-badge_lightest{
  border:1px solid #dddbda;
  background-color:white;
  font-size:0.75rem;
  text-transform:none;
  letter-spacing:normal;
}
.slds-badge__icon{
  color:#706e6b;
  vertical-align:middle;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  line-height:1;
}
.slds-badge__icon.slds-badge__icon_inverse{
  color:currentColor;
}
.slds-badge__icon_left{
  margin-right:0.25rem;
}
.slds-badge__icon_right{
  margin-left:0.25rem;
}
.slds-breadcrumb{
}
.slds-breadcrumb .slds-list__item, .slds-breadcrumb__item{
  position:relative;
}
.slds-breadcrumb .slds-list__item:before, .slds-breadcrumb__item:before{
  content:">";
  position:absolute;
  left:-0.25rem;
}
.slds-breadcrumb .slds-list__item > a, .slds-breadcrumb__item > a{
  display:block;
  padding:0 0.5rem;
}
.slds-breadcrumb .slds-list__item > a:hover, .slds-breadcrumb__item > a:hover{
  text-decoration:none;
}
.slds-breadcrumb .slds-list__item:first-child > a, .slds-breadcrumb__item:first-child > a{
  padding-left:0;
}
.slds-breadcrumb .slds-list__item:first-child:before, .slds-breadcrumb__item:first-child:before{
  content:"";
}
.slds-breadcrumb .slds-dropdown-trigger{
  margin-right:0.5rem;
}
.slds-button-group-row{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
}
.slds-button-group-row .slds-button-group-item + .slds-button-group-item{
  margin-left:0.25rem;
}
.slds-button-group-row .slds-button-group-item .slds-button{
  margin:0;
}
.slds-button-group,
.slds-button-group-list{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
}
.slds-button-group .slds-button,
.slds-button-group-list .slds-button{
  border-radius:0;
  border-width:1px;
}
.slds-button-group .slds-button:focus,
.slds-button-group-list .slds-button:focus{
  z-index:1;
}

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

.slds-button-group .slds-button_brand + .slds-button_last .slds-button_icon-brand,
.slds-button-group .slds-button_brand + .slds-button--last .slds-button_icon-brand,
.slds-button-group-list li:last-child .slds-button_icon-brand{
  -webkit-box-shadow:inset 1px 0 0 white;
          box-shadow:inset 1px 0 0 white;
}

.slds-button-group-list li:first-child .slds-button,
.slds-button-group .slds-button:first-child{
  border-radius:0.25rem 0 0 0.25rem;
}
.slds-button-group .slds-button:last-child,
.slds-button-group-list li:last-child .slds-button,
.slds-button-group .slds-button_last .slds-button,
.slds-button-group .slds-button--last .slds-button,
.slds-button-group .slds-button.slds-button_last,
.slds-button-group .slds-button.slds-button--last,
.slds-button-group .slds-button_last .slds-button:only-child,
.slds-button-group .slds-button--last .slds-button:only-child,
.slds-button-group .slds-button.slds-button_last,
.slds-button-group .slds-button.slds-button--last{
  border-radius:0 0.25rem 0.25rem 0;
}

.slds-button-group .slds-button:only-child,
.slds-button-group-list li:only-child .slds-button{
  border-radius:0.25rem;
}
.slds-button.slds-button_first.slds-button_first{
  border-right:0;
  border-radius:0.25rem 0 0 0.25rem;
}
.slds-button.slds-button_middle.slds-button_middle{
  border-radius:0;
  margin-left:-1px;
}
.slds-button.slds-button_last.slds-button_last{
  border-radius:0 0.25rem 0.25rem 0;
  margin-left:-1px;
}

.slds-button-group + .slds-button-group,
.slds-button-group + .slds-button-group-list,
.slds-button-group + .slds-button,
.slds-button-group-list + .slds-button-group-list,
.slds-button-group-list + .slds-button-group,
.slds-button-group-list + .slds-button{
  margin-left:0.25rem;
}
.slds-button-space-left{
  margin-left:0.25rem;
}
.slds-button_small,
.slds-button--small{
  line-height:1.75rem;
  min-height:2rem;
}
.slds-button{
  position:relative;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:0;
  background:transparent;
  background-clip:border-box;
  border:1px solid transparent;
  border-radius:0.25rem;
  line-height:1.875rem;
  text-decoration:none;
  color:#0070d2;
  -webkit-appearance:none;
  white-space:normal;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.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;
  -webkit-box-shadow:0 0 3px #0070D2;
          box-shadow:0 0 3px #0070D2;
}
.slds-button:active{
  color:#005fb2;
}
.slds-button[disabled], .slds-button:disabled{
  color:#dddbda;
}
.slds-button[disabled] *, .slds-button:disabled *{
  pointer-events:none;
}
.slds-button a{
  color:currentColor;
}
.slds-button:hover .slds-button__icon, .slds-button:focus .slds-button__icon, .slds-button:active .slds-button__icon, .slds-button[disabled] .slds-button__icon, .slds-button:disabled .slds-button__icon{
  fill:currentColor;
  pointer-events:none;
}
.slds-button + .slds-button-group,
.slds-button + .slds-button-group-list{
  margin-left:0.25rem;
}
.slds-button + .slds-button{
  margin-left:0.25rem;
}

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

a.slds-button_inverse:focus,
a.slds-button--inverse:focus{
  outline:none;
  -webkit-box-shadow:0 0 3px #ecebea;
          box-shadow:0 0 3px #ecebea;
  border:1px solid #ecebea;
}
.slds-button_reset,
.slds-button--reset{
  font-size:inherit;
  color:inherit;
  line-height:inherit;
  padding:0;
  background:transparent;
  border:0;
  text-align:inherit;
}
.slds-button_neutral,
.slds-button--neutral{
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
  vertical-align:middle;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border:1px solid #dddbda;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  border-color:#dddbda;
  background-color:white;
}
.slds-button_neutral:hover, .slds-button_neutral:focus,
.slds-button--neutral:hover,
.slds-button--neutral:focus{
  background-color:#f4f6f9;
}
.slds-button_neutral:active,
.slds-button--neutral:active{
  background-color:#eef1f6;
}
.slds-button_neutral[disabled], .slds-button_neutral:disabled,
.slds-button--neutral[disabled],
.slds-button--neutral:disabled{
  background-color:white;
  cursor:default;
}
.slds-button_brand,
.slds-button--brand{
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
  vertical-align:middle;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border:1px solid #dddbda;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  background-color:#0070d2;
  border-color:#0070d2;
  color:white;
}
.slds-button_brand:link, .slds-button_brand:visited, .slds-button_brand:active,
.slds-button--brand:link,
.slds-button--brand:visited,
.slds-button--brand:active{
  color:white;
}
.slds-button_brand:hover, .slds-button_brand:focus,
.slds-button--brand:hover,
.slds-button--brand:focus{
  background-color:#005fb2;
  border-color:#005fb2;
  color:white;
}
.slds-button_brand:active,
.slds-button--brand:active{
  background-color:#005fb2;
  border-color:#005fb2;
}
.slds-button_brand[disabled], .slds-button_brand:disabled,
.slds-button--brand[disabled],
.slds-button--brand:disabled{
  background:#c9c7c5;
  border-color:#c9c7c5;
  color:white;
}
.slds-button_outline-brand{
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
  vertical-align:middle;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border:1px solid #dddbda;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  border-color:#dddbda;
  background-color:white;
  border-color:#0070d2;
}
.slds-button_outline-brand:hover, .slds-button_outline-brand:focus{
  background-color:#f4f6f9;
}
.slds-button_outline-brand:active{
  background-color:#eef1f6;
}
.slds-button_outline-brand[disabled], .slds-button_outline-brand:disabled{
  border-color:#dddbda;
  color:#dddbda;
  background-color:white;
}
.slds-button_inverse,
.slds-button--inverse{
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
  vertical-align:middle;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border:1px solid #dddbda;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  background-color:rgba(0, 0, 0, 0);
  border-color:#dddbda;
}
.slds-button_inverse:hover, .slds-button_inverse:focus,
.slds-button--inverse:hover,
.slds-button--inverse:focus{
  background-color:#f4f6f9;
}
.slds-button_inverse[disabled], .slds-button_inverse:disabled,
.slds-button--inverse[disabled],
.slds-button--inverse:disabled{
  background-color:rgba(0, 0, 0, 0);
  border-color:rgba(255, 255, 255, 0.15);
}

.slds-button_inverse, .slds-button_inverse:link, .slds-button_inverse:visited,
.slds-button--inverse,
.slds-button--inverse:link,
.slds-button--inverse:visited,
.slds-button_icon-border-inverse,
.slds-button_icon-border-inverse:link,
.slds-button_icon-border-inverse:visited,
.slds-button--icon-border-inverse,
.slds-button--icon-border-inverse:link,
.slds-button--icon-border-inverse:visited{
  color:#ecebea;
}
.slds-button_inverse:hover, .slds-button_inverse:focus, .slds-button_inverse:active,
.slds-button--inverse:hover,
.slds-button--inverse:focus,
.slds-button--inverse:active,
.slds-button_icon-border-inverse:hover,
.slds-button_icon-border-inverse:focus,
.slds-button_icon-border-inverse:active,
.slds-button--icon-border-inverse:hover,
.slds-button--icon-border-inverse:focus,
.slds-button--icon-border-inverse:active{
  color:#0070d2;
}
.slds-button_inverse:focus,
.slds-button--inverse:focus,
.slds-button_icon-border-inverse:focus,
.slds-button--icon-border-inverse:focus{
  outline:none;
  -webkit-box-shadow:0 0 3px #ecebea;
          box-shadow:0 0 3px #ecebea;
  border:1px solid #ecebea;
}
.slds-button_inverse[disabled], .slds-button_inverse:disabled,
.slds-button--inverse[disabled],
.slds-button--inverse:disabled,
.slds-button_icon-border-inverse[disabled],
.slds-button_icon-border-inverse:disabled,
.slds-button--icon-border-inverse[disabled],
.slds-button--icon-border-inverse:disabled{
  color:rgba(255, 255, 255, 0.5);
}
.slds-button_destructive,
.slds-button--destructive{
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
  vertical-align:middle;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border:1px solid #dddbda;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  background-color:#c23934;
  border-color:#c23934;
  color:white;
}
.slds-button_destructive:link, .slds-button_destructive:visited, .slds-button_destructive:active,
.slds-button--destructive:link,
.slds-button--destructive:visited,
.slds-button--destructive:active{
  color:white;
}
.slds-button_destructive:hover, .slds-button_destructive:focus,
.slds-button--destructive:hover,
.slds-button--destructive:focus{
  background-color:#a61a14;
  color:white;
}
.slds-button_destructive:active,
.slds-button--destructive:active{
  background-color:#870500;
  border-color:#870500;
}
.slds-button_destructive[disabled], .slds-button_destructive:disabled,
.slds-button--destructive[disabled],
.slds-button--destructive:disabled{
  background:#c9c7c5;
  border-color:#c9c7c5;
  color:white;
}
.slds-button_text-destructive{
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
  vertical-align:middle;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border:1px solid #dddbda;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  border-color:#dddbda;
  background-color:white;
  color:#c23934;
}
.slds-button_text-destructive:hover, .slds-button_text-destructive:focus{
  background-color:#f4f6f9;
}
.slds-button_text-destructive:active{
  background-color:#eef1f6;
}
.slds-button_text-destructive:focus, .slds-button_text-destructive:hover{
  color:#a12b2b;
}
.slds-button_text-destructive[disabled], .slds-button_text-destructive:disabled{
  color:#dddbda;
  background-color:white;
}
.slds-button_success,
.slds-button--success{
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
  vertical-align:middle;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border:1px solid #dddbda;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  background-color:#4bca81;
  border-color:#4bca81;
  color:#080707;
}
.slds-button_success:link, .slds-button_success:visited, .slds-button_success:active,
.slds-button--success:link,
.slds-button--success:visited,
.slds-button--success:active{
  color:#080707;
}
.slds-button_success:hover, .slds-button_success:focus,
.slds-button--success:hover,
.slds-button--success:focus{
  background-color:#04844b;
  border-color:#04844b;
  color:white;
}
.slds-button_success:active,
.slds-button--success:active{
  background-color:#04844b;
  border-color:#04844b;
}
.slds-button_success[disabled], .slds-button_success:disabled,
.slds-button--success[disabled],
.slds-button--success:disabled{
  background:#c9c7c5;
  border-color:#c9c7c5;
  color:white;
}
.slds-button__icon{
  width:0.875rem;
  height:0.875rem;
  fill:currentColor;
}
.slds-button__icon_large,
.slds-button__icon--large{
  width:1.5rem;
  height:1.5rem;
}
.slds-button__icon_small,
.slds-button__icon--small{
  width:0.75rem;
  height:0.75rem;
}
.slds-button__icon_x-small,
.slds-button__icon--x-small{
  width:0.5rem;
  height:0.5rem;
}
.slds-button__icon_left,
.slds-button__icon--left{
  margin-right:0.5rem;
}
.slds-button__icon_right,
.slds-button__icon--right{
  margin-left:0.5rem;
}
.slds-button_full-width{
  font-size:inherit;
  color:inherit;
  line-height:inherit;
  padding:0;
  background:transparent;
  border:0;
  text-align:inherit;
  width:100%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-flex:1;
      -ms-flex-positive:1;
          flex-grow:1;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.slds-button_full-width:focus{
  -webkit-box-shadow:none;
          box-shadow:none;
}
.slds-button_stretch{
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  width:100%;
}
.slds-button__icon_stateful,
.slds-button__icon--stateful{
  width:0.75rem;
  height:0.75rem;
  fill:currentColor;
}
.slds-button_neutral.slds-is-selected,
.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]),
.slds-button--neutral.slds-is-selected:hover:not([disabled]),
.slds-button--neutral.slds-is-selected:focus:not([disabled]){
  border-color:#dddbda;
  background-color:#f4f6f9;
}
.slds-button_neutral.slds-is-selected:active:not([disabled]),
.slds-button--neutral.slds-is-selected:active:not([disabled]){
  background-color:#eef1f6;
}

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

.slds-button_stateful .slds-text-selected,
.slds-button_stateful .slds-text-selected-focus,
.slds-button_stateful .slds-text-not-selected{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.slds-not-selected{
}
.slds-not-selected .slds-text-selected{
  display:none;
}
.slds-not-selected .slds-text-selected-focus{
  display:none;
}
.slds-not-selected .slds-text-not-selected{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
}
.slds-is-selected-clicked .slds-text-selected,
.slds-is-selected[disabled] .slds-text-selected,
.slds-is-selected[disabled]:hover .slds-text-selected,
.slds-is-selected[disabled]:focus .slds-text-selected{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
}
.slds-is-selected-clicked .slds-text-selected-focus,
.slds-is-selected[disabled] .slds-text-selected-focus,
.slds-is-selected[disabled]:hover .slds-text-selected-focus,
.slds-is-selected[disabled]:focus .slds-text-selected-focus{
  display:none;
}
.slds-is-selected-clicked .slds-text-not-selected,
.slds-is-selected[disabled] .slds-text-not-selected,
.slds-is-selected[disabled]:hover .slds-text-not-selected,
.slds-is-selected[disabled]:focus .slds-text-not-selected{
  display:none;
}
.slds-is-selected .slds-text-not-selected{
  display:none;
}
.slds-is-selected .slds-text-selected{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
}
.slds-is-selected .slds-text-selected-focus{
  display:none;
}
.slds-is-selected:hover .slds-text-not-selected, .slds-is-selected:focus .slds-text-not-selected{
  display:none;
}
.slds-is-selected:hover .slds-text-selected, .slds-is-selected:focus .slds-text-selected{
  display:none;
}
.slds-is-selected:hover .slds-text-selected-focus, .slds-is-selected:focus .slds-text-selected-focus{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
}
.slds-button_dual-stateful{
}
.slds-button_dual-stateful .slds-text-not-pressed{
  display:block;
}
.slds-button_dual-stateful .slds-text-pressed{
  display:none;
}
.slds-button_dual-stateful.slds-is-pressed{
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
  vertical-align:middle;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border:1px solid #dddbda;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  background-color:#0070d2;
  border-color:#0070d2;
  color:white;
}
.slds-button_dual-stateful.slds-is-pressed:link, .slds-button_dual-stateful.slds-is-pressed:visited, .slds-button_dual-stateful.slds-is-pressed:active{
  color:white;
}
.slds-button_dual-stateful.slds-is-pressed:hover, .slds-button_dual-stateful.slds-is-pressed:focus{
  background-color:#005fb2;
  border-color:#005fb2;
  color:white;
}
.slds-button_dual-stateful.slds-is-pressed:active{
  background-color:#005fb2;
  border-color:#005fb2;
}
.slds-button_dual-stateful.slds-is-pressed[disabled], .slds-button_dual-stateful.slds-is-pressed:disabled{
  background:#c9c7c5;
  border-color:#c9c7c5;
  color:white;
}
.slds-button_dual-stateful.slds-is-pressed .slds-text-not-pressed{
  display:none;
}
.slds-button_dual-stateful.slds-is-pressed .slds-text-pressed{
  display:block;
}

.slds-button_icon-bare,
.slds-button--icon-bare{
  line-height:1;
  vertical-align:middle;
  color:#706e6b;
}
.slds-button_icon,
.slds-button--icon,
.slds-button_icon-inverse,
.slds-button--icon-inverse,
.slds-button_icon-container,
.slds-button--icon-container,
.slds-button_icon-border,
.slds-button--icon-border,
.slds-button_icon-border-filled,
.slds-button--icon-border-filled,
.slds-button_icon-border-inverse,
.slds-button--icon-border-inverse,
.slds-button_icon-more,
.slds-button--icon-more,
.slds-button_icon-error,
.slds-button--icon-error{
  line-height:1;
  vertical-align:middle;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  color:#706e6b;
  -ms-flex-negative:0;
      flex-shrink:0;
}
.slds-button_icon-container,
.slds-button--icon-container,
.slds-button_icon-border,
.slds-button--icon-border,
.slds-button_icon-border-filled,
.slds-button--icon-border-filled,
.slds-button_icon-border-inverse,
.slds-button--icon-border-inverse,
.slds-button_icon-brand,
.slds-button_icon-more,
.slds-button--icon-more,
.slds-button_icon-container-more,
.slds-button--icon-container-more{
  width:2rem;
  height:2rem;
}
.slds-button_icon-border-filled,
.slds-button--icon-border-filled,
.slds-button_icon-border,
.slds-button--icon-border{
  line-height:1;
  vertical-align:middle;
  color:#706e6b;
  border:1px solid #dddbda;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  border-color:#dddbda;
}
.slds-button_icon-border-filled[disabled], .slds-button_icon-border-filled:disabled,
.slds-button--icon-border-filled[disabled],
.slds-button--icon-border-filled:disabled,
.slds-button_icon-border[disabled],
.slds-button_icon-border:disabled,
.slds-button--icon-border[disabled],
.slds-button--icon-border:disabled{
  color:#dddbda;
}
.slds-button_icon-border-inverse,
.slds-button--icon-border-inverse{
  background-color:rgba(0, 0, 0, 0);
  border-color:#dddbda;
}
.slds-button_icon-border-inverse[disabled], .slds-button_icon-border-inverse:disabled,
.slds-button--icon-border-inverse[disabled],
.slds-button--icon-border-inverse:disabled{
  background-color:rgba(0, 0, 0, 0);
  border-color:rgba(255, 255, 255, 0.15);
}
.slds-button_icon-brand{
  background-color:#0070d2;
  border-color:#0070d2;
  color:white;
}
.slds-button_icon-brand:link, .slds-button_icon-brand:visited, .slds-button_icon-brand:active{
  color:white;
}
.slds-button_icon-brand:hover, .slds-button_icon-brand:focus{
  background-color:#005fb2;
  border-color:#005fb2;
  color:white;
}
.slds-button_icon-brand:active{
  background-color:#005fb2;
  border-color:#005fb2;
}
.slds-button_icon-brand[disabled], .slds-button_icon-brand:disabled{
  background:#c9c7c5;
  border-color:#c9c7c5;
  color:white;
}
.slds-button_icon-border-filled,
.slds-button--icon-border-filled{
  background-color:white;
}
.slds-button_icon-border-filled[disabled], .slds-button_icon-border-filled:disabled,
.slds-button--icon-border-filled[disabled],
.slds-button--icon-border-filled:disabled{
  border-color:#dddbda;
  background-color:white;
}
.slds-button_icon-inverse,
.slds-button--icon-inverse,
.slds-button_icon-border-inverse,
.slds-button--icon-border-inverse{
  color:white;
}
.slds-button_icon-inverse:hover, .slds-button_icon-inverse:focus,
.slds-button--icon-inverse:hover,
.slds-button--icon-inverse:focus,
.slds-button_icon-border-inverse:hover,
.slds-button_icon-border-inverse:focus,
.slds-button--icon-border-inverse:hover,
.slds-button--icon-border-inverse:focus{
  color:rgba(255, 255, 255, 0.75);
}
.slds-button_icon-inverse:focus,
.slds-button--icon-inverse:focus,
.slds-button_icon-border-inverse:focus,
.slds-button--icon-border-inverse:focus{
  outline:none;
  -webkit-box-shadow:0 0 3px #ecebea;
          box-shadow:0 0 3px #ecebea;
  border:1px solid #ecebea;
}
.slds-button_icon-inverse:active,
.slds-button--icon-inverse:active,
.slds-button_icon-border-inverse:active,
.slds-button--icon-border-inverse:active{
  color:rgba(255, 255, 255, 0.5);
}
.slds-button_icon-inverse[disabled], .slds-button_icon-inverse:disabled,
.slds-button--icon-inverse[disabled],
.slds-button--icon-inverse:disabled,
.slds-button_icon-border-inverse[disabled],
.slds-button_icon-border-inverse:disabled,
.slds-button--icon-border-inverse[disabled],
.slds-button--icon-border-inverse:disabled{
  color:rgba(255, 255, 255, 0.15);
}
.slds-button_icon-error, .slds-button_icon-error:hover, .slds-button_icon-error:active, .slds-button_icon-error:focus,
.slds-button--icon-error,
.slds-button--icon-error:hover,
.slds-button--icon-error:active,
.slds-button--icon-error:focus{
  color:#c23934;
}
.slds-button_icon-current-color{
  color:currentColor;
}
.slds-button_icon-small,
.slds-button--icon-small{
  width:1.5rem;
  height:1.5rem;
}
.slds-button_icon-x-small,
.slds-button--icon-x-small{
  width:1.25rem;
  height:1.25rem;
  line-height:1;
}
.slds-button_icon-x-small .slds-button__icon,
.slds-button--icon-x-small .slds-button__icon{
  width:0.75rem;
  height:0.75rem;
}
.slds-button_icon-xx-small,
.slds-button--icon-xx-small{
  width:1rem;
  height:1rem;
  line-height:1;
}
.slds-button_icon-xx-small .slds-button__icon,
.slds-button--icon-xx-small .slds-button__icon{
  width:0.5rem;
  height:0.5rem;
}
.slds-button_icon-more,
.slds-button--icon-more{
  width:auto;
  line-height:1.875rem;
  padding:0 0.5rem;
  background-color:white;
  border-color:#dddbda;
  color:#706e6b;
}
.slds-button_icon-more:hover .slds-button__icon, .slds-button_icon-more:focus .slds-button__icon,
.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,
.slds-button--icon-more:active .slds-button__icon{
  fill:#005fb2;
}
.slds-button_icon-more[disabled], .slds-button_icon-more:disabled,
.slds-button--icon-more[disabled],
.slds-button--icon-more:disabled{
  cursor:default;
}
.slds-button_icon-more[disabled] .slds-button__icon, .slds-button_icon-more:disabled .slds-button__icon,
.slds-button--icon-more[disabled] .slds-button__icon,
.slds-button--icon-more:disabled .slds-button__icon{
  fill:#dddbda;
}
.slds-button_icon-container-more,
.slds-button--icon-container-more{
  width:auto;
  line-height:1.875rem;
  padding:0 0.5rem;
  vertical-align:middle;
}
.slds-button__icon_hint,
.slds-button__icon--hint{
  fill:#b0adab;
}
.slds-button__icon_inverse-hint,
.slds-button__icon--inverse-hint{
  fill:rgba(255, 255, 255, 0.5);
}

.slds-hint-parent .slds-button_icon-border-inverse,
.slds-hint-parent .slds-button--icon-border-inverse{
  border-color:rgba(255, 255, 255, 0.5);
}
.slds-hint-parent .slds-button_icon-border-inverse:focus,
.slds-hint-parent .slds-button--icon-border-inverse:focus{
  border-color:rgba(255, 255, 255, 0.75);
}
.slds-hint-parent:hover .slds-button_icon-border-inverse,
.slds-hint-parent:hover .slds-button--icon-border-inverse, .slds-hint-parent:focus .slds-button_icon-border-inverse,
.slds-hint-parent:focus .slds-button--icon-border-inverse{
  border-color:rgba(255, 255, 255, 0.75);
}
.slds-hint-parent:hover .slds-button__icon_hint,
.slds-hint-parent:hover .slds-button__icon--hint, .slds-hint-parent:focus .slds-button__icon_hint,
.slds-hint-parent:focus .slds-button__icon--hint{
  fill:#706e6b;
}
.slds-hint-parent:hover .slds-button__icon_inverse-hint,
.slds-hint-parent:hover .slds-button__icon--inverse-hint, .slds-hint-parent:focus .slds-button__icon_inverse-hint,
.slds-hint-parent:focus .slds-button__icon--inverse-hint{
  fill:rgba(255, 255, 255, 0.75);
}
.slds-hint-parent:hover .slds-button:disabled .slds-button__icon_hint,
.slds-hint-parent:hover .slds-button:disabled .slds-button__icon--hint, .slds-hint-parent:focus .slds-button:disabled .slds-button__icon_hint,
.slds-hint-parent:focus .slds-button:disabled .slds-button__icon--hint{
  fill:currentColor;
}
.slds-button_icon-container.slds-is-selected,
.slds-button--icon-container.slds-is-selected,
.slds-button_icon-border.slds-is-selected,
.slds-button--icon-border.slds-is-selected,
.slds-button_icon-border-filled.slds-is-selected,
.slds-button_icon-border-inverse.slds-is-selected{
  background-color:#0070d2;
  border-color:#0070d2;
  color:white;
}
.slds-button_icon-container.slds-is-selected:link, .slds-button_icon-container.slds-is-selected:visited, .slds-button_icon-container.slds-is-selected:active,
.slds-button--icon-container.slds-is-selected:link,
.slds-button--icon-container.slds-is-selected:visited,
.slds-button--icon-container.slds-is-selected:active,
.slds-button_icon-border.slds-is-selected:link,
.slds-button_icon-border.slds-is-selected:visited,
.slds-button_icon-border.slds-is-selected:active,
.slds-button--icon-border.slds-is-selected:link,
.slds-button--icon-border.slds-is-selected:visited,
.slds-button--icon-border.slds-is-selected:active,
.slds-button_icon-border-filled.slds-is-selected:link,
.slds-button_icon-border-filled.slds-is-selected:visited,
.slds-button_icon-border-filled.slds-is-selected:active,
.slds-button_icon-border-inverse.slds-is-selected:link,
.slds-button_icon-border-inverse.slds-is-selected:visited,
.slds-button_icon-border-inverse.slds-is-selected:active{
  color:white;
}
.slds-button_icon-container.slds-is-selected:hover, .slds-button_icon-container.slds-is-selected:focus,
.slds-button--icon-container.slds-is-selected:hover,
.slds-button--icon-container.slds-is-selected:focus,
.slds-button_icon-border.slds-is-selected:hover,
.slds-button_icon-border.slds-is-selected:focus,
.slds-button--icon-border.slds-is-selected:hover,
.slds-button--icon-border.slds-is-selected:focus,
.slds-button_icon-border-filled.slds-is-selected:hover,
.slds-button_icon-border-filled.slds-is-selected:focus,
.slds-button_icon-border-inverse.slds-is-selected:hover,
.slds-button_icon-border-inverse.slds-is-selected:focus{
  background-color:#005fb2;
  border-color:#005fb2;
  color:white;
}
.slds-button_icon-container.slds-is-selected:active,
.slds-button--icon-container.slds-is-selected:active,
.slds-button_icon-border.slds-is-selected:active,
.slds-button--icon-border.slds-is-selected:active,
.slds-button_icon-border-filled.slds-is-selected:active,
.slds-button_icon-border-inverse.slds-is-selected:active{
  background-color:#005fb2;
  border-color:#005fb2;
}
.slds-button_icon-container.slds-is-selected .slds-button__icon,
.slds-button--icon-container.slds-is-selected .slds-button__icon,
.slds-button_icon-border.slds-is-selected .slds-button__icon,
.slds-button--icon-border.slds-is-selected .slds-button__icon,
.slds-button_icon-border-filled.slds-is-selected .slds-button__icon,
.slds-button_icon-border-inverse.slds-is-selected .slds-button__icon{
  fill:white;
}
.slds-button_icon-container.slds-is-selected:hover .slds-button__icon, .slds-button_icon-container.slds-is-selected:focus .slds-button__icon,
.slds-button--icon-container.slds-is-selected:hover .slds-button__icon,
.slds-button--icon-container.slds-is-selected:focus .slds-button__icon,
.slds-button_icon-border.slds-is-selected:hover .slds-button__icon,
.slds-button_icon-border.slds-is-selected:focus .slds-button__icon,
.slds-button--icon-border.slds-is-selected:hover .slds-button__icon,
.slds-button--icon-border.slds-is-selected:focus .slds-button__icon,
.slds-button_icon-border-filled.slds-is-selected:hover .slds-button__icon,
.slds-button_icon-border-filled.slds-is-selected:focus .slds-button__icon,
.slds-button_icon-border-inverse.slds-is-selected:hover .slds-button__icon,
.slds-button_icon-border-inverse.slds-is-selected:focus .slds-button__icon{
  fill:white;
}
.slds-button_icon-container.slds-is-selected[disabled], .slds-button_icon-container.slds-is-selected:disabled,
.slds-button--icon-container.slds-is-selected[disabled],
.slds-button--icon-container.slds-is-selected:disabled,
.slds-button_icon-border.slds-is-selected[disabled],
.slds-button_icon-border.slds-is-selected:disabled,
.slds-button--icon-border.slds-is-selected[disabled],
.slds-button--icon-border.slds-is-selected:disabled,
.slds-button_icon-border-filled.slds-is-selected[disabled],
.slds-button_icon-border-filled.slds-is-selected:disabled,
.slds-button_icon-border-inverse.slds-is-selected[disabled],
.slds-button_icon-border-inverse.slds-is-selected:disabled{
  background:#c9c7c5;
  border-color:#c9c7c5;
  color:white;
}
.slds-color-picker{
  position:relative;
}
.slds-color-picker .slds-form-error{
  padding-top:0.5rem;
  color:#c23934;
  font-size:0.75rem;
}
.slds-color-picker__summary-label{
  display:block;
}
.slds-color-picker__summary-button{
  vertical-align:top;
  padding:0.3rem 0.5rem;
  line-height:1;
  background:white;
  margin-right:0.25rem;
}
.slds-color-picker__summary-input{
  display:inline-block;
}
.slds-color-picker__summary-input .slds-input{
  width:6rem;
}
.slds-color-picker__selector{
  margin-top:0.5rem;
}
.slds-color-picker__selector.slds-popover{
  width:14rem;
}
.slds-color-picker__selector .slds-popover__footer{
  background:#f3f2f2;
}
.slds-color-picker__selector .slds-tabs_default__content{
  padding:0.5rem 0 0.25rem;
}
.slds-color-picker__swatches{
  font-size:0;
}
.slds-color-picker__swatches.slds-swatch{
  cursor:pointer;
}
.slds-color-picker__swatch{
  display:inline-block;
  margin:0.25rem;
}

.slds-color-picker__swatch-trigger{
  display:inline-block;
}
.slds-color-picker__swatch-trigger:focus, .slds-color-picker__swatch-trigger:active{
  outline:none;
  -webkit-box-shadow:0 0 3px #0070D2;
          box-shadow:0 0 3px #0070D2;
  border-radius:0.25rem;
}
.slds-color-picker__custom{
  padding:0.25rem 0;
}
.slds-color-picker__custom-range{
  position:relative;
  margin-bottom:0.25rem;
  height:5rem;
  border:1px solid #dddbda;
  border-radius:0.25rem;
  overflow:hidden;
}
.slds-color-picker__custom-range:before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:-webkit-gradient(linear, left bottom, left top, from(black), color-stop(1%, rgba(0, 0, 0, 0.9)), color-stop(99%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, right top, color-stop(1%, white), to(rgba(255, 255, 255, 0)));
  background:linear-gradient(to top, black, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0) 99%), linear-gradient(to right, white 1%, rgba(255, 255, 255, 0));
}
.slds-color-picker__range-indicator{
  -webkit-transform:translate3d(-0.375rem, 0.375rem, 0);
          transform:translate3d(-0.375rem, 0.375rem, 0);
  cursor:pointer;
  position:absolute;
  height:0.75rem;
  width:0.75rem;
  border:2px solid white;
  border-radius:50%;
  -webkit-box-shadow:0 2px 4px 4px rgba(0, 0, 0, 0.16), inset 0 2px 4px 4px rgba(0, 0, 0, 0.16);
          box-shadow:0 2px 4px 4px rgba(0, 0, 0, 0.16), inset 0 2px 4px 4px rgba(0, 0, 0, 0.16);
}
.slds-color-picker__range-indicator:focus{
  outline:none;
  -webkit-box-shadow:0 0 3px #0070D2;
          box-shadow:0 0 3px #0070D2;
}
.slds-color-picker__hue-and-preview{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.slds-color-picker__hue-and-preview .slds-swatch{
  margin-left:0.25rem;
  height:1.5rem;
  width:1.5rem;
  border:1px solid #dddbda;
  border-radius:0.25rem;
}
.slds-color-picker__hue-slider{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  padding:0;
  height:1.5rem;
  width:100%;
  border:1px solid #dddbda;
  border-radius:0.25rem;
  background:-webkit-gradient(linear, left top, right top, from(red), color-stop(#ff1500), color-stop(#ff2b00), color-stop(#ff4000), color-stop(#ff5500), color-stop(#ff6a00), color-stop(#ff8000), color-stop(#ff9500), color-stop(#ffaa00), color-stop(#ffbf00), color-stop(#ffd500), color-stop(#ffea00), color-stop(yellow), color-stop(#eaff00), color-stop(#d5ff00), color-stop(#bfff00), color-stop(#aaff00), color-stop(#95ff00), color-stop(#80ff00), color-stop(#6aff00), color-stop(#55ff00), color-stop(#40ff00), color-stop(#2bff00), color-stop(#15ff00), color-stop(lime), color-stop(#00ff15), color-stop(#00ff2b), color-stop(#00ff40), color-stop(#00ff55), color-stop(#00ff6a), color-stop(#00ff80), color-stop(#00ff95), color-stop(#00ffaa), color-stop(#00ffbf), color-stop(#00ffd5), color-stop(#00ffea), color-stop(aqua), color-stop(#00eaff), color-stop(#00d5ff), color-stop(deepskyblue), color-stop(#00aaff), color-stop(#0095ff), color-stop(#0080ff), color-stop(#006aff), color-stop(#0055ff), color-stop(#0040ff), color-stop(#002bff), color-stop(#0015ff), color-stop(blue), color-stop(#1500ff), color-stop(#2b00ff), color-stop(#4000ff), color-stop(#5500ff), color-stop(#6a00ff), color-stop(#8000ff), color-stop(#9500ff), color-stop(#aa00ff), color-stop(#bf00ff), color-stop(#d500ff), color-stop(#ea00ff), color-stop(fuchsia), color-stop(#ff00ea), color-stop(#ff00d5), color-stop(#ff00bf), color-stop(#ff00aa), color-stop(#ff0095), color-stop(#ff0080), color-stop(#ff006a), color-stop(#ff0055), color-stop(#ff0040), color-stop(#ff002b), to(#ff0015));
  background:linear-gradient(to right, red, #ff1500, #ff2b00, #ff4000, #ff5500, #ff6a00, #ff8000, #ff9500, #ffaa00, #ffbf00, #ffd500, #ffea00, yellow, #eaff00, #d5ff00, #bfff00, #aaff00, #95ff00, #80ff00, #6aff00, #55ff00, #40ff00, #2bff00, #15ff00, lime, #00ff15, #00ff2b, #00ff40, #00ff55, #00ff6a, #00ff80, #00ff95, #00ffaa, #00ffbf, #00ffd5, #00ffea, aqua, #00eaff, #00d5ff, deepskyblue, #00aaff, #0095ff, #0080ff, #006aff, #0055ff, #0040ff, #002bff, #0015ff, blue, #1500ff, #2b00ff, #4000ff, #5500ff, #6a00ff, #8000ff, #9500ff, #aa00ff, #bf00ff, #d500ff, #ea00ff, fuchsia, #ff00ea, #ff00d5, #ff00bf, #ff00aa, #ff0095, #ff0080, #ff006a, #ff0055, #ff0040, #ff002b, #ff0015);
}
.slds-color-picker__hue-slider::-webkit-slider-thumb{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
  height:calc(1.5rem - (1px * 2));
  width:0.375rem;
  border:1px solid #514f4d;
  border-radius:0.125rem;
  background:#f3f2f2;
}
.slds-color-picker__hue-slider::-moz-range-thumb{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
  height:calc(1.5rem - (1px * 2));
  width:0.375rem;
  border:1px solid #514f4d;
  border-radius:0.125rem;
  background:#f3f2f2;
}
.slds-color-picker__hue-slider::-ms-thumb{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
  height:calc(1.5rem - (1px * 2));
  width:0.375rem;
  border:1px solid #514f4d;
  border-radius:0.125rem;
  background:#f3f2f2;
  height:1.5rem;
}
.slds-color-picker__hue-slider:focus{
  outline:none;
}
.slds-color-picker__hue-slider:focus::-webkit-slider-thumb{
  border-color:#1589ee;
  -webkit-box-shadow:0 0 3px #0070D2;
          box-shadow:0 0 3px #0070D2;
}
.slds-color-picker__hue-slider:focus::-moz-range-thumb{
  border-color:#1589ee;
  box-shadow:0 0 3px #0070D2;
}
.slds-color-picker__hue-slider:focus::-ms