iot-dashboard
Version:
A generic dashboard application based on JavaScript, HTML and CSS. http://iot-dashboard.org
10,576 lines • 255 kB
CSS
/*! Lightning Design System 2.1.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 {
-moz-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"] {
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 {
box-sizing: border-box; }
::-webkit-input-placeholder {
color: #54698d;
font-weight: 400;
font-size: 0.8125rem; }
::-moz-placeholder {
color: #54698d;
font-weight: 400;
font-size: 0.8125rem; }
:-ms-input-placeholder {
color: #54698d;
font-weight: 400;
font-size: 0.8125rem; }
::placeholder {
color: #54698d;
font-weight: 400;
font-size: 0.8125rem; }
::-moz-selection {
background: #d8edff;
text-shadow: none;
color: #16325c; }
::selection {
background: #d8edff;
text-shadow: none;
color: #16325c; }
html {
font-family: "Salesforce Sans", Arial, sans-serif;
font-size: 100%;
line-height: 1.5;
background: white;
color: #16325c;
-webkit-tap-highlight-color: transparent; }
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],
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:active {
color: #00396b; }
a,
button {
cursor: pointer; }
b,
strong,
dfn {
font-weight: 700; }
mark {
background-color: #fff03f;
color: #16325c; }
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-modal--form .slds-modal__header,
.slds-modal--form .slds-modal__content:last-child {
border-radius: 0;
box-shadow: none; }
.slds-modal--form .slds-modal__container {
margin: 0;
padding: 0; }
.slds-modal--form .slds-modal__header .slds-text-heading--medium {
line-height: 1.5; }
.slds-modal--form .slds-modal__header .slds-button {
display: inline-block;
width: auto; }
.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 {
float: right;
margin-top: 0;
margin-left: 0.5rem; }
.slds-action-overflow--touch {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9001; }
.slds-action-overflow--touch__container {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%; }
.slds-action-overflow--touch__content {
padding-top: 33.33333333333333%;
overflow: hidden;
overflow-y: auto; }
.slds-action-overflow--touch__body {
position: relative;
top: 2rem;
background: white;
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.07); }
.slds-action-overflow--touch__footer {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
border-top: 1px solid #d8dde6;
padding: 0.75rem 1rem;
background-color: #f4f6f9;
box-shadow: 0 -2px 4px #F4F6F9; }
.slds-media--timeline {
padding-bottom: 1.5rem;
position: relative; }
.slds-media--timeline:before {
content: '';
background: #d8dde6;
height: 100%;
width: 2px;
position: absolute;
left: 0.75rem;
top: 0;
bottom: 0;
margin-left: -1px;
z-index: -1; }
.slds-media--timeline:before {
margin-left: 1px; }
.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 #d8dde6;
content: ' ';
z-index: 1; }
.slds-timeline__icon {
margin-top: -0.75rem;
border: 2px solid #fff;
border-top-width: 0.75rem;
border-bottom-width: 0.75rem; }
.slds-timeline__actions {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-align: end;
align-items: flex-end; }
.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-badge {
background-color: #e0e5ee;
padding: 0.25rem 0.5rem;
border-radius: 15rem;
font-size: 0.625rem;
line-height: 1.25;
text-transform: uppercase;
letter-spacing: 0.0625em;
color: #16325c;
vertical-align: middle;
white-space: nowrap; }
.slds-badge + .slds-badge {
margin-left: 0.5rem; }
.slds-badge:empty {
padding: 0; }
.slds-breadcrumb .slds-list__item, .slds-breadcrumb__item {
position: relative; }
.slds-breadcrumb .slds-list__item:before, .slds-breadcrumb__item:before {
content: '\003E';
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-button-group {
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-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: border-box;
border: 1px solid transparent;
border-radius: 0.25rem;
font-size: 0.75rem;
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;
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-inverse,
.slds-button--icon-container,
.slds-button--icon-border,
.slds-button--icon-border-filled,
.slds-button--icon-more,
.slds-button--icon-error {
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-border-inverse {
border: 1px solid #d8dde6; }
.slds-button--icon-container,
.slds-button--icon-border,
.slds-button--icon-border-filled,
.slds-button--icon-border-inverse {
width: 2rem;
height: 2rem; }
.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: 1.875rem;
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,
.slds-button--icon-border-inverse {
color: white; }
.slds-button--icon-inverse:hover, .slds-button--icon-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:active,
.slds-button--icon-border-inverse:active {
color: rgba(255, 255, 255, 0.5); }
.slds-button--icon-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 {
color: #c23934; }
.slds-button--icon-border-inverse[disabled] {
border-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: 1.5rem;
height: 1.5rem;
border-radius: 0.125rem; }
.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-xx-small {
width: 1rem;
height: 1rem;
border-radius: 0.125rem;
line-height: 1; }
.slds-button--icon-xx-small .slds-button__icon {
width: 0.5rem;
height: 0.5rem; }
.slds-button__icon {
width: 0.875rem;
height: 0.875rem;
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-button__icon--inverse-hint {
fill: rgba(255, 255, 255, 0.5); }
.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 {
border-color: rgba(255, 255, 255, 0.75); }
.slds-hint-parent:hover .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:focus .slds-button__icon--hint {
fill: #54698d; }
.slds-hint-parent:hover .slds-button__icon--inverse-hint, .slds-hint-parent:focus .slds-button__icon--inverse-hint {
fill: rgba(255, 255, 255, 0.75); }
.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: #1dccbf; }
.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-action-add-relationship {
background-color: #62b7ed; }
.slds-icon-action-remove-relationship {
background-color: #ef6e64; }
.slds-icon-action-view-relationship {
background-color: #3c97dd; }
.slds-icon-custom-custom1,
.slds-icon-custom-1 {
background-color: #ff7b84;
color: white; }
.slds-icon-custom-custom2,
.slds-icon-custom-2 {
background-color: #cfd05c;
color: white; }
.slds-icon-custom-custom3,
.slds-icon-custom-3 {
background-color: #ecb46c;
color: white; }
.slds-icon-custom-custom4,
.slds-icon-custom-4 {
background-color: #e1d951;
color: white; }
.slds-icon-custom-custom5,
.slds-icon-custom-5 {
background-color: #9fdb66;
color: white; }
.slds-icon-custom-custom6,
.slds-icon-custom-6 {
background-color: #54c473;
color: white; }
.slds-icon-custom-custom7,
.slds-icon-custom-7 {
background-color: #6a89e5;
color: white; }
.slds-icon-custom-custom8,
.slds-icon-custom-8 {
background-color: #50ceb9;
color: white; }
.slds-icon-custom-custom9,
.slds-icon-custom-9 {
background-color: #6b9ee2;
color: white; }
.slds-icon-custom-custom10,
.slds-icon-custom-10 {
background-color: #6488e3;
color: white; }
.slds-icon-custom-custom11,
.slds-icon-custom-11 {
background-color: #8784ea;
color: white; }
.slds-icon-custom-custom12,
.slds-icon-custom-12 {
background-color: #dc71d1;
color: white; }
.slds-icon-custom-custom13,
.slds-icon-custom-13 {
background-color: #df6184;
color: white; }
.slds-icon-custom-custom14,
.slds-icon-custom-14 {
background-color: #3cc2b3;
color: white; }
.slds-icon-custom-custom15,
.slds-icon-custom-15 {
background-color: #f77e75;
color: white; }
.slds-icon-custom-custom16,
.slds-icon-custom-16 {
background-color: #e9af67;
color: white; }
.slds-icon-custom-custom17,
.slds-icon-custom-17 {
background-color: #acd360;
color: white; }
.slds-icon-custom-custom18,
.slds-icon-custom-18 {
background-color: #4dca76;
color: white; }
.slds-icon-custom-custom19,
.slds-icon-custom-19 {
background-color: #3abeb1;
color: white; }
.slds-icon-custom-custom20,
.slds-icon-custom-20 {
background-color: #48c7c8;
color: white; }
.slds-icon-custom-custom21,
.slds-icon-custom-21 {
background-color: #8a7aed;
color: white; }
.slds-icon-custom-custom22,
.slds-icon-custom-22 {
background-color: #8b85f9;
color: white; }
.slds-icon-custom-custom23,
.slds-icon-custom-23 {
background-color: #b070e6;
color: white; }
.slds-icon-custom-custom24,
.slds-icon-custom-24 {
background-color: #e56798;
color: white; }
.slds-icon-custom-custom25,
.slds-icon-custom-25 {
background-color: #e46fbe;
color: white; }
.slds-icon-custom-custom26,
.slds-icon-custom-26 {
background-color: #7698f0;
color: white; }
.slds-icon-custom-custom27,
.slds-icon-custom-27 {
background-color: #5ab0d2;
color: white; }
.slds-icon-custom-custom28,
.slds-icon-custom-28 {
background-color: #89c059;
color: white; }
.slds-icon-custom-custom29,
.slds-icon-custom-29 {
background-color: #bdd25f;
color: white; }
.slds-icon-custom-custom30,
.slds-icon-custom-30 {
background-color: #f59f71;
color: white; }
.slds-icon-custom-custom31,
.slds-icon-custom-31 {
background-color: #eb687f;
color: white; }
.slds-icon-custom-custom32,
.slds-icon-custom-32 {
background-color: #38c393;
color: white; }
.slds-icon-custom-custom33,
.slds-icon-custom-33 {
background-color: #97cf5d;
color: white; }
.slds-icon-custom-custom34,
.slds-icon-custom-34 {
background-color: #d58a6a;
color: white; }
.slds-icon-custom-custom35,
.slds-icon-custom-35 {
background-color: #e9637e;
color: white; }
.slds-icon-custom-custom36,
.slds-icon-custom-36 {
background-color: #d472d4;
color: white; }
.slds-icon-custom-custom37,
.slds-icon-custom-37 {
background-color: #8c89f2;
color: white; }
.slds-icon-custom-custom38,
.slds-icon-custom-38 {
background-color: #53b6d7;
color: white; }
.slds-icon-custom-custom39,
.slds-icon-custom-39 {
background-color: #4fbe75;
color: white; }
.slds-icon-custom-custom40,
.slds-icon-custom-40 {
background-color: #83c75e;
color: white; }
.slds-icon-custom-custom41,
.slds-icon-custom-41 {
background-color: #43b5b5;
color: white; }
.slds-icon-custom-custom42,
.slds-icon-custom-42 {
background-color: #cfd05b;
color: white; }
.slds-icon-custom-custom43,
.slds-icon-custom-43 {
background-color: #7f93f9;
color: white; }
.slds-icon-custom-custom44,
.slds-icon-custom-44 {
background-color: #c8ca58;
color: white; }
.slds-icon-custom-custom45,
.slds-icon-custom-45 {
background-color: #d95879;
color: white; }
.slds-icon-custom-custom46,
.slds-icon-custom-46 {
background-color: #67a5e7;
color: white; }
.slds-icon-custom-custom47,
.slds-icon-custom-47 {
background-color: #5fcc64;
color: white; }
.slds-icon-custom-custom48,
.slds-icon-custom-48 {
background-color: #ef697f;
color: white; }
.slds-icon-custom-custom49,
.slds-icon-custom-49 {
background-color: #e25c80;
color: white; }
.slds-icon-custom-custom50,
.slds-icon-custom-50 {
background-color: #49bcd3;
color: white; }
.slds-icon-custom-custom51,
.slds-icon-custom-51 {
background-color: #d8c760;
color: white; }
.slds-icon-custom-custom52,
.slds-icon-custom-52 {
background-color: #ee8e6f;
color: white; }
.slds-icon-custom-custom53,
.slds-icon-custom-53 {
background-color: #f36e83;
color: white; }
.slds-icon-custom-custom54,
.slds-icon-custom-54 {
background-color: #ea70b1;
color: white; }
.slds-icon-custom-custom55,
.slds-icon-custom-55 {
background-color: #d66ee0;
color: white; }
.slds-icon-custom-custom56,
.slds-icon-custom-56 {
background-color: #718deb;
color: white; }
.slds-icon-custom-custom57,
.slds-icon-custom-57 {
background-color: #5a9cdd;
color: white; }
.slds-icon-custom-custom58,
.slds-icon-custom-58 {
background-color: #34b59d;
color: white; }
.slds-icon-custom-custom59,
.slds-icon-custom-59 {
background-color: #e3d067;
color: white; }
.slds-icon-custom-custom60,
.slds-icon-custom-60 {
background-color: #bf5a88;
color: white; }
.slds-icon-custom-custom61,
.slds-icon-custom-61 {
background-color: #f57376;
color: white; }
.slds-icon-custom-custom62,
.slds-icon-custom-62 {
background-color: #6b92dc;
color: white; }
.slds-icon-custom-custom63,
.slds-icon-custom-63 {
background-color: #7ccf60;
color: white; }
.slds-icon-custom-custom64,
.slds-icon-custom-64 {
background-color: #618fd8;
color: white; }
.slds-icon-custom-custom65,
.slds-icon-custom-65 {
background-color: #f279ab;
color: white; }
.slds-icon-custom-custom66,
.slds-icon-custom-66 {
background-color: #d8be5f;
color: white; }
.slds-icon-custom-custom67,
.slds-icon-custom-67 {
background-color: #f87d76;
color: white; }
.slds-icon-custom-custom68,
.slds-icon-custom-68 {
background-color: #f26979;
color: white; }
.slds-icon-custom-custom69,
.slds-icon-custom-69 {
background-color: #ed6387;
color: white; }
.slds-icon-custom-custom70,
.slds-icon-custom-70 {
background-color: #e769b4;
color: white; }
.slds-icon-custom-custom71,
.slds-icon-custom-71 {
background-color: #e36ee3;
color: white; }
.slds-icon-custom-custom72,
.slds-icon-custom-72 {
background-color: #8d9bfb;
color: white; }
.slds-icon-custom-custom73,
.slds-icon-custom-73 {
background-color: #679ef0;
color: white; }
.slds-icon-custom-custom74,
.slds-icon-custom-74 {
background-color: #41c8a0;
color: white; }
.slds-icon-custom-custom75,
.slds-icon-custom-75 {
background-color: #cd9f65;
color: white; }
.slds-icon-custom-custom76,
.slds-icon-custom-76 {
background-color: #db6d7a;
color: white; }
.slds-icon-custom-custom77,
.slds-icon-custom-77 {
background-color: #b55d5b;
color: white; }
.slds-icon-custom-custom78,
.slds-icon-custom-78 {
background-color: #5a95dd;
color: white; }
.slds-icon-custom-custom79,
.slds-icon-custom-79 {
background-color: #8ed363;
color: white; }
.slds-icon-custom-custom80,
.slds-icon-custom-80 {
background-color: #659ad5;
color: white; }
.slds-icon-custom-custom81,
.slds-icon-custom-81 {
background-color: #da627f;
color: white; }
.slds-icon-custom-custom82,
.slds-icon-custom-82 {
background-color: #d15b97;
color: white; }
.slds-icon-custom-custom83,
.slds-icon-custom-83 {
background-color: #e7806f;
color: white; }
.slds-icon-custom-custom84,
.slds-icon-custom-84 {
background-color: #f6707b;
color: white; }
.slds-icon-custom-custom85,
.slds-icon-custom-85 {
background-color: #f26891;
color: white; }
.slds-icon-custom-custom86,
.slds-icon-custom-86 {
background-color: #e260ab;
color: white; }
.slds-icon-custom-custom87,
.slds-icon-custom-87 {
background-color: #d876e5;
color: white; }
.slds-icon-custom-custom88,
.slds-icon-custom-88 {
background-color: #996fe6;
color: white; }
.slds-icon-custom-custom89,
.slds-icon-custom-89 {
background-color: #3e99be;
color: white; }
.slds-icon-custom-custom90,
.slds-icon-custom-90 {
background-color: #22a48a;
color: white; }
.slds-icon-custom-custom91,
.slds-icon-custom-91 {
background-color: #bf7b66;
color: white; }
.slds-icon-custom-custom92,
.slds-icon-custom-92 {
background-color: #517e82;
color: white; }
.slds-icon-custom-custom93,
.slds-icon-custom-93 {
background-color: #904d4c;
color: white; }
.slds-icon-custom-custom94,
.slds-icon-custom-94 {
background-color: #439cba;
color: white; }
.slds-icon-custom-custom95,
.slds-icon-custom-95 {
background-color: #8bcf6a;
color: white; }
.slds-icon-custom-custom96,
.slds-icon-custom-96 {
background-color: #6d9de3;
color: white; }
.slds-icon-custom-custom97,
.slds-icon-custom-97 {
background-color: #dd6085;
color: white; }
.slds-icon-custom-custom98,
.slds-icon-custom-98 {
background-color: #e1be5c;
color: white; }
.slds-icon-custom-custom99,
.slds-icon-custom-99 {
background-color: #f0856e;
color: white; }
.slds-icon-custom-custom100,
.slds-icon-custom-100 {
background-color: #e15d76;
color: white; }
.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-relationship {
background-color: #3c97dd; }
.slds-icon-standard-folder {
background-color: #8b9ae3; }
.slds-icon-standard-service-contract {
background-color: #8a76f0; }
.slds-icon-standard-merge {
background-color: #f2cf5b; }
.slds-icon-standard-forecasts {
background-color: #6bbd6e; }
.slds-icon-standard-entitlements {
background-color: #b781d3; }
.slds-icon-standard-sales-path {
background-color: #2a739e; }
.slds-icon-text-default {
fill: #54698d; }
.slds-icon-text-warning {
fill: #ffb75d; }
.slds-icon-text-error {
fill: #c23934; }
.slds-icon--xx-small {
width: 0.875rem;
height: 0.875rem;
line-height: 1; }
.slds-icon--x-small {
width: 1rem;
height: 1rem;
line-height: 1; }
.slds-icon--small {
width: 1.5rem;
height: 1.5rem;
line-height: 1; }
.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, .slds-card__footer, .slds-card__body--inner {
padding-left: 1.5rem;
padding-right: 1.5rem; }
.slds-card__header {
padding-top: 0.75rem;
margin-bottom: 0.75rem; }
.slds-card__body:empty, .slds-card__footer:empty {
display: none; }
.slds-card__footer {
margin-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: right; }
.slds-card--narrow .slds-card__header {
padding-top: 1.5rem;
margin-bottom: 1.5rem; }
.slds-card--narrow .slds-card__footer {
padding-bottom: 1rem; }
.slds-card .slds-card--empty .slds-card__body {
text-align: center; }
.slds-card__tile {
margin-top: 0.5rem; }
.slds-card--compact {
border: 0;
border-radius: 0;
padding: 1rem 1.5rem; }
.slds-card--compact .slds-card__header,
.slds-card--compact .slds-card__body,
.slds-card--compact .slds-card__footer {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0; }
.slds-form-element {
position: relative; }
.slds-form-element__helper {
font-size: 0.75rem; }
.slds-form-element__label {
display: inline-block;
color: #54698d;
font-size: 0.75rem;
line-height: 1.5;
margin-right: 0.75rem;
margin-bottom: 0.25rem; }
.slds-form-element__label:empty {
margin: 0; }
.slds-form-element__control .slds-radio,
.slds-form-element__control .slds-checkbox {
display: block; }
.slds-form-element__icon {
display: inline-block;
position: relative; }
.slds-form-element__help {
font-size: 0.75rem;
margin-top: 0.5rem;
display: block; }
.slds-form-element__static {
display: inline-block;
line-height: 1.875rem;
min-height: calc(1.875rem + 2px); }
.slds-form-element__static.slds-text-longform {
line-height: 1.5; }
.slds-required {
color: #c23934;
margin: 0 0.125rem; }
.slds-has-error .slds-form-element__help {
color: #c23934; }
.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: 1.875rem;
min-height: calc(1.875rem + (1px * 2)); }
.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--bare {
background-color: transparent;
border: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0.75rem;
color: #16325c;
line-height: 1.875rem; }
.slds-input--bare:focus, .slds-input--bare:active {
outline: 0; }
.slds-input--height {
min-height: calc(1.875rem + (1px * 2)); }
.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-icon--left-right .slds-input__icon--left {
left: 0.75rem; }
.slds-input-has-icon--left-right .slds-input__icon--right {
right: 0.75rem; }
.slds-input-has-icon--left-right .slds-input,
.slds-input-has-icon--left-right .slds-input--bare {
padding: 0 2rem; }
.slds-input-has-fixed-addon {
display: -ms-flexbox;
display: flex; }
.slds-form-element__addon {
display: inline-block;
margin: 0 0.5rem;
-ms-flex-item-align: center;
align-self: center; }
.slds-has-error .slds-input {
background-color: white;
border-color: #c23934;
box-shadow: #c23934 0 0 0 1px inset;
background-clip: padding-box; }
.slds-has-error .slds-input:focus, .slds-has-error .slds-input:active {
box-shadow: #c23934 0 0 0 1px inset, 0 0 3px #0070D2; }
.slds-has-error .slds-input__icon {
fill: #c23934; }
.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-has-error .slds-textarea {
background-color: white;
border-color: #c23934;
box-shadow: #c23934 0 0 0 1px inset;
background-clip: padding-box; }
.slds-has-error .slds-textarea:focus, .slds-has-error .slds-textarea:active {
box-shadow: #c23934 0 0 0 1px inset, 0 0 3px #0070D2; }
.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.8125rem; }
.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,
.slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio--faux {
background: white; }
.slds-radio [type="radio"]:checked + .slds-radio--faux:after,
.slds-radio [type="radio"]:checked ~ .slds-radio--faux:after,
.slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio--faux:after {
width: 0.5rem;
height: 0.5rem;
content: '';
position: absolute;
top: 50%;
left: 50%;
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,
.slds-radio [type="radio"]:focus + .slds-radio__label .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,
.slds-radio [type="radio"][disabled] + .slds-radio__label .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,
.slds-has-error .slds-radio [type="radio"] + .slds-radio__label .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,
.slds-has-error .slds-radio [type="radio"]:checked + .slds-radio__label .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,
.slds-has-error .slds-radio [type="radio"]:checked + .slds-radio__label .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,
.slds-radio [type=radio] + .slds-radio__label .slds-radio--faux {
margin-right: 0.5rem; }
.slds-radio--button-group {
display: -ms-inline-flexbox;
display: inline-flex;
border: 1px solid #d8dde6;
border-radius: 0.25rem; }
.slds-radio--button {
display: -ms-flexbox;
display: flex;
border: 0;
border-radius: 0;
background-clip: padding-box; }
.slds-radio--button .slds-radio--faux {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
vertical-align: middle;
position: relative;
background-color: white;
transition: border 0.1s linear, background-color 0.1s linear; }
.slds-radio--button .slds-radio--faux:hover, .slds-radio--button .slds-radio--faux:focus {
cursor: pointer;
background-color: #f4f6f9; }
.slds-radio--button .slds-radio--button__label .slds-radio--faux,
.slds-radio--button [type="radio"]:checked + .slds-radio--button__label .slds-radio--faux {
background-color: transparent; }
.slds-radio--button + .slds-radio--button {
border-left: 1px solid #d8dde6;
border-radius: 0;
margin: 0; }
.slds-radio--button:first-child > .slds-radio--faux,
.slds-radio--button:first-child > .slds-radio--button__label {
border-radius: 0.25rem 0 0 0.25rem; }
.slds-radio--button:last-child > .slds-radio--faux,
.slds-radio--button .slds-button--last > .slds-radio--faux,
.slds-radio--button:last-child > .slds-radio--button__label {
border-radius: 0 0.25rem 0.25rem 0; }
.slds-radio--button [type="radio"] {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute; }
.slds-radio--button [type="radio"]:checked + .slds-radio--faux,
.slds-radio--button [type="radio"]:checked ~ .slds-radio--faux,
.slds-radio--button [type="radio"]:checked + .slds-radio--button__label {
background-color: #0070d2;
color: white; }
.slds-radio--button [type="radio"]:checked + .slds-radio--faux:hover, .slds-radio--button [type="radio"]:checked + .slds-radio--faux:focus,
.slds-radio--button [type="radio"]:checked ~ .slds-radio--faux:hover,
.slds-radio--button [type="radio"]:checked ~ .slds-radio--faux:focus,
.slds-radio--button [type="radio"]:checked + .slds-radio--button__label:hover,
.slds-radio--button [type="radio"]:checked + .slds-radio--button__label:focus {
background-color: #0070d2; }
.slds-radio--button [type="radio"]:focus + .slds-radio--faux,
.slds-radio--button [type="radio"]:focus ~ .slds-radio--faux,
.slds-radio--button [type="radio"]:focus + .slds-radio--button__label {
outline: 0;
box-shadow: 0 0 3px #0070D2;
z-index: 1; }
.slds-radio--button [type="radio"][disabled] + .slds-radio--faux,
.slds-radio--button [type="radio"][disabled] ~ .slds-radio--faux,
.slds-radio--button [type="radio"][disabled] + .slds-radio--button__label {
background-color: white;
color: #d8dde6;
cursor: default; }
.slds-checkbox {
display: inline-block; }
.slds-checkbox .slds-checkbox--faux {
width: 1rem;
height: 1rem;
display: inline-block;
position: relative;
vertical-align: middle;
border: 1px solid #d8dde6;
border-radius: 0.125rem;
background: white;
transition: border 0.1s linear, background-color 0.1s linear; }
.slds-checkbox .slds-form-element__label {
display: inline;
vertical-align: middle;
font-size: 0.8125rem; }
.slds-checkbox [type="checkbox"] {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute; }
.slds-checkbox [type="checkbox"]:checked + .slds-checkbox--faux:after,
.slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox--faux:after {
display: block;
content: '';
height: 0.25rem;
width: 0.5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
border-bottom: 2px solid #1589ee;
border-left: 2px solid #1589ee; }
.slds-checkbox [type="checkbox"]:focus + .slds-checkbox--faux,
.slds-checkbox [type="checkbox"]:focus ~ .slds-checkbox--faux,
.slds-checkbox [type="checkbox"]:focus + .slds-checkbox__label .slds-checkbox--faux {
content: '';
border-color: #1589ee;
box-shadow: 0 0 3px #0070D2; }
.slds-checkbox [type="checkbox"]:focus:checked > .slds-checkbox--faux,
.slds-checkbox [type="checkbox"]:focus:checked ~ .slds-checkbox--faux,
.slds-checkbox [type="checkbox"]:focus:checked + .slds-checkbox__label .slds-checkbox--faux {
border-color: #1589ee;
background-color: white; }
.slds-checkbox [type="checkbox"]:indeterminate + .slds-checkbox--faux:after,
.slds-checkbox [type="checkbox"]:indeterminate ~ .slds-checkbox--faux:after,
.slds-checkbox [type="checkbox"]:indeterminate + .slds-checkbox__label .slds-checkbox--faux:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 0.5rem;
height: 2px;
background: #1589ee;
border: 0;
transform: translate3d(-50%, -50%, 0); }
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox--faux,
.slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox--faux,
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox--faux {
background-color: #e0e5ee;
border-color: #a8b7c7; }
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox--faux:after,
.slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox--faux:after,
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox--faux:after {
border-color: white; }
.slds-has-error .slds-checkbox [type="checkbox"] + .slds-checkbox--faux,
.slds-has-error .slds-checkbox [type="checkbox"] ~ .slds-checkbox--faux,
.slds-has-error .slds-checkbox [type="checkbox"] + .slds-checkbox__label .slds-checkbox--faux {
border-color: #c23934;
border-width: 2px; }
.slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox--faux,
.slds-has-error .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux,
.slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox--faux {
border-color: #c23934;
background-color: white; }
.slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox--faux:after,
.slds-has-error .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox--faux:after {
border-color: #d4504c; }
.slds-form-element .slds-checkbox [type="checkbox"] + .slds-checkbox--faux,
.slds-form-element .slds-checkbox [type="checkbox"] ~ .slds-checkbox--faux,
.slds-form-element .slds-checkbox [type="checkbox"] + .slds-checkbox__label .slds-checkbox--faux {
margin-right: 0.5rem; }
.slds-checkbox--toggle {
width: 100%; }
.slds-checkbox--toggle .slds-checkbox--faux {
display: block;
position: relative;
width: 3rem;
height: 1.5rem;
border: 1px solid #9faab5;
padding: 0.125rem;
background-color: #9faab5;
border-radius: 15rem;
transition: background-color 0.2s cubic-bezier(0.75, 0, 0.08, 1); }
.slds-checkbox--toggle .slds-checkbox--faux:hover, .slds-checkbox--toggle .slds-checkbox--faux:focus {
cursor: pointer;
background-color: #7e8c99; }
.slds-checkbox--toggle .slds-checkbox--faux:after {
content: '';
position: absolute;
top: 1px;
left: 1px;
width: 1.25rem;
height: 1.25rem;
background-color: white;
border-radius: 15rem; }
.slds-checkbox--toggle [type="checkbox"] {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute; }
.slds-checkbox--toggle [type="checkbox"] + .slds-checkbox--faux_container {
font-size: 0.625rem;
color: #54698d; }
.slds-checkbox--toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox--off {
display: block; }
.slds-checkbox--toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox--on {
display: none; }
.slds-checkbox--toggle [type="checkbox"]:focus + .slds-checkbox--faux,
.slds-checkbox--toggle [type="checkbox"]:focus ~ .slds-checkbox--faux,
.slds-checkbox--toggle [type="checkbox"]:focus + .slds-checkbox--faux_container .slds-checkbox--faux {
background-color: #7e8c99;
border-color: #1589ee;
box-shadow: 0 0 3px #0070D2; }
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--off {
display: none; }
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--on {
display: block; }
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux,
.slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux,
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux {
border-color: #0070d2;
background-color: #0070d2; }
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux:hover, .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux:focus,
.slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:hover,
.slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:focus,
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:hover,
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:focus {
background-color: #005fb2; }
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux:before,
.slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:before,
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before {
content: '';
position: absolute;
top: 1px;
right: 1px;
width: 1.25rem;
height: 1.25rem;
background-color: white;
border-radius: 15rem;
transition: transform 0.2s cubic-bezier(0.75, 0, 0.08, 1); }
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux:after,
.slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after {
content: ' ';
position: absolute;
top: 0.25rem;
left: 0.6rem;
height: 0.7rem;
width: 0.45rem;
border-bottom: 2px solid white;
border-right: 2px solid white;
border-radius: 0;
background-color: transparent;
transform: rotate(45deg); }
.slds-checkbox--toggle [type="checkbox"]:checked:focus + .slds-checkbox--faux,
.slds-checkbox--toggle [type="checkbox"]:checked:focus ~ .slds-checkbox--faux,
.slds-checkbox--toggle [type="checkbox"]:checked:focus + .slds-checkbox--faux_container .slds-checkbox--faux {
background-color: #005fb2; }
.slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux,
.slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux,
.slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux {
background-color: #9faab5;
pointer-events: none; }
.slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux:after,
.slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux:after,
.slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:after {
background-color: #d8dde6; }
.slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux:hover, .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux:focus,
.slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux:hover,
.slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux:focus,
.slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:hover,
.slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:focus {
background-color: #9faab5;
cursor: default; }
.slds-checkbox--toggle [type="checkbox"][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before {
background-color: #d8dde6; }
.slds-checkbox--toggle [type="checkbox"][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after {
background-color: transparent; }
.slds-select {
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;
height: calc(1.875rem + (1px * 2)); }
.slds-select:focus, .slds-select:active {
outline: 0;
border-color: #1589ee;
background-color: white;
box-shadow: 0 0 3px #0070D2; }
.slds-select[disabled], .slds-select.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-select[disabled]:focus, .slds-select[disabled]:active, .slds-select.slds-is-disabled:focus, .slds-select.slds-is-disabled:active {
box-shadow: none; }
.slds-select[size], .slds-select[multiple] {
min-height: calc(1.875rem + (1px * 2));
height: inherit; }
.slds-select[size] option, .slds-select[multiple] option {
padding: 0.5rem; }
.slds-select_container {
position: relative; }
.slds-select_container .slds-select {
-moz-appearance: none;
-webkit-appearance: none;
padding-left: 0.5rem;
padding-right: 1.5rem; }
.slds-select_container .slds-select::-ms-expand {
display: none; }
.slds-select_container:before, .slds-select_container:after {
position: absolute;
content: '';
display: block;
right: 0.5rem;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent; }
.slds-select_container:before {
border-bottom: 5px solid #061c3f;
top: calc((1.75rem / 2) - 6px); }
.slds-select_container:after {
border-top: 5px solid #061c3f;
bottom: calc((1.75rem / 2) - 6px); }
.slds-has-error .slds-select {
background-color: white;
border-color: #c23934;
box-shadow: #c23934 0 0 0 1px inset;
background-clip: padding-box; }
.slds-has-error .slds-select:focus, .slds-has-error .slds-select:active {
box-shadow: #c23934 0 0 0 1px inset, 0 0 3px #0070D2; }
.slds-checkbox--button-group {
display: -ms-inline-flexbox;
display: inline-flex;
border: 1px solid #d8dde6;
border-radius: 0.25rem; }
.slds-checkbox--button {
display: -ms-flexbox;
display: flex;
border: 0;
border-radius: 0;
background-clip: padding-box; }
.slds-checkbox--button .slds-checkbox--faux {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
vertical-align: middle;
position: relative;
background-color: white;
transition: border 0.1s linear, background-color 0.1s linear; }
.slds-checkbox--button .slds-checkbox--faux:hover, .slds-checkbox--button .slds-checkbox--faux:focus {
cursor: pointer;
background-color: #f4f6f9; }
.slds-checkbox--button .slds-checkbox--button__label .slds-checkbox--faux,
.slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--button__label .slds-checkbox--faux {
background-color: transparent; }
.slds-checkbox--button + .slds-checkbox--button {
border-left: 1px solid #d8dde6;
border-radius: 0;
margin: 0; }
.slds-checkbox--button:first-child > .slds-checkbox--faux,
.slds-checkbox--button:first-child > .slds-checkbox--button__label {
border-radius: 0.25rem 0 0 0.25rem; }
.slds-checkbox--button:last-child > .slds-checkbox--faux,
.slds-checkbox--button .slds-button--last > .slds-checkbox--faux,
.slds-checkbox--button:last-child > .slds-checkbox--button__label {
border-radius: 0 0.25rem 0.25rem 0; }
.slds-checkbox--button [type="checkbox"] {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute; }
.slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--faux,
.slds-checkbox--button [type="checkbox"]:checked ~ .slds-checkbox--faux,
.slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--button__label {
background-color: #0070d2;
color: white; }
.slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--faux:hover, .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--faux:focus,
.slds-checkbox--button [type="checkbox"]:checked ~ .slds-checkbox--faux:hover,
.slds-checkbox--button [type="checkbox"]:checked ~ .slds-checkbox--faux:focus,
.slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--button__label:hover,
.slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--button__label:focus {
background-color: #0070d2; }
.slds-checkbox--button [type="checkbox"]:focus + .slds-checkbox--faux,
.slds-checkbox--button [type="checkbox"]:focus ~ .slds-checkbox--faux,
.slds-checkbox--button [type="checkbox"]:focus + .slds-checkbox--button__label {
outline: 0;
box-shadow: 0 0 3px #0070D2;
z-index: 1; }
.slds-checkbox--button [type="checkbox"][disabled] + .slds-checkbox--faux,
.slds-checkbox--button [type="checkbox"][disabled] ~ .slds-checkbox--faux,
.slds-checkbox--button [type="checkbox"][disabled] + .slds-checkbox--button__label {
background-color: white;
color: #d8dde6;
cursor: default; }
.slds-picklist--draggable .slds-button {
margin: 0.25rem; }
.slds-picklist--draggable .slds-button:first-of-type {
margin-top: 1.5rem; }
.slds-picklist__options {
border: 1px solid #d8dde6;
border-radius: 0.25rem;
padding: 0.25rem 0;
width: 15rem;
height: 15rem;
background-color: white; }
.slds-picklist__options--multi {
overflow: auto; }
.slds-picklist__item {
position: relative;
line-height: 1.5; }
.slds-picklist__item > a,
.slds-picklist__item > span {
display: block;
padding: 0.5rem 0.75rem; }
.slds-picklist__item > a:hover,
.slds-picklist__item > span:hover {
background-color: #f4f6f9;
cursor: pointer; }
.slds-picklist__item > a:active,
.slds-picklist__item > span:active {
background-color: #eef1f6; }
.slds-picklist__item[aria-selected="true"] {
background-color: #eef1f6; }
@media (min-width: 48em) {
.slds-form--horizontal {
text-align: right; } }
@media (min-width: 48em) {
.slds-form--horizontal .slds-form-element > .slds-form-element__legend,
.slds-form--horizontal .slds-form-element > .slds-form-element__label {
float: left;
text-align: right;
display: inline-block;
width: 33%;
vertical-align: top;
position: relative;
top: 0.1875rem;
margin-right: 0;
margin-bottom: 0; } }
.slds-form--horizontal .slds-form-element + .slds-form-element {
margin-top: 0.75rem; }
@media (min-width: 30em) {
.slds-form--horizontal .slds-form-element + .slds-form-element {
margin-top: 0.5rem; } }
.slds-form--horizontal .slds-form-element__control {
width: 100%; }
@media (min-width: 48em) {
.slds-form--horizontal .slds-form-element__control {
width: 66%;
display: inline-block;
text-align: left; } }
.slds-form--stacked .slds-form-element {
display: block; }
.slds-form--stacked .slds-form-element + .slds-form-element {
margin-top: 0.75rem; }
@media (min-width: 30em) {
.slds-form--stacked .slds-form-element + .slds-form-element {
margin-top: 0.5rem; } }
.slds-form--stacked .slds-form-element .slds-checkbox,
.slds-form--stacked .slds-form-element .slds-radio {
display: block; }
.slds-form--inline .slds-form-element,
.slds-form--inline .slds-form-element__label,
.slds-form--inline .slds-form-element__control {
display: block; }
.slds-form--inline .slds-form-element + .slds-form-element {
margin-top: 0.75rem; }
@media (min-width: 30em) {
.slds-form--inline .slds-form-element {
margin-right: 0.5rem; }
.slds-form--inline .slds-form-element + .slds-form-element {
margin-top: 0; }
.slds-form--inline .slds-form-element,
.slds-form--inline .slds-form-element__label,
.slds-form--inline .slds-form-element__control {
display: inline-block;
vertical-align: middle;
margin-bottom: 0; } }
.slds-form--compound .slds-form-element__row {
display: -ms-flexbox;
display: flex;
margin-bottom: 0.5rem; }
.slds-form--compound .slds-form-element__row + .slds-form-element__row {
clear: both; }
.slds-form--compound .slds-form-element {
width: 100%; }
.slds-form--compound .slds-form-element + .slds-form-element {
padding-left: 0.5rem; }
.slds-form--compound .slds-form-element__control {
position: relative; }
.slds-form--compound .slds-form-element__control + .slds-form-element__control {
padding-left: 0.5rem; }
.slds-docked-form-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #f4f6f9;
box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
z-index: 8000;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 0.5rem 0; }
.slds-file-selector {
display: -ms-inline-flexbox;
display: inline-flex; }
.slds-file-selector__dropzone {
padding: 0.125rem;
border: 1px dashed #d8dde6;
border-radius: 0.25rem; }
.slds-file-selector__dropzone.slds-has-drag-over {
outline: 0;
border-color: #1589ee;
box-shadow: 0 0 3px #0070D2;
border-style: solid; }
.slds-file-selector__input:focus ~ .slds-file-selector__body > .slds-file-selector__button {
box-shadow: 0 0 3px #0070D2; }
.slds-file-selector__input[disabled] ~ .slds-file-selector__body {
color: #d8dde6; }
.slds-file-selector__input[disabled] ~ .slds-file-selector__body > .slds-file-selector__button {
background: #e0e5ee;
border-color: transparent;
color: white; }
.slds-file-selector__input[disabled] ~ .slds-file-selector__body > .slds-file-selector__body-icon {
fill: currentColor; }
.slds-file-selector__button {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center; }
.slds-file-selector--files .slds-file-selector__body {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.slds-file-selector--files .slds-file-selector__button {
max-height: 1.625rem;
line-height: 1.625rem; }
.slds-file-selector--files .slds-file-selector__text {
margin-left: 0.5rem;
margin-right: 0.75rem; }
.slds-file-selector--images {
display: block; }
.slds-file-selector--images .slds-file-selector__dropzone {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
margin: auto; }
.slds-file-selector--images .slds-file-selector__dropzone:after {
content: '';
padding-top: 100%;
display: table; }
.slds-file-selector--images .slds-file-selector__body {
text-align: center; }
.slds-file-selector--images .slds-file-selector__text {
margin-top: 0.75rem; }
.slds-file-selector--integrated {
width: 100%;
height: 100%;
position: relative;
display: block; }
.slds-file-selector__dropzone--integrated {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 0;
opacity: 0;
z-index: -1; }
.slds-file-selector__dropzone--integrated.slds-has-drag {
background: rgba(255, 255, 255, 0.75);
opacity: 1;
z-index: 8000; }
.slds-file-selector__dropzone--integrated.slds-has-drag-over {
background: rgba(240, 248, 252, 0.75);
box-shadow: 0 0 0 4px #1589ee inset; }
.slds-file-selector__body--integrated {
width: 12rem;
height: 12rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
background: white;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
border: 1px solid #d8dde6;
border-radius: 0.25rem;
-ms-flex-direction: column;
flex-direction: column; }
.slds-file-selector__text--integrated {
margin-top: 0.75rem; }
.slds-page-header {
padding: 1rem 0.75rem;
border-bottom: 1px solid #d8dde6;
background: #f7f9fb; }
.slds-page-header__title {
font-weight: 400;
font-size: 1rem;
line-height: 1.25; }
@media (min-width: 48em) {
.slds-page-header {
padding: 1rem 1.5rem; }
.slds-page-header__title {
font-size: 1.25rem; } }
.slds-page-header__detail-row {
margin: 0.75rem -1.5rem -1rem;
padding: 0.75rem 1.5rem;
background-color: white; }
.slds-page-header__detail-block {
padding-right: 2rem;
padding-left: 2rem;
max-width: 25%; }
.slds-page-header__detail-block:first-child {
padding-left: 0; }
.slds-page-header__detail-block:last-child {
padding-right: 0; }
.slds-page-header--vertical {
padding: 0.75rem;
background: #f7f9fb; }
.slds-page-header--object-home {
padding-bottom: 0.75rem; }
.slds-panel {
background: white;
border-radius: 0.25rem; }
.slds-panel__section {
padding: 1rem; }
.slds-panel__actions {
padding: 0.75rem; }
.slds-panel.slds-is-editing {
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16); }
.slds-panel--filters {
margin-left: 1rem;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
border-radius: 0; }
.slds-filters {
position: relative; }
.slds-filters__header {
padding: 0.5rem 0.75rem; }
.slds-filters__body {
padding: 0.5rem 0.75rem; }
.slds-filters__footer {
padding: 0.5rem 1rem; }
.slds-filters__item {
padding: 0.75rem;
background: white;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
cursor: pointer; }
.slds-filters__item.slds-is-new {
background: #faffbd;
color: #16325c; }
.slds-filters__item.slds-has-error {
border-color: #c23934; }
.slds-filters__item.slds-is-locked {
background: #f4f6f9; }
.slds-filters__item.slds-is-locked,
.slds-filters__item.slds-is-locked a {
cursor: not-allowed; }
.slds-filters__item + .slds-filters__item {
margin-top: 0.5rem; }
.slds-filters__item:hover {
background: #f4f6f9; }
.slds-popover {
position: relative;
border-radius: 0.25rem;
width: 20rem;
min-height: 2rem;
z-index: 6000;
background-color: white;
display: inline-block;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
border: 1px solid #d8dde6; }
.slds-popover__body {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
position: relative;
padding: 0.5rem 0.75rem; }
.slds-popover__close {
position: relative;
z-index: 6001; }
.slds-popover[class*="theme--"] {
border: 0; }
.slds-popover *:last-child {
margin-bottom: 0; }
.slds-popover--panel .slds-popover__header {
background: #f4f6f9;
padding: 1.5rem 1.5rem 0.75rem;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.slds-popover--panel .slds-popover__body {
padding: 0; }
.slds-popover--panel .slds-popover__body-list {
padding: 1rem 1.5rem;
border-top: 1px solid #d8dde6; }
.slds-popover--panel.slds-nubbin--left-top:before, .slds-popover--panel.slds-nubbin--left-top:after, .slds-popover--panel.slds-nubbin--right-top:before, .slds-popover--panel.slds-nubbin--right-top:after, .slds-popover--panel.slds-nubbin--top-left:before, .slds-popover--panel.slds-nubbin--top-left:after, .slds-popover--panel.slds-nubbin--top-right:before, .slds-popover--panel.slds-nubbin--top-right:after {
background: #f4f6f9; }
.slds-popover--panel.slds-nubbin--left-top:before, .slds-popover--panel.slds-nubbin--left-top:after, .slds-popover--panel.slds-nubbin--right-top:before, .slds-popover--panel.slds-nubbin--right-top:after {
top: 2.25rem; }
.slds-nubbin--top:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--top:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--top:after {
box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--top-left:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--top-left:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--top-left:after {
box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--top-left:before, .slds-nubbin--top-left:after {
left: 1.5rem;
top: -0.5rem; }
.slds-nubbin--top-right:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--top-right:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--top-right:after {
box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--top-right:before, .slds-nubbin--top-right:after {
left: auto;
right: 1.5rem;
top: -0.5rem;
margin-right: -0.5rem; }
.slds-nubbin--bottom:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--bottom:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--bottom:after {
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--bottom-left:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--bottom-left:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--bottom-left:after {
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--bottom-left:before, .slds-nubbin--bottom-left:after {
left: 1.5rem;
top: 100%;
margin-top: -0.5rem; }
.slds-nubbin--bottom-right:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--bottom-right:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.slds-nubbin--bottom-right:after {
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--bottom-right:before, .slds-nubbin--bottom-right:after {
left: auto;
right: 1.5rem;
top: 100%;
margin-top: -0.5rem;
margin-right: -0.5rem; }
.slds-nubbin--left:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--left:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--left:after {
box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--left-top:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--left-top:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--left-top:after {
box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--left-top:before, .slds-nubbin--left-top:after {
top: 1.5rem; }
.slds-nubbin--left-bottom:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--left-bottom:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--left-bottom:before {
margin-bottom: -1px; }
.slds-nubbin--left-bottom:after {
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--left-bottom:before, .slds-nubbin--left-bottom:after {
top: auto;
bottom: 1rem; }
.slds-nubbin--right:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--right:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--right:after {
box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--right-top:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--right-top:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--right-top:after {
box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--right-top:before, .slds-nubbin--right-top:after {
top: 1.5rem; }
.slds-nubbin--right-bottom:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--right-bottom:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.slds-nubbin--right-bottom:before {
margin-bottom: -1px; }
.slds-nubbin--right-bottom:after {
box-shadow: 2px -1px 3px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-nubbin--right-bottom:before, .slds-nubbin--right-bottom:after {
top: auto;
bottom: 1rem; }
.slds-popover--tooltip {
width: auto;
max-width: 20rem;
background: #16325c;
border: 0; }
.slds-popover--tooltip .slds-popover__body {
font-size: 0.75rem;
color: white; }
.slds-rise-from-ground {
visibility: visible;
opacity: 1;
transform: translate(0%, 0%);
transition: opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear;
will-change: transform; }
.slds-fall-into-ground {
visibility: hidden;
opacity: 0;
transform: translate(0%, 0%);
transition: opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear;
will-change: transform; }
.slds-slide-from-bottom-to-top {
transform: translateY(10%);
will-change: transform; }
.slds-slide-from-top-to-bottom {
transform: translateY(-10%);
will-change: transform; }
.slds-slide-from-right-to-left {
transform: translateX(5%);
will-change: transform; }
.slds-slide-from-left-to-right {
transform: translateX(-5%);
will-change: transform; }
.slds-tooltip {
position: relative;
border-radius: 0.25rem;
width: 20rem;
min-height: 2rem;
z-index: 6000;
background-color: #061c3f;
display: inline-block; }
.slds-tooltip__body {
padding: 0.5rem 0.75rem;
font-size: 0.75rem;
color: white; }
.slds-dropdown {
position: absolute;
z-index: 7000;
left: 50%;
float: left;
min-width: 6rem;
max-width: 20rem;
margin-top: 0.125rem;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
padding: 0.25rem 0;
font-size: 0.75rem;
background: white;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
transform: translateX(-50%); }
.slds-dropdown--left {
left: 0;
transform: translateX(0); }
.slds-dropdown--right {
left: auto;
right: 0;
transform: translateX(0); }
.slds-dropdown--bottom {
bottom: 100%; }
.slds-dropdown--small {
min-width: 15rem; }
.slds-dropdown--medium {
min-width: 20rem; }
.slds-dropdown--large {
min-width: 25rem;
max-width: 512px; }
.slds-dropdown--length-5 {
max-height: calc(((0.8125rem * 1.5) + 1rem) * 5);
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.slds-dropdown--length-7 {
max-height: calc(((0.8125rem * 1.5) + 1rem) * 7);
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.slds-dropdown--length-10 {
max-height: calc(((0.8125rem * 1.5) + 1rem) * 10);
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.slds-dropdown--length-with-icon-5 {
max-height: calc((1.5rem + 1rem) * 5);
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.slds-dropdown--length-with-icon-7 {
max-height: calc((1.5rem + 1rem) * 7);
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.slds-dropdown--length-with-icon-10 {
max-height: calc((1.5rem + 1rem) * 10);
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.slds-dropdown mark {
font-weight: 700;
background-color: transparent; }
.slds-dropdown[class*="slds-nubbin--top"] {
margin-top: 0.5rem; }
.slds-dropdown[class*="slds-nubbin--bottom"] {
margin-bottom: 0.5rem; }
.slds-dropdown--nubbin-top {
margin-top: 0.5rem; }
.slds-dropdown--nubbin-top:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: white;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.slds-dropdown--nubbin-top:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: white;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.slds-dropdown--nubbin-top:before {
background: white; }
.slds-dropdown--nubbin-top:after {
background: white;
box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.slds-dropdown--nubbin-top.slds-dropdown--left {
left: -1rem; }
.slds-dropdown--nubbin-top.slds-dropdown--left:before, .slds-dropdown--nubbin-top.slds-dropdown--left:after {
left: 1.5rem;
margin-left: 0; }
.slds-dropdown--nubbin-top.slds-dropdown--right {
right: -1rem; }
.slds-dropdown--nubbin-top.slds-dropdown--right:before, .slds-dropdown--nubbin-top.slds-dropdown--right:after {
left: auto;
right: 1.5rem;
margin-left: 0; }
.slds-dropdown__header {
padding: 0.5rem 0.75rem; }
.slds-dropdown__item {
line-height: 1.5; }
.slds-dropdown__item > a {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 0.75rem;
color: #16325c;
white-space: nowrap;
cursor: pointer; }
.slds-dropdown__item > a:hover, .slds-dropdown__item > a:focus {
outline: 0;
text-decoration: none;
background-color: #f4f6f9; }
.slds-dropdown__item > a:active {
text-decoration: none;
background-color: #eef1f6; }
.slds-dropdown__item > a[aria-disabled="true"] {
color: #d8dde6;
cursor: default; }
.slds-dropdown__item > a[aria-disabled="true"]:hover {
background-color: transparent; }
.slds-dropdown__item .slds-icon--selected {
opacity: 0;
transition: opacity 0.05s ease; }
.slds-dropdown__item.slds-is-selected .slds-icon--selected {
fill: #0070d2;
opacity: 1; }
.slds-dropdown .slds-has-icon {
position: relative; }
.slds-dropdown .slds-has-icon--left > a,
.slds-dropdown .slds-has-icon--left > span {
padding-left: 2rem; }
.slds-dropdown .slds-has-icon--right > a,
.slds-dropdown .slds-has-icon--right > span {
padding-right: 2rem; }
.slds-dropdown .slds-has-icon--left-right > a,
.slds-dropdown .slds-has-icon--left-right > span {
padding-left: 2rem;
padding-right: 2rem; }
.slds-dropdown .slds-has-icon .slds-icon {
width: 1rem;
height: 1rem;
position: absolute;
top: 50%;
margin-top: -0.5rem;
fill: #54698d; }
.slds-dropdown .slds-has-icon .slds-icon--left {
left: 0.75rem; }
.slds-dropdown .slds-has-icon .slds-icon--right {
right: 0.75rem; }
.slds-dropdown-trigger {
position: relative;
display: inline-block; }
.slds-dropdown-trigger .slds-dropdown {
top: 100%; }
.slds-dropdown-trigger .slds-dropdown--bottom {
top: auto; }
.slds-dropdown-trigger .slds-dropdown {
visibility: hidden;
opacity: 0;
transition: opacity 0.1s linear, visibility 0.1s linear; }
.slds-dropdown-trigger:hover, .slds-dropdown-trigger:focus {
outline: 0; }
.slds-dropdown-trigger:hover .slds-dropdown, .slds-dropdown-trigger:focus .slds-dropdown {
visibility: visible;
opacity: 1;
transition: opacity 0.1s linear, visibility 0.1s linear; }
.slds-dropdown-trigger--hover .slds-dropdown {
visibility: hidden;
opacity: 0;
transition: opacity 0.1s linear, visibility 0.1s linear; }
.slds-dropdown-trigger--hover:hover, .slds-dropdown-trigger--hover:focus {
outline: 0; }
.slds-dropdown-trigger--hover:hover .slds-dropdown, .slds-dropdown-trigger--hover:focus .slds-dropdown {
visibility: visible;
opacity: 1;
transition: opacity 0.1s linear, visibility 0.1s linear; }
.slds-dropdown-trigger--click .slds-dropdown {
display: none; }
.slds-dropdown-trigger--click.slds-is-open .slds-dropdown {
display: block;
visibility: visible;
opacity: 1; }
.slds-dropdown-trigger > [class*="slds-button--icon"] ~ .slds-dropdown--left[class*="slds-nubbin"] {
left: -0.5rem; }
.slds-dropdown-trigger > [class*="slds-button--icon"] ~ .slds-dropdown--right[class*="slds-nubbin"] {
right: -0.5rem; }
.slds-dropdown--actions a {
color: #0070d2; }
.slds-picklist {
position: relative; }
.slds-picklist .slds-dropdown {
width: 15rem; }
.slds-picklist--fluid .slds-picklist__label,
.slds-picklist--fluid .slds-dropdown {
width: auto;
min-width: 0;
max-width: 15rem; }
.slds-picklist__label {
padding-right: 2rem;
width: 15rem;
color: #16325c;
text-align: left; }
.slds-picklist__label .slds-icon {
width: 0.75rem;
height: 0.75rem;
position: absolute;
right: 1rem;
top: 50%;
margin-top: -0.375rem;
fill: #54698d; }
.slds-picklist__label .slds-truncate {
display: block; }
.slds-datepicker {
padding: 0;
font-size: 0.75rem; }
.slds-datepicker th,
.slds-datepicker td {
text-align: center; }
.slds-datepicker th {
padding: 0.5rem;
font-weight: 400;
color: #54698d; }
.slds-datepicker td {
padding: 0.25rem;
text-align: center;
font-size: 0.75rem; }
.slds-datepicker td > .slds-day {
width: 2rem;
height: 2rem;
display: block;
position: relative;
min-width: 2rem;
line-height: 2rem;
border-radius: 50%;
margin: auto; }
.slds-datepicker td:hover:not(.slds-disabled-text) > .slds-day,
.slds-datepicker td:focus:not(.slds-disabled-text) > .slds-day,
.slds-datepicker td.slds-is-today > .slds-day {
background: #f4f6f9;
cursor: pointer; }
.slds-datepicker td.slds-is-selected:not(.slds-disabled-text) > .slds-day {
background: #005fb2;
color: white; }
.slds-datepicker td.slds-is-selected-multi > .slds-day {
overflow: visible; }
.slds-datepicker td.slds-is-selected-multi + .slds-is-selected-multi > .slds-day:before {
content: '';
position: absolute;
background: #005fb2;
top: 0;
left: -50%;
height: 100%;
width: 2.5rem;
transform: translateX(-0.5rem);
z-index: -1; }
.slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child > .slds-day:before,
.slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child > .slds-day:after {
content: '';
position: absolute;
background: #005fb2;
top: 0;
left: -50%;
height: 100%;
width: 2.5rem;
transform: translateX(-0.5rem);
z-index: -1; }
.slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child > .slds-day:before {
left: 0;
transform: translateX(-0.25rem); }
.slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child > .slds-day:after {
left: auto;
right: 0;
transform: translateX(0.25rem); }
.slds-datepicker__filter {
padding: 0.25rem; }
.slds-datepicker__filter--month {
padding: 0 0.25rem 0 0; }
.slds-disabled-text {
color: #d8dde6; }
.slds-datepicker--time {
max-width: 12rem;
max-height: 13.5rem;
overflow: hidden;
overflow-y: auto; }
.slds-datepicker--time__list > li {
white-space: nowrap;
padding: 0.5rem;
padding-left: 2rem;
padding-right: 2rem; }
.slds-datepicker--time__list > li:hover, .slds-datepicker--time__list > li:focus {
background: #f4f6f9;
text-decoration: none;
cursor: pointer; }
.slds-docked_container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
position: fixed;
bottom: 0;
right: 0;
padding: 0 1.5rem;
height: 40px; }
.slds-docked-composer {
position: relative;
border-radius: 0.25rem 0.25rem 0 0;
width: 480px;
height: 40px;
float: left;
box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.16);
border: 1px solid #d8dde6;
border-bottom: none; }
.slds-docked-composer.slds-is-open {
height: 480px; }
.slds-docked-composer:hover .slds-docked-composer__header, .slds-docked-composer:focus .slds-docked-composer__header {
background: #061c3f; }
.slds-docked-composer + .slds-docked-composer {
margin-left: 1.5rem; }
.slds-docked-composer__header {
background: #16325c;
border-radius: 0.25rem 0.25rem 0 0;
padding: 0.5rem;
color: white; }
.slds-docked-composer__header:hover {
cursor: pointer; }
.slds-docked-composer__actions .slds-button {
margin-left: 0.75rem; }
.slds-docked-composer__body {
background: white; }
.slds-docked-composer__lead {
background: white;
padding: 1rem 0.5rem; }
.slds-docked-composer__toolbar {
background: #f4f6f9;
padding: 0.25rem 0.5rem;
max-height: 60px;
overflow-y: auto;
border-top: 1px solid #d8dde6;
border-bottom: 1px solid #d8dde6; }
.slds-docked-composer__input {
background: white;
padding: 1rem;
min-height: 6rem;
resize: none;
overflow: hidden;
overflow-y: auto; }
.slds-docked-composer__footer {
background: #f4f6f9;
padding: 0.75rem 0.5rem;
border-top: 1px solid #d8dde6; }
.slds-docked-composer--overflow {
width: auto; }
.slds-docked-composer--overflow__pill {
display: -ms-flexbox;
display: flex;
padding: 0 0.75rem;
height: inherit;
white-space: nowrap;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.slds-docked-composer--overflow__pill:hover, .slds-docked-composer--overflow__pill:focus {
color: white;
text-decoration: none; }
.slds-docked-composer--overflow__pill .slds-text-body--small {
color: white;
margin-left: 0.5rem; }
.slds-docked-composer-modal .slds-docked-composer {
width: 100%;
height: 100%;
box-shadow: none;
float: none;
border-radius: 0;
border: 0; }
.slds-docked-composer-modal .slds-docked-composer__header {
border-radius: 0; }
.slds-docked-composer-modal .slds-docked-composer__body {
min-height: 260px; }
.slds-docked-composer__body--email {
position: relative; }
.slds-docked-composer__body--email .slds-input {
border-radius: 0; }
.slds-docked-composer__body--email .slds-input:focus {
z-index: 1; }
.slds-docked-composer__body--email .slds-input:not(:focus) {
border-color: transparent;
border-top: 1px solid #d8dde6; }
.slds-docked-composer__body--email .slds-picklist__label {
padding-left: 0.75rem;
padding-right: 1.5rem; }
.slds-docked-composer__body--email .slds-picklist__label .slds-icon {
right: 0.5rem; }
.slds-email-composer__label {
width: 2rem;
font-size: 0.75rem; }
.slds-docked-composer__body--form {
padding: 1rem; }
.slds-utility-bar_container {
position: relative; }
.slds-utility-bar {
display: -ms-flexbox;
display: flex;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #f4f6f9;
box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
z-index: 8000; }
.slds-utility-bar__item {
position: relative;
padding: 0 0.75rem;
border-radius: 0;
border: 0;
color: #16325c; }
.slds-utility-bar__item:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: transparent; }
.slds-utility-bar__item:focus, .slds-utility-bar__item:hover {
box-shadow: none; }
.slds-utility-bar__item:focus:after {
background: #1589ee; }
.slds-utility-bar__item:hover, .slds-utility-bar__item:focus:hover {
color: inherit;
background: #e0e5ee; }
.slds-utility-bar__item.slds-is-active {
background: #e0e5ee;
color: inherit; }
.slds-utility-bar__item.slds-is-active:after {
background: #1589ee; }
.slds-utility-panel {
position: fixed;
bottom: 1.875rem;
width: 21.25rem;
height: 30rem;
border-radius: 0.25rem 0.25rem 0 0;
border: 1px solid #d8dde6;
border-bottom: none;
transform: translateY(100%); }
.slds-utility-panel.slds-is-open {
box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
transform: translateY(0); }
.slds-utility-panel:hover .slds-utility-panel__header, .slds-utility-panel:focus .slds-utility-panel__header {
background: #061c3f; }
.slds-utility-panel__header {
background: #16325c;
border-radius: 0.25rem 0.25rem 0 0;
color: white;
padding: 0 0.5rem; }
.slds-utility-panel__body {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
-ms-flex-pack: center;
justify-content: center;
overflow: auto; }
.slds-utility-panel__header-label, .slds-utility-panel__header-icon-action {
padding: 0.5rem;
color: white; }
.slds-global-header_container {
position: fixed;
width: 100%;
top: 0;
left: 0; }
.slds-global-header_container .slds-assistive-text--focus {
background: white;
top: 0; }
.slds-global-header {
background: white;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
padding: 0.5rem 0;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center; }
.slds-global-header__item {
padding: 0 1rem; }
.slds-global-header__item--search {
-ms-flex: 0 1 25rem;
flex: 0 1 25rem; }
.slds-global-header__logo {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2.8125rem; }
.slds-context-bar {
display: -ms-flexbox;
display: flex;
height: 2.5rem;
background-color: white;
border-top: 1px solid #d8dde6;
border-bottom: 3px solid #00a1df;
color: #16325c;
position: relative;
padding: 0 1rem; }
.slds-context-bar__primary, .slds-context-bar__secondary, .slds-context-bar__tertiary {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0; }
.slds-context-bar__secondary {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0; }
.slds-context-bar__vertical-divider {
width: 0;
overflow: hidden;
border-left: 1px solid rgba(0, 0, 0, 0.2); }
.slds-context-bar__item {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: stretch;
align-items: stretch;
white-space: nowrap;
position: relative;
max-width: 15rem; }
.slds-context-bar__item:not(.slds-no-hover):hover, .slds-context-bar__item.slds-is-active {
outline: 0;
border-radius: 0;
background-color: #f7f9fb;
border-bottom: 3px solid #00a1df;
margin-bottom: -3px;
text-decoration: none;
cursor: pointer; }
.slds-context-bar__item:not(.slds-no-hover):hover:after {
content: '';
width: 100%;
height: 3px;
display: block;
background: rgba(0, 0, 0, 0.25);
position: absolute;
bottom: -3px;
left: 0;
right: 0; }
@supports (mix-blend-mode: soft-light) {
.slds-context-bar__item:not(.slds-no-hover):hover:after {
background: rgba(0, 0, 0, 0.75);
mix-blend-mode: soft-light; } }
.slds-context-bar__item.slds-is-active {
box-shadow: inset -1px 0 0 #d8dde6, inset 1px 0 0 #d8dde6;
border-bottom-color: #f7f9fb; }
.slds-context-bar__item.slds-is-active:before, .slds-context-bar__item.slds-is-active:after {
content: '';
width: 100%;
height: 3px;
display: block;
background: #00a1df;
position: absolute;
top: 0;
left: 0;
right: 0; }
.slds-context-bar__item.slds-is-active:after {
background: rgba(0, 0, 0, 0.25); }
@supports (mix-blend-mode: soft-light) {
.slds-context-bar__item.slds-is-active:after {
background: rgba(0, 0, 0, 0.75);
mix-blend-mode: soft-light; } }
.slds-context-bar__item.slds-is-active:hover {
border-bottom-color: #f7f9fb; }
.slds-context-bar__item:first-child.slds-is-active {
box-shadow: inset -1px 0 0 #d8dde6; }
.slds-context-bar__item.slds-is-active .slds-context-bar__label-action {
font-weight: bold; }
.slds-context-bar__item--divider-left {
border-left: 1px solid rgba(0, 0, 0, 0.2); }
.slds-context-bar__item--divider-right {
border-right: 1px solid rgba(0, 0, 0, 0.2); }
.slds-context-bar__label-action {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 0.75rem;
min-width: 0%;
color: inherit; }
.slds-context-bar__label-action:focus {
outline: 0;
text-decoration: underline;
opacity: 0.8; }
.slds-context-bar__label-action:hover, .slds-context-bar__label-action:focus:hover {
text-decoration: none; }
.slds-context-bar__label-action:hover, .slds-context-bar__label-action:focus {
color: inherit; }
.slds-context-bar__label-action:active {
color: inherit;
text-decoration: none; }
.slds-context-bar__icon-action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 0 0.75rem;
color: #54698d;
margin-left: -0.25rem; }
.slds-context-bar__icon-action:focus {
outline: 0; }
.slds-context-bar__icon-action:focus ~ .slds-dropdown {
visibility: visible;
opacity: 1; }
.slds-context-bar__icon-action:hover, .slds-context-bar__icon-action:focus {
color: #54698d; }
.slds-context-bar__icon-action:active {
color: #54698d; }
.slds-context-bar .slds-context-bar__button {
color: inherit; }
.slds-context-bar .slds-context-bar__button:focus {
box-shadow: none;
opacity: 0.8; }
.slds-context-bar__item--tab {
width: 12rem;
border-right: 1px solid rgba(0, 0, 0, 0.2); }
.slds-context-bar__item--tab .slds-context-bar__icon-action {
padding: 0 0.25rem; }
.slds-context-bar__item--tab.slds-is-active {
background-color: white;
border-bottom-color: white;
box-shadow: none; }
.slds-context-bar__item--tab.slds-is-active:hover {
background-color: white;
border-bottom-color: transparent; }
.slds-context-bar__dropdown-trigger:hover:before {
content: '';
position: absolute;
top: 100%;
width: 100%;
height: 3px; }
.slds-context-bar__dropdown-trigger .slds-dropdown {
margin-top: 3px; }
.slds-context-bar__app-name {
padding: 0 1.5rem 0 0;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.25; }
.slds-context-bar__object-switcher {
min-width: 9rem;
max-width: 12rem; }
.slds-context-bar--theme-marketing {
border-bottom-color: #f59331; }
.slds-context-bar--theme-marketing .slds-context-bar__item:not(.slds-no-hover):hover {
border-bottom-color: #f59331; }
.slds-context-bar--theme-marketing .slds-context-bar__item.slds-is-active:before {
background: #f59331; }
.slds-context-bar--theme-marketing .slds-context-bar__item.slds-is-active:hover {
border-bottom-color: #f7f9fb; }
.slds-icon-waffle_container {
outline: 0; }
.slds-icon-waffle {
width: 1.3125rem;
height: 1.3125rem;
position: relative; }
.slds-icon-waffle div {
width: 0.3125rem;
height: 0.3125rem;
background: #54698d;
display: inline-block;
position: absolute;
border-radius: 50%;
transition: background 100ms;
transform-origin: 50% 50%; }
.slds-icon-waffle .slds-r1 {
top: 0;
left: 0; }
.slds-icon-waffle .slds-r2 {
top: 0;
left: 0.5rem; }
.slds-icon-waffle .slds-r3 {
top: 0;
right: 0; }
.slds-icon-waffle .slds-r4 {
top: 0.5rem;
left: 0; }
.slds-icon-waffle .slds-r5 {
top: 0.5rem;
left: 0.5rem; }
.slds-icon-waffle .slds-r6 {
top: 0.5rem;
right: 0; }
.slds-icon-waffle .slds-r7 {
bottom: 0;
left: 0; }
.slds-icon-waffle .slds-r8 {
bottom: 0;
left: 0.5rem; }
.slds-icon-waffle .slds-r9 {
bottom: 0;
right: 0; }
.slds-icon-waffle_container:hover .slds-icon-waffle,
.slds-icon-waffle_container:focus .slds-icon-waffle {
cursor: pointer; }
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r1,
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r2,
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r3,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r1,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r2,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r3 {
background: #418fde; }
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r4,
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r5,
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r7,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r4,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r5,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r7 {
background: #ed8b00; }
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r6,
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r8,
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r9,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r6,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r8,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r9 {
background: #ffb60f; }
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r2,
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r4,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r2,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r4 {
transition-delay: 50ms;
animation-delay: 50ms; }
.slds-icon-waffle_container:hover .slds-icon-waffle div,
.slds-icon-waffle_container:focus .slds-icon-waffle div {
animation: throb 2 200ms alternate; }
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r3,
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r5,
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r7,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r3,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r5,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r7 {
transition-delay: 100ms;
animation-delay: 100ms; }
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r6,
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r8,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r6,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r8 {
transition-delay: 150ms;
animation-delay: 150ms; }
.slds-icon-waffle_container:hover .slds-icon-waffle .slds-r9,
.slds-icon-waffle_container:focus .slds-icon-waffle .slds-r9 {
transition-delay: 200ms;
animation-delay: 200ms; }
.slds-icon-waffle_container .slds-icon-waffle .slds-r1 {
transition-delay: 200ms; }
.slds-icon-waffle_container .slds-icon-waffle .slds-r2,
.slds-icon-waffle_container .slds-icon-waffle .slds-r4 {
transition-delay: 150ms; }
.slds-icon-waffle_container .slds-icon-waffle .slds-r3,
.slds-icon-waffle_container .slds-icon-waffle .slds-r5,
.slds-icon-waffle_container .slds-icon-waffle .slds-r7 {
transition-delay: 100ms; }
.slds-icon-waffle_container .slds-icon-waffle .slds-r6,
.slds-icon-waffle_container .slds-icon-waffle .slds-r8 {
transition-delay: 50ms; }
@keyframes throb {
100% {
transform: scale(1.5); } }
.slds-publisher.slds-is-active .slds-publisher__toggle-visibility {
display: inherit; }
.slds-publisher.slds-is-active .slds-publisher__input {
line-height: 1.5;
height: auto;
max-height: 10rem;
resize: vertical;
padding-top: 0.75rem;
padding-bottom: 0.75rem; }
.slds-publisher__input {
line-height: 1.875rem;
padding: 0 1rem;
resize: none;
min-height: calc(1.875rem + 2px);
max-height: calc(1.875rem + 2px);
width: 100%; }
.slds-publisher__actions > .slds-button {
margin-left: 0.75rem; }
.slds-publisher .slds-publisher__toggle-visibility {
display: none; }
.slds-publisher--discussion {
display: -ms-flexbox;
display: flex; }
.slds-publisher--discussion.slds-is-active {
display: block; }
.slds-publisher--comment {
background-color: white;
color: #16325c;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
width: 100%;
position: relative;
min-height: calc(1.875rem + 2px);
max-height: calc(1.875rem + 2px); }
.slds-publisher--comment.slds-is-active {
min-height: 6rem;
max-height: 15rem; }
.slds-publisher--comment.slds-is-active .slds-publisher__actions {
opacity: 1; }
.slds-publisher--comment.slds-has-focus {
outline: 0;
border-color: #1589ee;
background-color: white;
box-shadow: 0 0 3px #0070D2; }
.slds-publisher--comment .slds-publisher__actions {
opacity: 0;
padding: 0 0.75rem 0.75rem; }
.slds-publisher--comment .slds-attachments {
padding: 0.5rem 0.75rem; }
.slds-feed {
position: relative;
max-width: 49rem;
margin: auto; }
.slds-feed__list {
margin: 0;
padding: 0; }
.slds-feed__item {
padding: 0.5rem 0; }
@media (min-width: 48em) {
.slds-feed__item {
padding: 1rem 0; } }
@media (min-width: 64em) {
.slds-feed__item {
padding: 1.5rem 0; }
.slds-feed__item + .slds-feed__item {
border-top: 1px solid #d8dde6; }
.slds-feed__item .slds-feed__item-comments {
margin-bottom: -1.5rem; } }
.slds-comment__content {
padding: 0.25rem 0; }
.slds-comment__replies {
padding-top: 1rem;
margin-left: 3.75rem; }
.slds-comment__replies > :last-child,
.slds-comment__replies > :last-child .slds-comment {
padding-bottom: 0; }
.slds-comment__replies > :last-child:before,
.slds-comment__replies > :last-child .slds-comment:before {
content: none; }
.slds-comment__replies .slds-comment {
position: relative;
margin-bottom: 0;
padding-bottom: 1rem; }
.slds-comment__replies .slds-comment:before {
content: '';
background: #d8dde6;
height: 100%;
width: 1px;
position: absolute;
left: 1.125rem;
top: 0;
bottom: 0;
margin-left: -0.5px;
z-index: -1; }
.slds-comment__replies .slds-avatar {
border: 2px solid white; }
.slds-tags {
display: -ms-flexbox;
display: flex; }
.slds-tags__list {
display: -ms-flexbox;
display: flex; }
.slds-tags__item {
margin-left: 0.25rem; }
.slds-tags__item:after {
content: ', '; }
.slds-tags__item:last-child:after {
content: none; }
.slds-attachments {
padding-bottom: 0.5rem; }
.slds-attachments:empty {
padding: 0; }
.slds-attachments__item + .slds-attachments__item {
margin-top: 1rem; }
.slds-feed__item-comments {
background: #f7f9fb;
border-top: 1px solid #d8dde6;
margin-top: 0.5rem; }
.slds-feed__item-comments .slds-comment {
padding: 0.5rem 1rem; }
.slds-post {
background: white;
padding: 0.75rem 1rem; }
@media (min-width: 64em) {
.slds-post {
padding: 0 1rem; } }
.slds-post__header {
margin-bottom: 0.75rem; }
.slds-post__content {
margin-bottom: 0.75rem; }
@media (min-width: 48em) {
.slds-post__content {
margin-bottom: 1.5rem; } }
.slds-post__footer {
display: -ms-flexbox;
display: flex;
font-size: 0.75rem;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 48em) {
.slds-post__footer {
-ms-flex-direction: row;
flex-direction: row; } }
.slds-post__footer-actions-list {
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-ms-flex-order: 1;
order: 1; }
@media (min-width: 48em) {
.slds-post__footer-actions-list {
-ms-flex-order: 0;
order: 0; } }
.slds-post__footer-action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #16325c;
padding: 0.75rem 0; }
@media (min-width: 48em) {
.slds-post__footer-action {
margin-right: 1rem;
padding: 0; } }
.slds-post__footer-action .slds-icon {
margin-right: 0.25rem; }
.slds-post__footer-action:hover, .slds-post__footer-action:focus, .slds-post__footer-action.slds-is-active {
color: #005fb2;
text-decoration: none; }
.slds-post__footer-action:hover .slds-icon, .slds-post__footer-action:focus .slds-icon, .slds-post__footer-action.slds-is-active .slds-icon {
fill: currentColor; }
.slds-post__footer-meta-list {
margin-bottom: 1rem; }
@media (min-width: 48em) {
.slds-post__footer-meta-list {
margin-left: auto;
margin-bottom: 0; } }
.slds-post__payload {
padding: 0 0 1rem; }
.slds-post__payload:empty {
padding: 0;
border: 0; }
.slds-modal {
opacity: 0;
visibility: hidden;
transition: transform 0.1s linear, opacity 0.1s linear;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9001; }
.slds-modal__container {
position: relative;
transform: translate(0, 0);
transition: transform 0.1s linear, opacity 0.1s linear;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin: 0 2rem;
height: 100%;
padding: 3rem 0;
border-radius: 0.25rem; }
@media (min-width: 48em) {
.slds-modal__container {
margin: 0 auto;
width: 50%;
max-width: 40rem;
min-width: 20rem; } }
.slds-modal__header, .slds-modal__content {
background: white; }
.slds-modal__header, .slds-modal__footer {
-ms-flex-negative: 0;
flex-shrink: 0; }
.slds-modal__header {
position: relative;
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem;
border-bottom: 2px solid #d8dde6;
padding: 1rem;
text-align: center; }
.slds-modal__header + .slds-modal__menu {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.slds-modal__header--empty {
padding: 0;
border-bottom: 0; }
.slds-modal__header--empty + .slds-modal__content {
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem; }
.slds-modal__content {
overflow: hidden;
overflow-y: auto; }
.slds-modal__content:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16); }
.slds-modal__menu {
position: relative;
border-radius: 0.25rem;
padding: 1rem;
background-color: #f4f6f9; }
@media (max-width: 48em) {
.slds-modal__menu .slds-button {
width: 100%;
margin: 0.125rem 0; } }
.slds-modal__footer {
border-top: 2px solid #d8dde6;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
padding: 0.75rem 1rem;
background-color: #f4f6f9;
text-align: right;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16); }
.slds-modal__footer--directional .slds-button:first-child {
float: left; }
.slds-modal__footer .slds-button + .slds-button {
margin-left: 0.5rem; }
.slds-modal__close {
width: 2rem;
height: 2rem;
position: absolute;
top: -2.5rem;
right: -0.5rem; }
@media (min-width: 48em) {
.slds-modal--large .slds-modal__container {
width: 90%;
max-width: none;
min-width: 40rem; } }
.slds-modal-backdrop {
transition-duration: 0.4s;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(126, 140, 153, 0.8);
z-index: 9000; }
.slds-modal-backdrop--open {
visibility: visible;
opacity: 1;
transition: opacity 0.4s linear; }
.slds-backdrop {
transition-duration: 0.4s;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(126, 140, 153, 0.8);
z-index: 9000; }
.slds-backdrop--open {
visibility: visible;
opacity: 1;
transition: opacity 0.4s linear; }
.slds-fade-in-open {
opacity: 1;
visibility: visible;
transition: opacity 0.1s linear; }
.slds-fade-in-open .slds-modal__container-reset {
opacity: 1;
visibility: visible;
transform: translate(0, 0); }
.slds-slide-up-open {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
transition: opacity 0.1s linear, transform 0.2s linear; }
.slds-slide-up-open .slds-modal__container-reset {
opacity: 0;
visibility: hidden;
transform: translate(0, 1rem);
transition: opacity 0.2s linear, transform 0.2s linear; }
.slds-slide-up-saving {
opacity: 1;
visibility: visible;
transform: translate(0, -1rem); }
.slds-slide-down-cancel {
opacity: 1;
visibility: visible;
transform: translate(0, 1rem); }
.slds-app-launcher__header, .slds-app-launcher__content {
background: #f4f6f9; }
.slds-app-launcher__header-search {
-ms-flex: 0 1 25rem;
flex: 0 1 25rem;
padding: 0 1rem; }
.slds-app-launcher__content {
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.slds-app-launcher__tile {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0.5rem 0;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
cursor: move; }
.slds-app-launcher__tile:hover, .slds-app-launcher__tile:focus {
outline: 0;
border-color: #1589ee; }
.slds-app-launcher__tile.slds-is-draggable .slds-app-launcher__tile-figure {
padding-bottom: 0.25rem; }
.slds-app-launcher__tile-figure {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0.75rem;
color: white;
background: white;
border-radius: 0.25rem 0 0 0.25rem;
text-align: center; }
.slds-app-launcher__tile-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background: #eef1f6;
padding: 0.5rem 0.75rem;
border-radius: 0 0.25rem 0.25rem 0; }
.slds-app-launcher__tile--small {
-ms-flex-direction: column;
flex-direction: column;
border: 0;
border-radius: 0;
text-align: center;
cursor: pointer; }
.slds-app-launcher__tile--small:hover .slds-app-launcher__tile-figure--small, .slds-app-launcher__tile--small:focus .slds-app-launcher__tile-figure--small {
border-color: #1589ee; }
.slds-app-launcher__tile-figure--small {
border: 1px solid #d8dde6;
border-radius: 0.25rem; }
.slds-app-launcher__tile-body--small {
background: transparent;
padding: 0.5rem 0;
border: 0;
border-radius: 0; }
.slds-pill {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 100%;
padding: 0.125rem;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-color: white;
position: relative;
min-height: 1.625rem; }
.slds-pill + .slds-pill {
margin-left: 0.125rem; }
.slds-pill:hover {
background-color: #f4f6f9; }
.slds-pill a {
text-decoration: none; }
.slds-pill--bare {
background-color: transparent;
border: 0; }
.slds-pill--bare:hover {
background-color: transparent; }
.slds-pill__container, .slds-pill-container, .slds-pill_container {
padding: 0.125rem;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
min-height: calc(1.875rem + 2px); }
.slds-pill__container--bare, .slds-pill_container--bare {
padding: 0.125rem;
border: 0;
border-radius: 0; }
.slds-pill__label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.slds-pill__label:focus {
outline: 0;
border-radius: 0.25rem;
box-shadow: 0 0 3px #0070D2; }
.slds-pill__icon, .slds-pill__icon_container {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.25rem; }
.slds-pill__icon .slds-icon, .slds-pill__icon_container .slds-icon {
width: 1.25rem;
height: 1.25rem; }
.slds-pill__remove {
margin-left: 0.25rem; }
.slds-wizard {
position: relative; }
.slds-wizard__list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
margin: auto; }
.slds-wizard__item {
-ms-flex: 2 0 auto;
flex: 2 0 auto;
text-align: center;
width: 0%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.slds-wizard__item:first-child {
text-align: left;
-ms-flex-positive: 1;
flex-grow: 1; }
.slds-wizard__item:last-child {
text-align: right;
-ms-flex-positive: 1;
flex-grow: 1; }
.slds-wizard__item a:hover,
.slds-wizard__item a:focus {
outline: 0;
text-decoration: none; }
.slds-wizard__item a:hover .slds-wizard__marker,
.slds-wizard__item a:focus .slds-wizard__marker {
background: #d8dde6; }
.slds-wizard__link {
display: block; }
.slds-wizard__marker {
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background: #e0e5ee;
display: inline-block;
vertical-align: middle;
z-index: 1;
position: relative; }
.slds-wizard__label {
display: block;
margin-top: 0.75rem; }
.slds-wizard__progress {
position: absolute;
left: 0;
top: 0.625rem;
height: 0.25rem;
display: block;
width: 100%;
z-index: -1;
background: #e0e5ee; }
.slds-wizard__progress-bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: #0076de;
transition: width 0.2s ease; }
.slds-wizard .slds-is-active .slds-wizard__marker {
background: #0076de; }
.slds-wizard .slds-is-active a:hover .slds-wizard__marker,
.slds-wizard .slds-is-active a:focus .slds-wizard__marker {
background: #005fb2; }
.slds-tabs--path {
display: block;
width: 100%; }
.slds-tabs--path__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start; }
.slds-tabs--path .slds-is-complete {
background-color: #4bca81; }
.slds-tabs--path .slds-is-complete .slds-tabs--path__stage {
transform: rotateX(0deg); }
.slds-tabs--path .slds-is-complete .slds-tabs--path__title {
transform: rotateX(180deg); }
.slds-tabs--path .slds-is-complete:hover {
background-color: #04844b; }
.slds-tabs--path .slds-is-complete:hover .slds-tabs--path__stage {
transform: rotateX(-180deg); }
.slds-tabs--path .slds-is-complete:hover .slds-tabs--path__title {
transform: rotateX(0deg); }
.slds-tabs--path .slds-is-current {
background-color: #0070d2; }
.slds-tabs--path .slds-is-current:hover {
background-color: #005fb2; }
.slds-tabs--path .slds-is-current + .slds-is-incomplete:before {
background-color: #0070d2; }
.slds-tabs--path .slds-is-current:hover + .slds-is-incomplete:before {
background-color: #005fb2; }
.slds-tabs--path .slds-is-incomplete {
background-color: #e0e5ee; }
.slds-tabs--path .slds-is-incomplete:hover {
background-color: #d8dde6; }
.slds-tabs--path .slds-is-incomplete .slds-tabs--path__link {
color: #16325c; }
.slds-tabs--path .slds-is-lost,
.slds-tabs--path .slds-is-lost:hover {
background-color: #c23934; }
.slds-tabs--path .slds-is-current .slds-tabs--path__link,
.slds-tabs--path .slds-is-complete .slds-tabs--path__link,
.slds-tabs--path .slds-is-lost .slds-tabs--path__link {
color: white; }
.slds-tabs--path .slds-is-active {
background-color: #061c3f; }
.slds-tabs--path .slds-is-active .slds-tabs--path__link {
color: white; }
.slds-tabs--path .slds-is-active:hover {
background-color: #16325c; }
.slds-tabs--path .slds-is-active:hover + .slds-tabs--path__item:before {
background-color: #16325c; }
.slds-tabs--path .slds-is-active + .slds-tabs--path__item:before {
background-color: #061c3f; }
.slds-tabs--path .slds-is-active .slds-tabs--path__title,
.slds-tabs--path .slds-is-won .slds-tabs--path__title {
transform: rotateX(0deg); }
.slds-tabs--path .slds-is-active .slds-tabs--path__stage,
.slds-tabs--path .slds-is-won .slds-tabs--path__stage {
transform: rotateX(-180deg); }
.slds-tabs--path__item {
overflow: hidden;
position: relative;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 5rem;
text-align: center;
perspective: 500;
transition: transform 0.1s ease-in-out, background-color 0.1s linear; }
.slds-tabs--path__item:first-child {
border-radius: 15rem 0 0 15rem; }
.slds-tabs--path__item:last-child {
border-radius: 0 15rem 15rem 0;
border-right: 0; }
.slds-tabs--path__item:before {
content: '';
display: block;
position: absolute;
top: 2px;
left: -1rem;
width: calc(2rem - (2px * 2));
height: calc(2rem - (2px * 2));
border: 2px solid white;
border-left: 0;
border-bottom: 0;
background-clip: padding-box;
transform: scale3d(0.8, 1.1, 1) rotate(45deg);
transition: transform 0.1s ease-in-out, background-color 0.1s linear; }
.slds-tabs--path__item:first-child:before {
display: none; }
.slds-tabs--path__item + .slds-is-complete:before,
.slds-tabs--path__item + .slds-is-current:before {
background-color: #4bca81; }
.slds-tabs--path__item:hover + .slds-is-complete:before,
.slds-tabs--path__item:hover + .slds-is-current:before {
background-color: #04844b; }
.slds-tabs--path__item + .slds-is-incomplete:before,
.slds-tabs--path__item + .slds-is-lost:before {
background-color: #e0e5ee; }
.slds-tabs--path__item:hover + .slds-is-incomplete:before,
.slds-tabs--path__item:hover + .slds-is-lost:before {
background-color: #d8dde6; }
.slds-tabs--path__title,
.slds-tabs--path__stage {
display: block;
transition: transform 0.2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slds-tabs--path__title {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.slds-tabs--path__stage {
position: absolute;
top: 50%;
left: 0.5rem;
width: 100%;
margin-top: -0.75rem;
transform: rotateX(-180deg); }
.slds-tabs--path__link {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding: 0.25rem 0.25rem 0.25rem 1.25rem;
line-height: 1.5rem;
text-decoration: none;
cursor: pointer; }
.slds-tabs--path__link:hover, .slds-tabs--path__link:focus {
text-decoration: none; }
.slds-tabs--path__link:focus {
outline: 0; }
.slds-path-coach {
border: #d8dde6 1px solid;
border-top: 0;
padding-bottom: 1rem; }
.slds-path__trigger {
border-radius: 50%;
transition: 0.1s transform ease-in-out; }
.slds-flip--vertical {
transform: rotateX(180deg); }
.slds-flip--horizontal {
transform: rotateY(180deg); }
.slds-path__mark-complete {
border-radius: 15rem; }
.slds-path__mark-current {
border-color: #061c3f;
background-color: #061c3f; }
.slds-path__mark-current:hover, .slds-path__mark-current:focus {
background-color: #16325c; }
.slds-tabs--path__content {
position: relative;
padding-left: 1.5rem;
padding-right: 1rem; }
.slds-coach__keys,
.slds-coach__guidance {
margin-top: 1rem;
padding-top: 1rem;
padding-right: 1.5rem; }
.slds-coach__keys {
padding-left: 0.75rem; }
.slds-coach__guidance {
padding-left: 1.5rem;
padding-bottom: 0.25rem;
background-color: #fafafb; }
.slds-coach__item {
border-top: #d8dde6 1px solid;
padding: 1rem 0;
color: #54698d; }
.slds-coach__value {
border-top: #d8dde6 1px solid;
padding-top: 1rem;
color: #16325c; }
.slds-spinner_container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: calc(9000 + 2);
background-color: rgba(255, 255, 255, 0.75);
visibility: visible;
opacity: 1;
transition: opacity 0.2s ease, visibility 0s;
transition-delay: 0s, 0.3s; }
.slds-spinner_container.is-hidden {
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease, visibility 0s;
transition-delay: 0s, 0s; }
.slds-spinner_container.hide {
display: none; }
.slds-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg); }
.slds-spinner,
.slds-spinner__dot-a,
.slds-spinner__dot-b {
transform-origin: 50% 50%; }
.slds-spinner__dot-a,
.slds-spinner__dot-b {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.slds-spinner:before,
.slds-spinner:after,
.slds-spinner__dot-a:before,
.slds-spinner__dot-b:before,
.slds-spinner__dot-a:after,
.slds-spinner__dot-b:after {
position: absolute;
content: '';
background: #9faab5;
border-radius: 50%;
animation-duration: 1000ms;
animation-iteration-count: infinite; }
.slds-spinner__dot-a {
transform: rotate(60deg) translateY(0); }
.slds-spinner__dot-b {
transform: rotate(120deg) translateY(0); }
.slds-spinner:before {
animation-delay: -83.33333ms; }
.slds-spinner__dot-a:before {
animation-delay: 83.33333ms; }
.slds-spinner__dot-b:before {
animation-delay: 250ms; }
.slds-spinner:after {
animation-delay: 416.66667ms; }
.slds-spinner__dot-a:after {
animation-delay: 583.33333ms; }
.slds-spinner__dot-b:after {
animation-delay: 750ms; }
.slds-spinner--small {
width: 1.25rem; }
.slds-spinner--small.slds-spinner:before, .slds-spinner--small.slds-spinner:after,
.slds-spinner--small .slds-spinner__dot-a:before,
.slds-spinner--small .slds-spinner__dot-b:before,
.slds-spinner--small .slds-spinner__dot-a:after,
.slds-spinner--small .slds-spinner__dot-b:after {
width: 0.25rem;
height: 0.25rem; }
.slds-spinner--small.slds-spinner:before,
.slds-spinner--small .slds-spinner__dot-a:before,
.slds-spinner--small .slds-spinner__dot-b:before {
top: -0.125rem;
left: -0.125rem;
animation-name: dotsBounceBefore-extraSmall; }
.slds-spinner--small.slds-spinner:after,
.slds-spinner--small .slds-spinner__dot-a:after,
.slds-spinner--small .slds-spinner__dot-b:after {
top: -0.125rem;
right: -0.125rem;
animation-name: dotsBounceAfter-extraSmall; }
@keyframes dotsBounceBefore-extraSmall {
60% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(-0.25rem); }
100% {
transform: translateX(0); } }
@keyframes dotsBounceAfter-extraSmall {
60% {
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transform: translateX(0); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(0.25rem); }
100% {
transform: translateX(0); } }
@keyframes dotsBounceBefore-small {
60% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(-0.375rem); }
100% {
transform: translateX(0); } }
@keyframes dotsBounceAfter-small {
60% {
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transform: translateX(0); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(0.375rem); }
100% {
transform: translateX(0); } }
.slds-spinner--medium {
width: 2rem; }
.slds-spinner--medium.slds-spinner:before, .slds-spinner--medium.slds-spinner:after,
.slds-spinner--medium .slds-spinner__dot-a:before,
.slds-spinner--medium .slds-spinner__dot-b:before,
.slds-spinner--medium .slds-spinner__dot-a:after,
.slds-spinner--medium .slds-spinner__dot-b:after {
width: 0.5rem;
height: 0.5rem; }
.slds-spinner--medium.slds-spinner:before,
.slds-spinner--medium .slds-spinner__dot-a:before,
.slds-spinner--medium .slds-spinner__dot-b:before {
animation-name: dotsBounceBefore-medium;
top: -0.25rem;
left: -0.25rem; }
.slds-spinner--medium.slds-spinner:after,
.slds-spinner--medium .slds-spinner__dot-a:after,
.slds-spinner--medium .slds-spinner__dot-b:after {
animation-name: dotsBounceAfter-medium;
top: -0.25rem;
right: -0.25rem; }
@keyframes dotsBounceBefore-medium {
60% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(-0.5rem); }
100% {
transform: translateX(0); } }
@keyframes dotsBounceAfter-medium {
60% {
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transform: translateX(0); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(0.5rem); }
100% {
transform: translateX(0); } }
.slds-spinner--large {
width: 2.75rem; }
.slds-spinner--large.slds-spinner:before, .slds-spinner--large.slds-spinner:after,
.slds-spinner--large .slds-spinner__dot-a:before,
.slds-spinner--large .slds-spinner__dot-b:before,
.slds-spinner--large .slds-spinner__dot-a:after,
.slds-spinner--large .slds-spinner__dot-b:after {
width: 0.625rem;
height: 0.625rem; }
.slds-spinner--large.slds-spinner:before,
.slds-spinner--large .slds-spinner__dot-a:before,
.slds-spinner--large .slds-spinner__dot-b:before {
animation-name: dotsBounceBefore-medium;
top: -0.3125rem;
left: -0.3125rem; }
.slds-spinner--large.slds-spinner:after,
.slds-spinner--large .slds-spinner__dot-a:after,
.slds-spinner--large .slds-spinner__dot-b:after {
animation-name: dotsBounceAfter-medium;
top: -0.3125rem;
right: -0.3125rem; }
@keyframes dotsBounceBefore-large {
60% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(-0.75rem); }
100% {
transform: translateX(0); } }
@keyframes dotsBounceAfter-large {
60% {
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transform: translateX(0); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(0.75rem); }
100% {
transform: translateX(0); } }
.slds-spinner--brand.slds-spinner:before, .slds-spinner--brand.slds-spinner:after,
.slds-spinner--brand .slds-spinner__dot-a:before,
.slds-spinner--brand .slds-spinner__dot-b:before,
.slds-spinner--brand .slds-spinner__dot-a:after,
.slds-spinner--brand .slds-spinner__dot-b:after {
background-color: #1589ee; }
.slds-spinner--inverse.slds-spinner:before, .slds-spinner--inverse.slds-spinner:after,
.slds-spinner--inverse .slds-spinner__dot-a:before,
.slds-spinner--inverse .slds-spinner__dot-b:before,
.slds-spinner--inverse .slds-spinner__dot-a:after,
.slds-spinner--inverse .slds-spinner__dot-b:after {
background-color: white; }
.slds-tile + .slds-tile {
margin-top: 0.5rem; }
.slds-tile__detail {
position: relative; }
.slds-tile__meta {
color: #16325c; }
.slds-tile--board {
position: relative; }
.slds-tile--board__icon {
width: 1rem;
height: 1rem;
position: absolute;
bottom: 0.25rem;
right: 0.25rem; }
.slds-tile--board .slds-has-alert {
padding-right: 1.5rem; }
.slds-tabs--default {
display: block;
width: 100%; }
.slds-tabs--default__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
border-bottom: 1px solid #d8dde6; }
@media (min-width: 48em) {
.slds-tabs--default .slds-tabs__item + .slds-tabs__item {
margin-left: 1.5rem; } }
.slds-tabs--default .slds-tabs__item > a {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
text-decoration: none;
cursor: pointer;
height: 2.5rem;
line-height: 2.5rem;
border-bottom: 2px solid transparent;
padding: 0 0.5rem;
color: #54698d; }
.slds-tabs--default .slds-tabs__item > a:focus {
outline: 0; }
@media (min-width: 48em) {
.slds-tabs--default .slds-tabs__item > a {
padding: 0 1rem; } }
.slds-tabs--default .slds-tabs__item > a:hover, .slds-tabs--default .slds-tabs__item > a:focus {
text-decoration: none;
border-color: #0070d2;
color: #16325c; }
.slds-tabs--default .slds-tabs__item.slds-active a {
border-color: #0070d2;
color: #16325c; }
.slds-tabs--default .slds-tabs__item.slds-active a:focus {
color: #0070d2; }
.slds-tabs--default > .slds-tabs__content {
position: relative;
padding: 1rem 0; }
.slds-tabs--default .slds-tabs__item--overflow {
overflow: visible; }
.slds-tabs--default__item.slds-active .slds-tabs--default__link {
border-color: #0070d2;
color: #16325c; }
.slds-tabs--default__item.slds-active .slds-tabs--default__link:focus {
border-bottom-width: 3px;
color: #0070d2; }
.slds-tabs--default__content {
position: relative;
padding: 1rem 0; }
.slds-tabs--default__link {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
text-decoration: none;
cursor: pointer;
height: 2.5rem;
line-height: 2.5rem;
border-bottom: 2px solid transparent;
padding: 0 0.5rem;
color: #54698d; }
.slds-tabs--default__link:focus {
outline: 0; }
@media (min-width: 48em) {
.slds-tabs--default__link {
padding: 0 1rem; } }
.slds-tabs--default__link:hover, .slds-tabs--default__link:focus {
text-decoration: none;
color: #0070d2; }
.slds-tabs--default__link:focus {
border-bottom-width: 3px;
border-color: #0070d2; }
.slds-tabs--scoped {
display: block;
width: 100%; }
.slds-tabs--scoped__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
background-color: #f4f6f9;
border: 1px solid #d8dde6;
border-radius: 0.25rem 0.25rem 0 0; }
.slds-tabs--scoped .slds-tabs__item {
position: relative;
margin-bottom: -1px; }
.slds-tabs--scoped .slds-tabs__item + .slds-tabs__item {
margin-left: -1px; }
.slds-tabs--scoped .slds-tabs__item:first-child > a {
border-left: 0;
border-radius: 0.25rem 0 0 0; }
.slds-tabs--scoped .slds-tabs__item > a {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
text-decoration: none;
cursor: pointer;
height: 2.5rem;
line-height: 2.5rem;
padding: 0 1.5rem;
color: #54698d;
background-clip: padding-box;
border-left: 1px solid transparent;
border-right: 1px solid transparent; }
.slds-tabs--scoped .slds-tabs__item > a:focus {
outline: 0; }
.slds-tabs--scoped .slds-tabs__item > a:hover, .slds-tabs--scoped .slds-tabs__item > a:focus {
text-decoration: none;
color: #005fb2;
border-color: #d8dde6; }
.slds-tabs--scoped .slds-tabs__item .slds-active > a {
background-color: white;
color: #0070d2;
border-color: #d8dde6; }
.slds-tabs--scoped .slds-tabs__item .slds-active > a:focus {
text-decoration: underline; }
.slds-tabs--scoped > .slds-tabs__content {
background-color: white;
border: 1px solid #d8dde6;
border-top: 0;
border-radius: 0 0 0.25rem 0.25rem;
padding: 1rem; }
.slds-tabs--scoped__item {
position: relative;
margin-bottom: -1px; }
.slds-tabs--scoped__item + .slds-tabs--scoped__item {
margin-left: -1px; }
.slds-tabs--scoped__item:first-child .slds-tabs--scoped__link {
border-left: 0;
border-radius: 0.25rem 0 0 0; }
.slds-tabs--scoped__content {
background-color: white;
border: 1px solid #d8dde6;
border-top: 0;
border-radius: 0 0 0.25rem 0.25rem;
padding: 1rem; }
.slds-tabs--scoped__link {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
text-decoration: none;
cursor: pointer;
height: 2.5rem;
line-height: 2.5rem;
padding: 0 1rem;
color: #54698d;
background-clip: padding-box;
border-left: 1px solid transparent;
border-right: 1px solid transparent; }
.slds-tabs--scoped__link:focus {
outline: 0; }
.slds-tabs--scoped__link:hover, .slds-tabs--scoped__link:focus {
text-decoration: none;
color: #005fb2;
border-color: #d8dde6; }
.slds-active .slds-tabs--scoped__link {
background-color: white;
color: #0070d2;
border-color: #d8dde6; }
.slds-active .slds-tabs--scoped__link:focus {
text-decoration: underline; }
.slds-tabs__nav-scroller.slds-has-overflow {
position: relative;
padding-right: 4.7rem; }
.slds-tab__scroll-controls {
display: none; }
.slds-has-overflow .slds-tabs__nav-scroller--inner {
overflow: hidden; }
.slds-has-overflow .slds-tabs--scoped__nav,
.slds-has-overflow .slds-tabs--default__nav {
border: 0; }
.slds-has-overflow .slds-tab__scroll-controls {
display: -ms-flexbox;
display: flex;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-color: white; }
.slds-tabs--default .slds-has-overflow .slds-tabs__nav-scroller--inner {
border-bottom: 1px solid #d8dde6; }
.slds-tabs--default .slds-tab__scroll-controls {
padding: calc(0.25rem - 1px) 1px calc(0.25rem - 1px) 0.5rem;
border-bottom: 1px solid #d8dde6; }
.slds-tabs--scoped .slds-has-overflow .slds-tabs__nav-scroller--inner {
border: 1px solid #d8dde6;
border-bottom: 0;
border-radius: 0.25rem 0.25rem 0 0;
background-color: #f4f6f9; }
.slds-tabs--scoped .slds-has-overflow .slds-tabs--scoped__item {
margin-bottom: 0;
border-bottom: 1px solid #d8dde6; }
.slds-tabs--scoped .slds-has-overflow .slds-tabs--scoped__item.slds-active {
border-bottom-color: white; }
.slds-tabs--scoped .slds-tab__scroll-controls {
padding: calc(0.25rem - 1px) 0.25rem;
border: 1px solid #d8dde6;
border-radius: 0 0.25rem 0 0; }
.slds-navigation-list--vertical .slds-is-active {
color: #0070d2; }
.slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action {
background-color: #f0f8fc;
border-color: #d8dde6;
border-left-color: #005fb2; }
.slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action:focus {
border-left-width: 0.5rem;
color: #005fb2; }
.slds-navigation-list--vertical__action {
display: block;
border-left: 0.25rem solid transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
padding: 0.5rem 1.5rem; }
.slds-navigation-list--vertical__action:hover, .slds-navigation-list--vertical__action:focus {
outline: 0;
background-color: #f4f6f9; }
.slds-navigation-list--vertical__action:active {
background-color: #eef1f6; }
.slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list--vertical__action {
background-color: white; }
.slds-notify-container,
.slds-notify_container {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 10000;
text-align: center; }
.slds-notify {
color: white;
position: relative;
background: #54698d;
font-weight: 300; }
.slds-notify a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.slds-notify a:not(.slds-button--neutral):link, .slds-notify a:not(.slds-button--neutral):visited {
color: white; }
.slds-notify a:not(.slds-button--neutral):hover, .slds-notify a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.slds-notify a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.slds-notify a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.slds-notify__close {
float: right;
margin-left: 0.25rem;
line-height: 1; }
.slds-notify__content {
padding-top: 0.25rem; }
.slds-notify__content .slds-icon {
margin-top: -0.25rem; }
.slds-notify--alert {
padding: 0.5rem;
text-align: center; }
.slds-modal--prompt .slds-modal__header {
border-bottom: 0; }
.slds-modal--prompt .slds-modal__content {
padding-left: 2rem;
padding-right: 2rem; }
.slds-modal--prompt .slds-modal__footer {
border-top: 0;
text-align: center; }
.slds-modal--prompt slds-modal__close {
display: none; }
.slds-notify--toast {
border-radius: 0.25rem;
margin: 0.5rem;
padding: 0.75rem 1.5rem;
min-width: 30rem;
display: inline-block;
text-align: left; }
.slds-notify--toast .slds-notify__close {
transform: translate3d(0.5rem, 0, 0); }
.slds-modal__header .slds-notify-container,
.slds-modal__header .slds-notify_container {
position: absolute; }
.slds-modal__header .slds-notify--toast {
display: block; }
.slds-lookup {
position: relative;
width: 100%; }
.slds-lookup__list {
max-height: calc((((1.5 * 0.8125rem) + (1.5 * 0.75rem) - 0.25rem) + (0.25rem * 2)) * 7);
overflow-y: auto; }
.slds-lookup__menu {
background: white;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
z-index: 7000;
position: absolute;
width: 100%;
padding: 0.25rem 0;
display: none; }
.slds-lookup__item > a,
.slds-lookup__item > span,
.slds-lookup__item > button {
display: block;
padding: 0.5rem;
color: #16325c;
text-align: left;
width: 100%;
line-height: 1.5;
border-radius: 0; }
.slds-lookup__item > a:hover, .slds-lookup__item > a:focus,
.slds-lookup__item > span:hover,
.slds-lookup__item > span:focus,
.slds-lookup__item > button:hover,
.slds-lookup__item > button:focus {
outline: 0;
background-color: #f4f6f9;
color: #16325c;
text-decoration: none; }
.slds-lookup__item > a .slds-icon,
.slds-lookup__item > span .slds-icon,
.slds-lookup__item > button .slds-icon {
margin-right: 0.5rem; }
.slds-lookup__item--label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem; }
.slds-lookup__item-action {
font-size: 0.8125rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.25rem 0.5rem;
color: #16325c;
text-align: left;
width: 100%;
line-height: 1.5;
border-radius: 0; }
.slds-lookup__item-action:hover, .slds-lookup__item-action:focus, .slds-lookup__item-action.slds-has-focus {
outline: 0;
cursor: pointer;
background-color: #f4f6f9;
color: #16325c;
text-decoration: none; }
.slds-lookup__item-action .slds-icon {
margin-right: 0.5rem; }
.slds-lookup__item-action--label {
padding: 0.5rem 0.75rem; }
.slds-lookup__item-action--label .slds-icon {
margin-right: 0.75rem; }
.slds-lookup__search-input {
width: 100%; }
.slds-lookup__result-text {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block; }
.slds-lookup__result-meta {
display: block;
margin-top: -0.25rem; }
.slds-lookup__pill-container {
padding: 0 0.5rem 0.25rem; }
.slds-lookup mark {
font-weight: 700;
background-color: transparent; }
.slds-lookup.slds-is-open .slds-lookup__menu {
display: block; }
.slds-lookup.slds-has-selection .slds-lookup__search-input {
display: none; }
.slds-lookup[data-select="single"] .slds-pill, .slds-lookup[data-select="multi"] .slds-pill {
display: -ms-flexbox;
display: flex; }
.slds-lookup[data-select="single"] .slds-pill__remove, .slds-lookup[data-select="multi"] .slds-pill__remove {
margin-left: auto; }
.slds-lookup.slds-has-selection .slds-input,
.slds-lookup.slds-has-selection .slds-input__icon {
display: none; }
.slds-avatar {
overflow: hidden;
display: inline-block;
vertical-align: middle;
border-radius: 0.25rem;
line-height: 1; }
.slds-avatar:hover, .slds-avatar:focus:hover {
color: currentColor; }
.slds-avatar--x-small {
width: 1.25rem;
height: 1.25rem; }
.slds-avatar--small {
width: 1.5rem;
height: 1.5rem; }
.slds-avatar--medium {
width: 2rem;
height: 2rem; }
.slds-avatar--large {
width: 3rem;
height: 3rem; }
.slds-avatar--circle {
border-radius: 50%; }
.slds-avatar--empty {
border: 1px dashed #d8dde6; }
.slds-image {
display: block;
position: relative; }
.slds-image__crop {
display: block;
position: relative;
overflow: hidden; }
.slds-image__crop img {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
max-width: 200%; }
.slds-image__crop:after {
content: '';
display: block; }
.slds-image__crop--1-by-1 {
padding-top: 100%; }
.slds-image__crop--16-by-9 {
padding-top: 56.25%; }
.slds-image__crop--4-by-3 {
padding-top: 75%; }
.slds-image__title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem; }
.slds-image__title--overlay {
color: white;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.slds-image__title--overlay .slds-image__text {
z-index: 1; }
.slds-image__title--card {
background: #f4f6f9;
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.slds-image--overlay {
content: '';
background: rgba(0, 0, 0, 0.4);
color: white;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; }
.slds-image--card {
background: white;
border-top: 1px solid #f4f6f9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); }
.slds-image__icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
margin-top: -1rem; }
.slds-image__actions {
position: absolute;
top: 0.5rem;
right: 0.5rem; }
.slds-table {
background-color: white; }
.slds-table th,
.slds-table td {
padding: 0.5rem;
white-space: nowrap;
position: relative; }
.slds-table th {
font-weight: 400; }
.slds-table:not(.slds-no-row-hover) tbody tr:hover > td,
.slds-table:not(.slds-no-row-hover) tbody tr:hover > th {
background-color: #f4f6f9; }
.slds-table tbody tr.slds-is-selected > td,
.slds-table tbody tr.slds-is-selected > th,
.slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > td,
.slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > th {
background-color: #f0f8fc; }
.slds-table .slds-cell-wrap {
white-space: normal; }
.slds-table .slds-cell-shrink {
width: 1%; }
.slds-table .slds-cell-buffer--left {
padding-left: 1.5rem; }
.slds-table .slds-cell-buffer--right {
padding-right: 1.5rem; }
.slds-table--cell-buffer tr > th:first-child,
.slds-table--cell-buffer tr > td:first-child {
padding-left: 1.5rem; }
.slds-table--cell-buffer tr > th:last-child,
.slds-table--cell-buffer tr > td:last-child {
padding-right: 1.5rem; }
.slds-table--bordered {
border-top: 1px solid #d8dde6;
border-bottom: 1px solid #d8dde6; }
.slds-table--bordered thead > tr + tr > th {
border-top: 1px solid #d8dde6; }
.slds-table--bordered tbody td,
.slds-table--bordered tbody th {
border-top: 1px solid #d8dde6; }
.slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-is-selected),
.slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-is-selected) {
box-shadow: #d8dde6 0 -1px 0 inset, #d8dde6 0 1px 0 inset; }
.slds-table--col-bordered td + td,
.slds-table--col-bordered th + th,
.slds-table--col-bordered th + td,
.slds-table--col-bordered td + th {
border-left: 1px solid #d8dde6; }
.slds-table--striped tbody tr:nth-of-type(even) > td,
.slds-table--striped tbody tr:nth-of-type(even) > th {
background-color: #f4f6f9; }
th.slds-is-sortable {
cursor: pointer;
padding: 0; }
th.slds-is-sortable .slds-button {
visibility: hidden;
margin-left: 0.5rem; }
th.slds-is-sortable .slds-button__icon {
fill: #0070d2; }
th.slds-is-sortable:hover {
background-color: #f4f6f9;
color: #0070d2; }
th.slds-is-sortable:hover .slds-button {
visibility: visible; }
.slds-th__action {
display: -ms-flexbox;
display: flex;
padding: 0.5rem; }
.slds-th__action:focus, .slds-th__action:hover {
outline: 0;
background-color: #f4f6f9; }
.slds-th__action:focus .slds-is-sortable__icon, .slds-th__action:hover .slds-is-sortable__icon {
display: inline-block; }
.slds-is-sortable__icon {
width: 0.75rem;
height: 0.75rem;
margin-left: 0.25rem;
display: none; }
.slds-is-sorted .slds-is-sortable__icon {
display: inline-block; }
.slds-is-sorted--asc .slds-is-sortable__icon {
transform: rotate(180deg); }
.slds-is-resizable .slds-th__action:hover,
.slds-is-resizable .slds-th__action:focus {
box-shadow: #d8dde6 -0.25rem 0 0 inset; }
.slds-resizable {
max-width: 100%; }
.slds-resizable__handle {
position: absolute;
right: 0;
top: 0;
width: 0.25rem;
height: 100%;
background: #0070d2;
display: block;
cursor: col-resize;
opacity: 0;
z-index: 5000; }
.slds-resizable__handle:hover, .slds-resizable__handle:focus, .slds-resizable__handle:active {
opacity: 1; }
.slds-resizable__divider {
position: absolute;
right: 0;
height: 100vh;
width: 1px;
background: #0070d2; }
.slds-resizable__input:focus ~ .slds-resizable__handle {
opacity: 1; }
.slds-table--fixed-layout {
table-layout: fixed;
width: 100%;
white-space: nowrap; }
.slds-table--fixed-layout thead {
background-color: white; }
.slds-table--fixed-layout .slds-cell-shrink {
width: 3rem; }
.slds-table--fixed-layout .slds-cell-shrink:nth-child(n) {
padding-left: 0;
padding-right: 0; }
.slds-table--fixed-layout .slds-cell-shrink:first-child {
text-align: right;
padding-right: 0.5rem; }
.slds-table--fixed-layout .slds-cell-shrink:last-child {
text-align: left;
padding-left: 0.5rem; }
.slds-table--compact th,
.slds-table--compact td {
padding: 0.25rem 0.5rem; }
@media (max-width: 48em) {
.slds-max-medium-table--stacked {
border: 0; }
.slds-max-medium-table--stacked thead {
position: absolute !important;
margin: -1px !important;
border: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important; }
.slds-max-medium-table--stacked th {
border-top: 0; }
.slds-max-medium-table--stacked tr {
display: block;
border-top: 2px solid #d8dde6; }
.slds-max-medium-table--stacked th,
.slds-max-medium-table--stacked td {
display: block;
padding: 0.75rem;
max-width: 100%;
width: 100%;
clear: both;
white-space: normal;
overflow: hidden;
text-align: left; }
.slds-max-medium-table--stacked th.slds-truncate,
.slds-max-medium-table--stacked td.slds-truncate {
max-width: 100%; }
.slds-max-medium-table--stacked th:before,
.slds-max-medium-table--stacked td:before {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d;
text-transform: uppercase;
letter-spacing: 0.0625rem;
display: block;
padding-bottom: 0.25rem;
content: attr(data-label); }
.slds-max-medium-table--stacked tr > td:first-child,
.slds-max-medium-table--stacked tr > td:last-child {
padding: 0.75rem; }
.slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover td,
.slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover th {
background-color: inherit !important;
box-shadow: none !important; }
.slds-max-medium-table--stacked .slds-is-interactive .slds-button {
visibility: visible; }
.slds-max-medium-table--stacked .slds-cell-shrink {
width: auto; } }
@media (max-width: 48em) {
.slds-max-medium-table--stacked td:before,
.slds-max-medium-table--stacked th:before {
padding-bottom: 0.25rem; } }
@media (max-width: 48em) {
.slds-max-medium-table--stacked-horizontal {
border: 0; }
.slds-max-medium-table--stacked-horizontal thead {
position: absolute !important;
margin: -1px !important;
border: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important; }
.slds-max-medium-table--stacked-horizontal th {
border-top: 0; }
.slds-max-medium-table--stacked-horizontal tr {
display: block;
border-top: 2px solid #d8dde6; }
.slds-max-medium-table--stacked-horizontal th,
.slds-max-medium-table--stacked-horizontal td {
display: block;
padding: 0.75rem;
max-width: 100%;
width: 100%;
clear: both;
white-space: normal;
overflow: hidden;
text-align: left; }
.slds-max-medium-table--stacked-horizontal th.slds-truncate,
.slds-max-medium-table--stacked-horizontal td.slds-truncate {
max-width: 100%; }
.slds-max-medium-table--stacked-horizontal th:before,
.slds-max-medium-table--stacked-horizontal td:before {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d;
text-transform: uppercase;
letter-spacing: 0.0625rem;
display: block;
padding-bottom: 0.25rem;
content: attr(data-label); }
.slds-max-medium-table--stacked-horizontal tr > td:first-child,
.slds-max-medium-table--stacked-horizontal tr > td:last-child {
padding: 0.75rem; }
.slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover td,
.slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th {
background-color: inherit !important;
box-shadow: none !important; }
.slds-max-medium-table--stacked-horizontal .slds-is-interactive .slds-button {
visibility: visible; }
.slds-max-medium-table--stacked-horizontal .slds-cell-shrink {
width: auto; } }
@media (max-width: 48em) {
.slds-max-medium-table--stacked-horizontal td {
text-align: right; }
.slds-max-medium-table--stacked-horizontal td:before {
float: left;
margin-top: 0.125rem; }
.slds-max-medium-table--stacked-horizontal .slds-truncate {
max-width: 100%; } }
.slds-table--edit_container:focus {
outline: none; }
.slds-table--edit_container:focus:before {
content: ' ';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: rgba(240, 248, 252, 0.75);
box-shadow: 0 0 0 4px #1589ee inset; }
.slds-table--edit_container:focus .slds-table--edit_container-message {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 20rem;
margin-top: -2.25rem;
margin-left: -10rem;
background-color: white;
text-align: center;
z-index: 1; }
.slds-table--edit_container-message {
display: none; }
.slds-table--edit .slds-button__icon--edit:focus {
fill: #1589ee; }
.slds-table--edit th,
.slds-table--edit td {
padding: 0; }
.slds-table--edit .slds-cell-edit:hover {
background-color: white;
box-shadow: #d8dde6 0 -1px 0 inset, #d8dde6 0 1px 0 inset; }
.slds-table--edit tbody tr {
counter-increment: row-number; }
.slds-table--edit tbody tr:hover .slds-cell-marker,
.slds-table--edit tbody tr:hover .slds-is-edited:not(.slds-has-focus) {
box-shadow: #d8dde6 0 -1px 0 inset, #d8dde6 0 1px 0 inset; }
.slds-table--edit .slds-row-number:after {
content: counter(row-number); }
.slds-cell-marker {
background-color: #f4f6f9; }
.slds-cell-edit {
min-height: 2.3125rem;
padding: 0.5rem; }
.slds-cell-edit .slds-button__icon--edit,
.slds-cell-edit .slds-button__icon--lock {
opacity: 0; }
.slds-cell-edit:hover .slds-button__icon--edit, .slds-cell-edit:focus .slds-button__icon--edit {
opacity: 1; }
.slds-cell-edit:hover .slds-button__icon--edit:hover, .slds-cell-edit:hover .slds-button__icon--edit:focus, .slds-cell-edit:focus .slds-button__icon--edit:hover, .slds-cell-edit:focus .slds-button__icon--edit:focus {
fill: #1589ee; }
.slds-cell-edit:hover .slds-button__icon--lock, .slds-cell-edit:focus .slds-button__icon--lock {
opacity: 0.5; }
.slds-cell-edit .slds-cell-edit__button {
width: 1.25rem;
height: 1.25rem;
-ms-flex-negative: 0;
flex-shrink: 0; }
.slds-cell-edit.slds-has-focus {
background-color: white;
outline: 0;
box-shadow: #0070d2 0 0 0 1px inset; }
.slds-cell-edit.slds-has-focus .slds-button__icon--edit,
.slds-cell-edit.slds-has-focus .slds-button__icon--lock {
opacity: 1; }
.slds-cell-edit.slds-has-focus:hover {
box-shadow: #0070d2 0 0 0 1px inset; }
.slds-cell-edit.slds-has-focus a:focus {
text-decoration: underline;
outline: none; }
.slds-cell-edit.slds-is-edited, .slds-cell-edit.slds-is-edited:hover {
background-color: #faffbd; }
.slds-cell-edit.slds-has-error, .slds-cell-edit.slds-has-error:hover {
background-color: #faffbd;
border: 1px solid #c23934;
box-shadow: #c23934 0 0 0 1px inset; }
.slds-no-cell-focus .slds-has-focus {
background: #f4f6f9;
border: 0;
box-shadow: none; }
.slds-no-cell-focus .slds-has-focus .slds-button__icon--edit {
opacity: 1; }
.slds-cell-error {
padding-left: 0; }
.slds-cell-edit__button:focus .slds-button__icon--edit {
opacity: 1; }
.slds-form-element__label--edit {
margin: 0 0.125rem 0; }
.slds-popover--edit {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.slds-popover--edit .slds-popover__body {
padding: 0.25rem 0.25rem 0.25rem 0; }
.slds-popover--edit .slds-form-element__help {
width: 100%;
padding-left: 0.75rem; }
.slds-table--header-fixed_container {
position: relative;
padding-top: 2rem;
border-top: 1px solid #d8dde6;
background-color: white;
background-image: linear-gradient(to bottom, white, white 1.9375rem, #d8dde6 1.9375rem, #d8dde6 2rem, white 2rem, white); }
.slds-cell-fixed {
position: absolute;
top: 0;
min-height: 2rem; }
.slds-table--header-fixed {
border-top: 0; }
.slds-table--header-fixed thead th {
position: static;
border-top: 0; }
.slds-table--header-fixed tbody tr:first-child td,
.slds-table--header-fixed tbody tr:first-child th {
border: 0; }
.slds-tree-container,
.slds-tree_container {
min-width: 7.5rem;
max-width: 25rem; }
.slds-tree-container > .slds-text-heading--label,
.slds-tree_container > .slds-text-heading--label {
margin-bottom: 0.5rem; }
.slds-tree__item {
display: -ms-flexbox;
display: flex;
line-height: 1.875rem;
padding-left: 1rem; }
.slds-tree__item .slds-is-disabled {
visibility: hidden; }
.slds-tree__item a {
color: #16325c; }
.slds-tree__item a:hover,
.slds-tree__item a:focus {
text-decoration: none; }
.slds-tree__item:hover, .slds-tree__item:focus {
background: #f4f6f9;
cursor: pointer; }
.slds-tree .slds-is-selected {
background: #f0f8fc;
box-shadow: #0070d2 4px 0 0 inset; }
.slds-tree .slds-is-hovered,
.slds-tree .slds-is-focused {
background: #f4f6f9;
cursor: pointer; }
.slds-tree [aria-level="1"] > .slds-tree__item {
padding-left: 1.5rem; }
.slds-tree [aria-level="2"] > .slds-tree__item {
padding-left: 3rem; }
.slds-tree [aria-level="3"] > .slds-tree__item {
padding-left: 4.5rem; }
.slds-tree [aria-level="4"] > .slds-tree__item {
padding-left: 6rem; }
.slds-tree [aria-level="5"] > .slds-tree__item {
padding-left: 7.5rem; }
.slds-tree [aria-level="6"] > .slds-tree__item {
padding-left: 9rem; }
.slds-tree [aria-level="7"] > .slds-tree__item {
padding-left: 10.5rem; }
.slds-tree [aria-level="8"] > .slds-tree__item {
padding-left: 12rem; }
.slds-tree [aria-level="9"] > .slds-tree__item {
padding-left: 13.5rem; }
.slds-tree [aria-level="10"] > .slds-tree__item {
padding-left: 15rem; }
.slds-tree [aria-level="11"] > .slds-tree__item {
padding-left: 16.5rem; }
.slds-tree [aria-level="12"] > .slds-tree__item {
padding-left: 18rem; }
.slds-tree [aria-level="13"] > .slds-tree__item {
padding-left: 19.5rem; }
.slds-tree [aria-level="14"] > .slds-tree__item {
padding-left: 21rem; }
.slds-tree [aria-level="15"] > .slds-tree__item {
padding-left: 22.5rem; }
.slds-tree [aria-level="16"] > .slds-tree__item {
padding-left: 24rem; }
.slds-tree [aria-level="17"] > .slds-tree__item {
padding-left: 25.5rem; }
.slds-tree [aria-level="18"] > .slds-tree__item {
padding-left: 27rem; }
.slds-tree [aria-level="19"] > .slds-tree__item {
padding-left: 28.5rem; }
.slds-tree [aria-level="20"] > .slds-tree__item {
padding-left: 30rem; }
.slds-tree [aria-expanded="false"] > .slds-tree__item > .slds-button[aria-controls] > .slds-button__icon,
.slds-tree [aria-expanded="false"] > .slds-tree__item > .slds-button[aria-controls] > span > .slds-button__icon {
transition: 0.2s transform ease-in-out;
transform: rotate(0deg); }
.slds-tree [aria-expanded="true"] > .slds-tree__item > .slds-button[aria-controls] > .slds-button__icon,
.slds-tree [aria-expanded="true"] > .slds-tree__item > .slds-button[aria-controls] > span > .slds-button__icon {
transition: 0.2s transform ease-in-out;
transform: rotate(90deg); }
.slds-tree .slds-button {
-ms-flex-item-align: center;
align-self: center; }
.slds-tree .slds-pill {
margin-left: 0.75rem; }
.slds-table--tree .slds-tree__item {
line-height: 1.5rem; }
.slds-table--tree .slds-tree__item a {
color: #0070d2; }
.slds-table--tree .slds-tree__item a:hover {
text-decoration: underline; }
.slds-table--tree__toggle {
margin-left: -0.25rem; }
.slds-grid {
display: -ms-flexbox;
display: flex; }
.slds-grid--frame {
min-width: 100vw;
min-height: 100vh;
overflow: hidden; }
.slds-grid--vertical {
-ms-flex-direction: column;
flex-direction: column; }
.slds-grid--vertical-reverse {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.slds-grid--reverse {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.slds-col,
[class*="slds-col--padded"] {
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.slds-col--padded {
padding-right: 0.75rem;
padding-left: 0.75rem; }
.slds-col--padded-medium {
padding-right: 1rem;
padding-left: 1rem; }
.slds-col--padded-large {
padding-right: 1.5rem;
padding-left: 1.5rem; }
.slds-col--padded-around {
padding: 0.75rem; }
.slds-col--padded-around-medium {
padding: 1rem; }
.slds-col--padded-around-large {
padding: 1.5rem; }
.slds-grid--pull-padded {
margin-right: -0.75rem;
margin-left: -0.75rem; }
.slds-grid--pull-padded-medium {
margin-right: -1rem;
margin-left: -1rem; }
.slds-grid--pull-padded-large {
margin-right: -1.5rem;
margin-left: -1.5rem; }
@media (min-width: 64em) {
.slds-col-rule--top {
border-top: 1px solid #f4f6f9; }
.slds-col-rule--right {
border-right: 1px solid #f4f6f9; }
.slds-col-rule--bottom {
border-bottom: 1px solid #f4f6f9; }
.slds-col-rule--left {
border-left: 1px solid #f4f6f9; } }
@media (min-width: 64em) {
.slds-col--rule-top {
border-top: 1px solid #f4f6f9; }
.slds-col--rule-right {
border-right: 1px solid #f4f6f9; }
.slds-col--rule-bottom {
border-bottom: 1px solid #f4f6f9; }
.slds-col--rule-left {
border-left: 1px solid #f4f6f9; } }
.slds-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start; }
.slds-nowrap {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; }
@media (min-width: 30em) {
.slds-nowrap--small {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 48em) {
.slds-nowrap--medium {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 64em) {
.slds-nowrap--large {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 20em) {
.slds-x-small-nowrap {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 30em) {
.slds-small-nowrap {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 48em) {
.slds-medium-nowrap {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 64em) {
.slds-large-nowrap {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
.slds-has-flexi-truncate {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0; }
.slds-no-flex {
-ms-flex: none;
flex: none; }
.slds-no-space {
min-width: 0; }
.slds-grow {
-ms-flex-positive: 1;
flex-grow: 1; }
.slds-grow-none {
-ms-flex-positive: 0;
flex-grow: 0; }
.slds-shrink {
-ms-flex-negative: 1;
flex-shrink: 1; }
.slds-shrink-none {
-ms-flex-negative: 0;
flex-shrink: 0; }
.slds-text-longform ul.slds-grid {
margin-left: 0;
list-style: none; }
.slds-grid--align-center {
-ms-flex-pack: center;
justify-content: center; }
.slds-grid--align-center .slds-col,
.slds-grid--align-center [class*="slds-col--padded"] {
-ms-flex-positive: 0;
flex-grow: 0; }
.slds-grid--align-space {
-ms-flex-pack: distribute;
justify-content: space-around; }
.slds-grid--align-space .slds-col,
.slds-grid--align-space [class*="slds-col--padded"] {
-ms-flex-positive: 0;
flex-grow: 0; }
.slds-grid--align-spread {
-ms-flex-pack: justify;
justify-content: space-between; }
.slds-grid--align-spread .slds-col,
.slds-grid--align-spread [class*="slds-col--padded"] {
-ms-flex-positive: 0;
flex-grow: 0; }
.slds-grid--align-end {
-ms-flex-pack: end;
justify-content: flex-end; }
.slds-grid--align-end .slds-col,
.slds-grid--align-end [class*="slds-col--padded"] {
-ms-flex-positive: 0;
flex-grow: 0; }
.slds-grid--vertical-align-start {
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.slds-grid--vertical-align-center {
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center; }
.slds-grid--vertical-align-end {
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.slds-align-top {
vertical-align: top;
-ms-flex-item-align: start;
align-self: flex-start; }
.slds-align-middle {
vertical-align: middle;
-ms-flex-item-align: center;
align-self: center; }
.slds-align-bottom {
vertical-align: bottom;
-ms-flex-item-align: end;
align-self: flex-end; }
.slds-align-content-center {
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: center;
align-self: center;
-ms-flex-pack: center;
justify-content: center; }
.slds-grid--vertical-stretch {
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.slds-col--bump-top {
margin-top: auto; }
.slds-col--bump-right {
margin-right: auto; }
.slds-col--bump-bottom {
margin-right: auto; }
.slds-col--bump-left {
margin-left: auto; }
.slds-container--small {
max-width: 30rem; }
.slds-container--medium {
max-width: 48rem; }
.slds-container--large {
max-width: 64rem; }
.slds-container--x-large {
max-width: 80rem; }
.slds-container--fluid {
width: 100%; }
.slds-container--center {
margin-left: auto;
margin-right: auto; }
.slds-container--left {
margin-right: auto; }
.slds-container--right {
margin-left: auto; }
.slds-grid--overflow {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.slds-grid--overflow .slds-col {
min-width: 11.25em;
max-width: 22.5em; }
.slds-align--absolute-center {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
margin: auto; }
.slds-media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start; }
.slds-media__figure {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 0.75rem; }
.slds-media__body {
-ms-flex: 1;
flex: 1;
min-width: 0; }
.slds-media__body,
.slds-media__body > :last-child {
margin-bottom: 0; }
.slds-media--small .slds-media__figure {
margin-right: 0.25rem; }
.slds-media--large .slds-media__figure {
margin-right: 1.5rem; }
.slds-media--small .slds-media__figure--reverse {
margin-left: 0.25rem; }
.slds-media--large .slds-media__figure--reverse {
margin-left: 1.5rem; }
.slds-media--center {
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center; }
.slds-media__figure--reverse {
margin: 0 0 0 0.75rem; }
.slds-media--reverse > .slds-media__figure {
-ms-flex-order: 1;
order: 1; }
.slds-media--reverse.slds-media--small .slds-media__figure {
margin-left: 0.25rem; }
.slds-media--double > .slds-media__figure {
-ms-flex-order: 1;
order: 1; }
.slds-media--double .slds-media__figure--reverse {
-ms-flex-order: 3;
order: 3;
margin: 0 0 0 1rem; }
.slds-media--double .slds-media__body {
-ms-flex-order: 2;
order: 2; }
@media (max-width: 48em) {
.slds-media--responsive {
display: block; }
.slds-media--responsive .slds-media__figure {
margin: 0 0 0.75rem; } }
.slds-m-top--none {
margin-top: 0 !important; }
.slds-m-top--none {
margin-top: 0; }
.slds-m-right--none {
margin-right: 0 !important; }
.slds-m-right--none {
margin-right: 0; }
.slds-m-bottom--none {
margin-bottom: 0 !important; }
.slds-m-bottom--none {
margin-bottom: 0; }
.slds-m-left--none {
margin-left: 0 !important; }
.slds-m-left--none {
margin-left: 0; }
.slds-m-vertical--none {
margin-top: 0;
margin-bottom: 0; }
.slds-m-horizontal--none {
margin-right: 0;
margin-left: 0; }
.slds-m-around--none {
margin: 0; }
.slds-m-top--xxx-small {
margin-top: 0.125rem; }
.slds-m-right--xxx-small {
margin-right: 0.125rem; }
.slds-m-bottom--xxx-small {
margin-bottom: 0.125rem; }
.slds-m-left--xxx-small {
margin-left: 0.125rem; }
.slds-m-vertical--xxx-small {
margin-top: 0.125rem;
margin-bottom: 0.125rem; }
.slds-m-horizontal--xxx-small {
margin-right: 0.125rem;
margin-left: 0.125rem; }
.slds-m-around--xxx-small {
margin: 0.125rem; }
.slds-m-top--xx-small {
margin-top: 0.25rem; }
.slds-m-right--xx-small {
margin-right: 0.25rem; }
.slds-m-bottom--xx-small {
margin-bottom: 0.25rem; }
.slds-m-left--xx-small {
margin-left: 0.25rem; }
.slds-m-vertical--xx-small {
margin-top: 0.25rem;
margin-bottom: 0.25rem; }
.slds-m-horizontal--xx-small {
margin-right: 0.25rem;
margin-left: 0.25rem; }
.slds-m-around--xx-small {
margin: 0.25rem; }
.slds-m-top--x-small {
margin-top: 0.5rem; }
.slds-m-right--x-small {
margin-right: 0.5rem; }
.slds-m-bottom--x-small {
margin-bottom: 0.5rem; }
.slds-m-left--x-small {
margin-left: 0.5rem; }
.slds-m-vertical--x-small {
margin-top: 0.5rem;
margin-bottom: 0.5rem; }
.slds-m-horizontal--x-small {
margin-right: 0.5rem;
margin-left: 0.5rem; }
.slds-m-around--x-small {
margin: 0.5rem; }
.slds-m-top--small {
margin-top: 0.75rem; }
.slds-m-right--small {
margin-right: 0.75rem; }
.slds-m-bottom--small {
margin-bottom: 0.75rem; }
.slds-m-left--small {
margin-left: 0.75rem; }
.slds-m-vertical--small {
margin-top: 0.75rem;
margin-bottom: 0.75rem; }
.slds-m-horizontal--small {
margin-right: 0.75rem;
margin-left: 0.75rem; }
.slds-m-around--small {
margin: 0.75rem; }
.slds-m-top--medium {
margin-top: 1rem; }
.slds-m-right--medium {
margin-right: 1rem; }
.slds-m-bottom--medium {
margin-bottom: 1rem; }
.slds-m-left--medium {
margin-left: 1rem; }
.slds-m-vertical--medium {
margin-top: 1rem;
margin-bottom: 1rem; }
.slds-m-horizontal--medium {
margin-right: 1rem;
margin-left: 1rem; }
.slds-m-around--medium {
margin: 1rem; }
.slds-m-top--large {
margin-top: 1.5rem; }
.slds-m-right--large {
margin-right: 1.5rem; }
.slds-m-bottom--large {
margin-bottom: 1.5rem; }
.slds-m-left--large {
margin-left: 1.5rem; }
.slds-m-vertical--large {
margin-top: 1.5rem;
margin-bottom: 1.5rem; }
.slds-m-horizontal--large {
margin-right: 1.5rem;
margin-left: 1.5rem; }
.slds-m-around--large {
margin: 1.5rem; }
.slds-m-top--x-large {
margin-top: 2rem; }
.slds-m-right--x-large {
margin-right: 2rem; }
.slds-m-bottom--x-large {
margin-bottom: 2rem; }
.slds-m-left--x-large {
margin-left: 2rem; }
.slds-m-vertical--x-large {
margin-top: 2rem;
margin-bottom: 2rem; }
.slds-m-horizontal--x-large {
margin-right: 2rem;
margin-left: 2rem; }
.slds-m-around--x-large {
margin: 2rem; }
.slds-m-top--xx-large {
margin-top: 3rem; }
.slds-m-right--xx-large {
margin-right: 3rem; }
.slds-m-bottom--xx-large {
margin-bottom: 3rem; }
.slds-m-left--xx-large {
margin-left: 3rem; }
.slds-m-vertical--xx-large {
margin-top: 3rem;
margin-bottom: 3rem; }
.slds-m-horizontal--xx-large {
margin-right: 3rem;
margin-left: 3rem; }
.slds-m-around--xx-large {
margin: 3rem; }
.slds-m-bottom--none {
margin-bottom: 0; }
.slds-p-top--none {
padding-top: 0 !important; }
.slds-p-top--none {
padding-top: 0; }
.slds-p-right--none {
padding-right: 0 !important; }
.slds-p-right--none {
padding-right: 0; }
.slds-p-bottom--none {
padding-bottom: 0 !important; }
.slds-p-bottom--none {
padding-bottom: 0; }
.slds-p-left--none {
padding-left: 0 !important; }
.slds-p-left--none {
padding-left: 0; }
.slds-p-vertical--none {
padding-top: 0;
padding-bottom: 0; }
.slds-p-horizontal--none {
padding-right: 0;
padding-left: 0; }
.slds-p-around--none {
padding: 0; }
.slds-p-top--xxx-small {
padding-top: 0.125rem; }
.slds-p-right--xxx-small {
padding-right: 0.125rem; }
.slds-p-bottom--xxx-small {
padding-bottom: 0.125rem; }
.slds-p-left--xxx-small {
padding-left: 0.125rem; }
.slds-p-vertical--xxx-small {
padding-top: 0.125rem;
padding-bottom: 0.125rem; }
.slds-p-horizontal--xxx-small {
padding-right: 0.125rem;
padding-left: 0.125rem; }
.slds-p-around--xxx-small {
padding: 0.125rem; }
.slds-p-top--xx-small {
padding-top: 0.25rem; }
.slds-p-right--xx-small {
padding-right: 0.25rem; }
.slds-p-bottom--xx-small {
padding-bottom: 0.25rem; }
.slds-p-left--xx-small {
padding-left: 0.25rem; }
.slds-p-vertical--xx-small {
padding-top: 0.25rem;
padding-bottom: 0.25rem; }
.slds-p-horizontal--xx-small {
padding-right: 0.25rem;
padding-left: 0.25rem; }
.slds-p-around--xx-small {
padding: 0.25rem; }
.slds-p-top--x-small {
padding-top: 0.5rem; }
.slds-p-right--x-small {
padding-right: 0.5rem; }
.slds-p-bottom--x-small {
padding-bottom: 0.5rem; }
.slds-p-left--x-small {
padding-left: 0.5rem; }
.slds-p-vertical--x-small {
padding-top: 0.5rem;
padding-bottom: 0.5rem; }
.slds-p-horizontal--x-small {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.slds-p-around--x-small {
padding: 0.5rem; }
.slds-p-top--small {
padding-top: 0.75rem; }
.slds-p-right--small {
padding-right: 0.75rem; }
.slds-p-bottom--small {
padding-bottom: 0.75rem; }
.slds-p-left--small {
padding-left: 0.75rem; }
.slds-p-vertical--small {
padding-top: 0.75rem;
padding-bottom: 0.75rem; }
.slds-p-horizontal--small {
padding-right: 0.75rem;
padding-left: 0.75rem; }
.slds-p-around--small {
padding: 0.75rem; }
.slds-p-top--medium {
padding-top: 1rem; }
.slds-p-right--medium {
padding-right: 1rem; }
.slds-p-bottom--medium {
padding-bottom: 1rem; }
.slds-p-left--medium {
padding-left: 1rem; }
.slds-p-vertical--medium {
padding-top: 1rem;
padding-bottom: 1rem; }
.slds-p-horizontal--medium {
padding-right: 1rem;
padding-left: 1rem; }
.slds-p-around--medium {
padding: 1rem; }
.slds-p-top--large {
padding-top: 1.5rem; }
.slds-p-right--large {
padding-right: 1.5rem; }
.slds-p-bottom--large {
padding-bottom: 1.5rem; }
.slds-p-left--large {
padding-left: 1.5rem; }
.slds-p-vertical--large {
padding-top: 1.5rem;
padding-bottom: 1.5rem; }
.slds-p-horizontal--large {
padding-right: 1.5rem;
padding-left: 1.5rem; }
.slds-p-around--large {
padding: 1.5rem; }
.slds-p-top--x-large {
padding-top: 2rem; }
.slds-p-right--x-large {
padding-right: 2rem; }
.slds-p-bottom--x-large {
padding-bottom: 2rem; }
.slds-p-left--x-large {
padding-left: 2rem; }
.slds-p-vertical--x-large {
padding-top: 2rem;
padding-bottom: 2rem; }
.slds-p-horizontal--x-large {
padding-right: 2rem;
padding-left: 2rem; }
.slds-p-around--x-large {
padding: 2rem; }
.slds-p-top--xx-large {
padding-top: 3rem; }
.slds-p-right--xx-large {
padding-right: 3rem; }
.slds-p-bottom--xx-large {
padding-bottom: 3rem; }
.slds-p-left--xx-large {
padding-left: 3rem; }
.slds-p-vertical--xx-large {
padding-top: 3rem;
padding-bottom: 3rem; }
.slds-p-horizontal--xx-large {
padding-right: 3rem;
padding-left: 3rem; }
.slds-p-around--xx-large {
padding: 3rem; }
.slds-float--left {
float: left; }
.slds-float--right {
float: right; }
.slds-clearfix:after {
content: '';
display: table;
clear: both; }
.slds-clear {
clear: both; }
.slds-text-link--reset {
cursor: pointer;
line-height: inherit;
font-size: inherit; }
.slds-text-link--reset:active {
outline: none; }
.slds-text-link--reset, .slds-text-link--reset:active, .slds-text-link--reset:focus, .slds-text-link--reset:hover {
color: inherit;
text-decoration: inherit; }
.slds-text-link {
color: #0070d2;
text-decoration: none;
transition: color 0.1s linear; }
.slds-text-link:hover, .slds-text-link:focus {
text-decoration: underline;
color: #005fb2; }
.slds-text-link:active {
color: #00396b; }
.slds-has-blur-focus {
color: currentColor; }
.slds-has-blur-focus:hover, .slds-has-blur-focus:focus, .slds-has-blur-focus:active {
color: currentColor;
text-decoration: none; }
.slds-has-blur-focus:focus {
outline: 0;
box-shadow: 0 0 3px #0070D2; }
.slds-type-focus {
border-bottom: 1px solid transparent;
border-radius: 0;
color: #16325c;
cursor: pointer; }
.slds-type-focus:hover, .slds-type-focus:focus {
border-bottom: 1px solid #005fb2; }
.slds-has-block-links a {
display: block;
text-decoration: none; }
.slds-has-block-links .slds-is-nested {
margin-left: 1rem; }
.slds-has-block-links--space .slds-list__item,
.slds-has-block-links--space .slds-item {
padding: 0; }
.slds-has-block-links--space a {
display: block;
text-decoration: none;
padding: 0.75rem; }
@media (min-width: 48em) {
.slds-has-block-links--space a {
padding: 0.5rem; } }
.slds-has-inline-block-links a {
display: inline-block;
text-decoration: none; }
.slds-has-inline-block-links--space a {
display: inline-block;
text-decoration: none;
padding: 0.75rem; }
@media (min-width: 48em) {
.slds-has-inline-block-links--space a {
padding: 0.5rem; } }
.slds-list--vertical-space .slds-list__item + .slds-list__item,
.slds-list--vertical-space .slds-item + .slds-item {
margin-top: 0.5rem; }
.slds-list--vertical-space-medium .slds-list__item + .slds-list__item,
.slds-list--vertical-space-medium .slds-item + .slds-item {
margin-top: 1rem; }
.slds-is-nested {
margin-left: 1rem; }
.slds-list--dotted {
margin-left: 1.5rem;
list-style: disc; }
.slds-list--ordered {
margin-left: 1.5rem;
list-style: decimal; }
.slds-has-dividers--top > .slds-list__item,
.slds-has-dividers--top > .slds-item {
border-top: 1px solid #d8dde6; }
.slds-has-dividers--top-space > .slds-list__item,
.slds-has-dividers--top-space > .slds-item {
border-top: 1px solid #d8dde6;
padding: 0.75rem; }
@media (min-width: 30em) {
.slds-has-dividers--top-space > .slds-list__item,
.slds-has-dividers--top-space > .slds-item {
padding: 0.5rem; } }
.slds-has-dividers--bottom > .slds-list__item,
.slds-has-dividers--bottom > .slds-item {
border-bottom: 1px solid #d8dde6; }
.slds-has-dividers--bottom-space > .slds-list__item,
.slds-has-dividers--bottom-space > .slds-item {
border-bottom: 1px solid #d8dde6;
padding: 0.75rem; }
@media (min-width: 30em) {
.slds-has-dividers--bottom-space > .slds-list__item,
.slds-has-dividers--bottom-space > .slds-item {
padding: 0.5rem; } }
.slds-has-dividers--around > .slds-item {
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-clip: padding-box; }
.slds-has-dividers--around > .slds-item + .slds-item {
margin-top: 0.5rem; }
.slds-has-dividers--around-space > .slds-item {
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-clip: padding-box;
padding: 0.75rem; }
@media (min-width: 30em) {
.slds-has-dividers--around-space > .slds-item {
padding: 0.5rem; } }
.slds-has-dividers--around-space > .slds-item + .slds-item {
margin-top: 0.5rem; }
.slds-has-list-interactions > .slds-list__item:hover,
.slds-has-list-interactions > .slds-item:hover {
background-color: #f4f6f9;
border-color: #d8dde6;
cursor: pointer; }
.slds-has-list-interactions > .slds-list__item:active,
.slds-has-list-interactions > .slds-item:active {
background-color: #eef1f6;
box-shadow: #d8dde6 0 -1px 0 inset; }
.slds-has-list-interactions > .slds-list__item.slds-is-selected,
.slds-has-list-interactions > .slds-item.slds-is-selected {
box-shadow: #0070d2 0 0 0 1px inset;
background-color: #f0f8fc; }
.slds-has-list-interactions > .slds-list__item.slds-is-selected:hover, .slds-has-list-interactions > .slds-list__item.slds-is-selected:focus,
.slds-has-list-interactions > .slds-item.slds-is-selected:hover,
.slds-has-list-interactions > .slds-item.slds-is-selected:focus {
box-shadow: #1589ee 0 -2px 0 inset, #1589ee 0 0 0 1px inset; }
.slds-list--vertical.slds-has-dividers > .slds-list__item {
padding: 0.5rem;
border-bottom: 1px solid #d8dde6; }
.slds-list--vertical.slds-has-dividers > .slds-list__item:hover {
background-color: #f4f6f9;
border-color: #d8dde6;
cursor: pointer; }
.slds-list--vertical.slds-has-dividers > .slds-list__item:active {
background-color: #eef1f6;
box-shadow: #d8dde6 0 -1px 0 inset; }
.slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected {
box-shadow: #0070d2 0 0 0 1px inset;
background-color: #f0f8fc; }
.slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected:hover, .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected:focus {
box-shadow: #1589ee 0 -2px 0 inset, #1589ee 0 0 0 1px inset; }
.slds-has-cards > .slds-list__item {
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-clip: padding-box; }
.slds-has-cards > .slds-list__item + .slds-list__item {
margin-top: 0.5rem; }
.slds-has-cards--space > .slds-list__item {
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-clip: padding-box;
padding: 0.75rem; }
@media (min-width: 30em) {
.slds-has-cards--space > .slds-list__item {
padding: 0.5rem; } }
.slds-has-cards--space > .slds-list__item + .slds-list__item {
margin-top: 0.5rem; }
.slds-list--horizontal {
display: -ms-flexbox;
display: flex; }
.slds-list--horizontal > .slds-list__item {
-ms-flex-item-align: center;
align-self: center; }
.slds-list--horizontal-large > .slds-list__item > a {
padding: 0.75rem 1rem; }
.slds-has-dividers--left > .slds-list__item,
.slds-has-dividers--left > .slds-item {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.slds-has-dividers--left > .slds-list__item:before,
.slds-has-dividers--left > .slds-item:before {
width: 2px;
height: 2px;
content: '';
display: inline-block;
vertical-align: middle;
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: #16325c; }
.slds-has-dividers--left > .slds-list__item:first-child,
.slds-has-dividers--left > .slds-item:first-child {
margin-right: 0;
padding-right: 0; }
.slds-has-dividers--left > .slds-list__item:first-child:before,
.slds-has-dividers--left > .slds-item:first-child:before {
content: none; }
.slds-has-dividers--right > .slds-list__item,
.slds-has-dividers--right > .slds-item {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.slds-has-dividers--right > .slds-list__item:after,
.slds-has-dividers--right > .slds-item:after {
width: 2px;
height: 2px;
content: '';
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: #16325c; }
.slds-has-dividers--right > .slds-list__item:last-child,
.slds-has-dividers--right > .slds-item:last-child {
margin-right: 0;
padding-right: 0; }
.slds-has-dividers--right > .slds-list__item:last-child:after,
.slds-has-dividers--right > .slds-item:last-child:after {
content: none; }
.slds-list--horizontal.slds-has-dividers > .slds-list__item {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.slds-list--horizontal.slds-has-dividers > .slds-list__item:after {
width: 2px;
height: 2px;
content: '';
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: #16325c; }
.slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child {
margin-right: 0;
padding-right: 0; }
.slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child:after {
content: none; }
.slds-has-divider {
margin-top: 0.5rem;
padding-top: 0.5rem;
border-top: 1px solid #d8dde6; }
.slds-has-divider--top {
border-top: 1px solid #d8dde6; }
.slds-has-divider--top-space {
border-top: 1px solid #d8dde6;
margin-top: 0.5rem;
padding-top: 0.5rem; }
.slds-has-divider--right {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.slds-has-divider--right:after {
width: 2px;
height: 2px;
content: '';
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: #16325c; }
.slds-has-divider--right:last-child {
margin-right: 0;
padding-right: 0; }
.slds-has-divider--right:last-child:after {
content: none; }
.slds-has-divider--bottom {
border-bottom: 1px solid #d8dde6; }
.slds-has-divider--bottom-space {
border-bottom: 1px solid #d8dde6;
margin-bottom: 0.5rem;
padding-bottom: 0.5rem; }
.slds-has-divider--left {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.slds-has-divider--left:before {
width: 2px;
height: 2px;
content: '';
display: inline-block;
vertical-align: middle;
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: #16325c; }
.slds-has-divider--left:first-child {
margin-right: 0;
padding-right: 0; }
.slds-has-divider--left:first-child:before {
content: none; }
.slds-dl--inline:after {
content: '';
display: table;
clear: both; }
@media (min-width: 48em) {
.slds-dl--inline__label {
float: left;
clear: left; }
.slds-dl--inline__detail {
float: left;
padding-left: 0.25rem; } }
@media (min-width: 48em) {
.slds-dl--horizontal {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex; }
.slds-dl--horizontal__label {
width: 30%;
padding-right: 0.75rem; }
.slds-dl--horizontal__detail {
width: 70%; } }
.slds-list--horizontal .slds-item--label {
width: 30%;
padding-right: 0.75rem; }
.slds-list--horizontal .slds-item--detail {
width: 70%; }
.slds-list--vertical .slds-item--label,
.slds-list--vertical .slds-item--detail {
display: block; }
.slds-list--inline {
display: -ms-inline-flexbox;
display: inline-flex;
max-width: 100%; }
.slds-list--inline .slds-item--label {
max-width: 180px;
padding-right: 0.75rem;
-ms-flex-negative: 0;
flex-shrink: 0; }
.slds-list--inline .slds-item--label ~ .slds-item--label {
padding-left: 1rem; }
.slds-list--inline .slds-item--detail {
min-width: 0; }
.slds-truncate {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.slds-truncate_container--25 {
max-width: 25%; }
.slds-truncate_container--50 {
max-width: 50%; }
.slds-truncate_container--75 {
max-width: 75%; }
.slds-truncate_container--33 {
max-width: 33%; }
.slds-truncate_container--66 {
max-width: 66%; }
.slds-hyphenate {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.slds-box {
padding: 1rem;
border-radius: 0.25rem;
background-clip: padding-box;
border: 1px solid #d8dde6; }
.slds-box--x-small {
padding: 0.5rem; }
.slds-box--small {
padding: 0.75rem; }
.slds-box--border {
padding: 0;
border-radius: 0.25rem;
background-clip: padding-box;
border: 1px solid #d8dde6; }
.slds-theme--default {
background-color: white; }
.slds-theme--shade {
background-color: #f4f6f9; }
.slds-theme--inverse {
background-color: #061c3f;
color: white;
border-color: #061c3f; }
.slds-theme--inverse a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.slds-theme--inverse a:not(.slds-button--neutral):link, .slds-theme--inverse a:not(.slds-button--neutral):visited {
color: white; }
.slds-theme--inverse a:not(.slds-button--neutral):hover, .slds-theme--inverse a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.slds-theme--inverse a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.slds-theme--inverse a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.slds-theme--alt-inverse {
background-color: #16325c;
color: white;
border-color: #16325c; }
.slds-theme--alt-inverse a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.slds-theme--alt-inverse a:not(.slds-button--neutral):link, .slds-theme--alt-inverse a:not(.slds-button--neutral):visited {
color: white; }
.slds-theme--alt-inverse a:not(.slds-button--neutral):hover, .slds-theme--alt-inverse a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.slds-theme--alt-inverse a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.slds-theme--alt-inverse a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.slds-theme--success {
color: white;
background-color: #04844b; }
.slds-theme--success a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.slds-theme--success a:not(.slds-button--neutral):link, .slds-theme--success a:not(.slds-button--neutral):visited {
color: white; }
.slds-theme--success a:not(.slds-button--neutral):hover, .slds-theme--success a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.slds-theme--success a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.slds-theme--success a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.slds-theme--info {
color: white;
background-color: #54698d; }
.slds-theme--info a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.slds-theme--info a:not(.slds-button--neutral):link, .slds-theme--info a:not(.slds-button--neutral):visited {
color: white; }
.slds-theme--info a:not(.slds-button--neutral):hover, .slds-theme--info a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.slds-theme--info a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.slds-theme--info a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.slds-theme--warning {
background-color: #ffb75d;
color: #16325c; }
.slds-theme--warning .slds-button__icon {
fill: #54698d; }
.slds-theme--error {
color: white;
background-color: #c23934; }
.slds-theme--error a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.slds-theme--error a:not(.slds-button--neutral):link, .slds-theme--error a:not(.slds-button--neutral):visited {
color: white; }
.slds-theme--error a:not(.slds-button--neutral):hover, .slds-theme--error a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.slds-theme--error a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.slds-theme--error a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.slds-theme--offline {
color: white;
background-color: #444; }
.slds-theme--offline a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.slds-theme--offline a:not(.slds-button--neutral):link, .slds-theme--offline a:not(.slds-button--neutral):visited {
color: white; }
.slds-theme--offline a:not(.slds-button--neutral):hover, .slds-theme--offline a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.slds-theme--offline a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.slds-theme--offline a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.slds-theme--alert-texture {
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.025) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.025) 50%, rgba(0, 0, 0, 0.025) 75%, transparent 75%, transparent);
background-size: 64px 64px; }
.slds-theme--inverse-text {
color: white; }
.slds-theme--inverse-text a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.slds-theme--inverse-text a:not(.slds-button--neutral):link, .slds-theme--inverse-text a:not(.slds-button--neutral):visited {
color: white; }
.slds-theme--inverse-text a:not(.slds-button--neutral):hover, .slds-theme--inverse-text a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.slds-theme--inverse-text a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.slds-theme--inverse-text a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.slds-theme--default .slds-text-body--small, .slds-theme--shade .slds-text-body--small, .slds-theme--inverse .slds-text-body--small, .slds-theme--alt-inverse .slds-text-body--small, .slds-theme--success .slds-text-body--small, .slds-theme--info .slds-text-body--small, .slds-theme--warning .slds-text-body--small, .slds-theme--error .slds-text-body--small, .slds-theme--offline .slds-text-body--small, .slds-theme--alert-texture .slds-text-body--small, .slds-theme--inverse-text .slds-text-body--small {
color: inherit; }
.slds-text-body--regular {
font-size: 0.8125rem; }
.slds-text-body--small {
font-size: 0.75rem;
color: #54698d; }
.slds-text-heading--large {
font-weight: 300;
font-size: 1.75rem;
line-height: 1.25; }
.slds-text-heading--medium {
font-weight: 300;
font-size: 1.25rem;
line-height: 1.25; }
.slds-text-heading--small {
font-size: 1rem;
line-height: 1.25; }
.slds-text-heading--label {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d;
text-transform: uppercase;
letter-spacing: 0.0625rem; }
.slds-text-heading--label-normal {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d; }
.slds-text-title {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d; }
.slds-text-title--caps {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d;
text-transform: uppercase;
letter-spacing: 0.0625rem; }
.slds-line-height--reset {
line-height: 1; }
.slds-text-color--default {
color: #16325c; }
.slds-text-color--weak {
color: #54698d; }
.slds-text-color--error {
color: #c23934; }
.slds-text-align--left {
text-align: left; }
.slds-text-align--center {
text-align: center; }
.slds-text-align--right {
text-align: right; }
.slds-text-longform h1,
.slds-text-longform h2,
.slds-text-longform h3,
.slds-text-longform p,
.slds-text-longform ul,
.slds-text-longform ol,
.slds-text-longform dl,
.slds-text-longform img {
margin-bottom: 0.75rem; }
.slds-text-longform ul {
margin-left: 1.5rem;
list-style: disc; }
.slds-text-longform ol {
margin-left: 1.5rem;
list-style: decimal; }
.slds-section {
margin-top: 0.5rem;
margin-bottom: 0.5rem; }
.slds-section__title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 1rem; }
.slds-section__title-action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f4f6f9;
cursor: pointer;
width: 100%;
text-align: left;
color: currentColor;
font-size: inherit;
padding: 0 0.5rem; }
.slds-section__title-action:hover, .slds-section__title-action:focus, .slds-section__title-action:active {
background: #eef1f6;
color: inherit; }
.slds-section__content {
visibility: hidden;
opacity: 0;
height: 0; }
.slds-section__title-action-icon {
transform: rotate(-90deg); }
.slds-section.slds-is-open .slds-section__title-action-icon {
transform: rotate(0deg);
transform-origin: 45%; }
.slds-section.slds-is-open .slds-section__content {
padding-top: 0.75rem;
visibility: visible;
opacity: 1;
height: auto; }
.slds-section-title {
font-size: 1rem; }
.slds-section-title > a {
display: inline-block;
color: #16325c; }
.slds-section-title > a:hover, .slds-section-title > a:focus {
color: #005fb2; }
.slds-section-title > a:focus {
box-shadow: 0 0 3px #0070D2; }
.slds-section-title > a:active {
color: #16325c; }
.slds-section-title .slds-icon {
width: 1rem;
height: 1rem;
fill: currentColor; }
.slds-section-title .slds-section-group--is-closed .slds-icon {
transform: rotate(-90deg); }
.slds-section-title--divider {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d;
text-transform: uppercase;
letter-spacing: 0.0625rem;
padding: 0.75rem 1rem;
background: #f4f6f9; }
.slds-scrollable {
-webkit-overflow-scrolling: touch;
overflow: auto; }
.slds-scrollable::-webkit-scrollbar {
width: 10px;
height: 10px; }
.slds-scrollable::-webkit-scrollbar:window-inactive {
opacity: 0; }
.slds-scrollable::-webkit-scrollbar-thumb {
background: #e0e5ee;
border-radius: 0.5rem;
box-shadow: #a8b7c7 0 0 0 1px inset; }
.slds-scrollable::-webkit-scrollbar-track {
background: #a8b7c7; }
.slds-scrollable--y {
-webkit-overflow-scrolling: touch;
max-height: 100%;
overflow: hidden;
overflow-y: auto; }
.slds-scrollable--y::-webkit-scrollbar {
width: 10px;
height: 10px; }
.slds-scrollable--y::-webkit-scrollbar:window-inactive {
opacity: 0; }
.slds-scrollable--y::-webkit-scrollbar-thumb {
background: #e0e5ee;
border-radius: 0.5rem;
box-shadow: #a8b7c7 0 0 0 1px inset; }
.slds-scrollable--y::-webkit-scrollbar-track {
background: #a8b7c7; }
.slds-scrollable--x {
-webkit-overflow-scrolling: touch;
max-width: 100%;
overflow: hidden;
overflow-x: auto; }
.slds-scrollable--x::-webkit-scrollbar {
width: 10px;
height: 10px; }
.slds-scrollable--x::-webkit-scrollbar:window-inactive {
opacity: 0; }
.slds-scrollable--x::-webkit-scrollbar-thumb {
background: #e0e5ee;
border-radius: 0.5rem;
box-shadow: #a8b7c7 0 0 0 1px inset; }
.slds-scrollable--x::-webkit-scrollbar-track {
background: #a8b7c7; }
.slds-size--xx-small {
width: 6rem; }
.slds-size--x-small {
width: 12rem; }
.slds-size--small {
width: 15rem; }
.slds-size--medium {
width: 20rem; }
.slds-size--large {
width: 25rem; }
.slds-size--x-large {
width: 40rem; }
.slds-size--xx-large {
width: 60rem; }
.slds-size--1-of-1 {
width: 100%; }
.slds-size--1-of-2 {
width: 50%; }
.slds-size--2-of-2 {
width: 100%; }
.slds-size--1-of-3 {
width: 33.3333333333%; }
.slds-size--2-of-3 {
width: 66.6666666667%; }
.slds-size--3-of-3 {
width: 100%; }
.slds-size--1-of-4 {
width: 25%; }
.slds-size--2-of-4 {
width: 50%; }
.slds-size--3-of-4 {
width: 75%; }
.slds-size--4-of-4 {
width: 100%; }
.slds-size--1-of-5 {
width: 20%; }
.slds-size--2-of-5 {
width: 40%; }
.slds-size--3-of-5 {
width: 60%; }
.slds-size--4-of-5 {
width: 80%; }
.slds-size--5-of-5 {
width: 100%; }
.slds-size--1-of-6 {
width: 16.6666666667%; }
.slds-size--2-of-6 {
width: 33.3333333333%; }
.slds-size--3-of-6 {
width: 50%; }
.slds-size--4-of-6 {
width: 66.6666666667%; }
.slds-size--5-of-6 {
width: 83.3333333333%; }
.slds-size--6-of-6 {
width: 100%; }
.slds-size--1-of-7 {
width: 14.2857142857%; }
.slds-size--2-of-7 {
width: 28.5714285714%; }
.slds-size--3-of-7 {
width: 42.8571428571%; }
.slds-size--4-of-7 {
width: 57.1428571429%; }
.slds-size--5-of-7 {
width: 71.4285714286%; }
.slds-size--6-of-7 {
width: 85.7142857143%; }
.slds-size--7-of-7 {
width: 100%; }
.slds-size--1-of-8 {
width: 12.5%; }
.slds-size--2-of-8 {
width: 25%; }
.slds-size--3-of-8 {
width: 37.5%; }
.slds-size--4-of-8 {
width: 50%; }
.slds-size--5-of-8 {
width: 62.5%; }
.slds-size--6-of-8 {
width: 75%; }
.slds-size--7-of-8 {
width: 87.5%; }
.slds-size--8-of-8 {
width: 100%; }
.slds-size--1-of-12 {
width: 8.3333333333%; }
.slds-size--2-of-12 {
width: 16.6666666667%; }
.slds-size--3-of-12 {
width: 25%; }
.slds-size--4-of-12 {
width: 33.3333333333%; }
.slds-size--5-of-12 {
width: 41.6666666667%; }
.slds-size--6-of-12 {
width: 50%; }
.slds-size--7-of-12 {
width: 58.3333333333%; }
.slds-size--8-of-12 {
width: 66.6666666667%; }
.slds-size--9-of-12 {
width: 75%; }
.slds-size--10-of-12 {
width: 83.3333333333%; }
.slds-size--11-of-12 {
width: 91.6666666667%; }
.slds-size--12-of-12 {
width: 100%; }
.slds-order--1 {
-ms-flex-order: 1;
order: 1; }
.slds-order--2 {
-ms-flex-order: 2;
order: 2; }
.slds-order--3 {
-ms-flex-order: 3;
order: 3; }
.slds-order--4 {
-ms-flex-order: 4;
order: 4; }
.slds-order--5 {
-ms-flex-order: 5;
order: 5; }
.slds-order--6 {
-ms-flex-order: 6;
order: 6; }
.slds-order--7 {
-ms-flex-order: 7;
order: 7; }
.slds-order--8 {
-ms-flex-order: 8;
order: 8; }
.slds-order--9 {
-ms-flex-order: 9;
order: 9; }
.slds-order--10 {
-ms-flex-order: 10;
order: 10; }
.slds-order--11 {
-ms-flex-order: 11;
order: 11; }
.slds-order--12 {
-ms-flex-order: 12;
order: 12; }
@media (min-width: 20em) {
.slds-x-small-size--xx-small {
width: 6rem; }
.slds-x-small-size--x-small {
width: 12rem; }
.slds-x-small-size--small {
width: 15rem; }
.slds-x-small-size--medium {
width: 20rem; }
.slds-x-small-size--large {
width: 25rem; }
.slds-x-small-size--x-large {
width: 40rem; }
.slds-x-small-size--xx-large {
width: 60rem; }
.slds-x-small-size--1-of-1 {
width: 100%; }
.slds-x-small-size--1-of-2 {
width: 50%; }
.slds-x-small-size--2-of-2 {
width: 100%; }
.slds-x-small-size--1-of-3 {
width: 33.3333333333%; }
.slds-x-small-size--2-of-3 {
width: 66.6666666667%; }
.slds-x-small-size--3-of-3 {
width: 100%; }
.slds-x-small-size--1-of-4 {
width: 25%; }
.slds-x-small-size--2-of-4 {
width: 50%; }
.slds-x-small-size--3-of-4 {
width: 75%; }
.slds-x-small-size--4-of-4 {
width: 100%; }
.slds-x-small-size--1-of-5 {
width: 20%; }
.slds-x-small-size--2-of-5 {
width: 40%; }
.slds-x-small-size--3-of-5 {
width: 60%; }
.slds-x-small-size--4-of-5 {
width: 80%; }
.slds-x-small-size--5-of-5 {
width: 100%; }
.slds-x-small-size--1-of-6 {
width: 16.6666666667%; }
.slds-x-small-size--2-of-6 {
width: 33.3333333333%; }
.slds-x-small-size--3-of-6 {
width: 50%; }
.slds-x-small-size--4-of-6 {
width: 66.6666666667%; }
.slds-x-small-size--5-of-6 {
width: 83.3333333333%; }
.slds-x-small-size--6-of-6 {
width: 100%; }
.slds-x-small-size--1-of-7 {
width: 14.2857142857%; }
.slds-x-small-size--2-of-7 {
width: 28.5714285714%; }
.slds-x-small-size--3-of-7 {
width: 42.8571428571%; }
.slds-x-small-size--4-of-7 {
width: 57.1428571429%; }
.slds-x-small-size--5-of-7 {
width: 71.4285714286%; }
.slds-x-small-size--6-of-7 {
width: 85.7142857143%; }
.slds-x-small-size--7-of-7 {
width: 100%; }
.slds-x-small-size--1-of-8 {
width: 12.5%; }
.slds-x-small-size--2-of-8 {
width: 25%; }
.slds-x-small-size--3-of-8 {
width: 37.5%; }
.slds-x-small-size--4-of-8 {
width: 50%; }
.slds-x-small-size--5-of-8 {
width: 62.5%; }
.slds-x-small-size--6-of-8 {
width: 75%; }
.slds-x-small-size--7-of-8 {
width: 87.5%; }
.slds-x-small-size--8-of-8 {
width: 100%; }
.slds-x-small-size--1-of-12 {
width: 8.3333333333%; }
.slds-x-small-size--2-of-12 {
width: 16.6666666667%; }
.slds-x-small-size--3-of-12 {
width: 25%; }
.slds-x-small-size--4-of-12 {
width: 33.3333333333%; }
.slds-x-small-size--5-of-12 {
width: 41.6666666667%; }
.slds-x-small-size--6-of-12 {
width: 50%; }
.slds-x-small-size--7-of-12 {
width: 58.3333333333%; }
.slds-x-small-size--8-of-12 {
width: 66.6666666667%; }
.slds-x-small-size--9-of-12 {
width: 75%; }
.slds-x-small-size--10-of-12 {
width: 83.3333333333%; }
.slds-x-small-size--11-of-12 {
width: 91.6666666667%; }
.slds-x-small-size--12-of-12 {
width: 100%; }
.slds-x-small-order--1 {
-ms-flex-order: 1;
order: 1; }
.slds-x-small-order--2 {
-ms-flex-order: 2;
order: 2; }
.slds-x-small-order--3 {
-ms-flex-order: 3;
order: 3; }
.slds-x-small-order--4 {
-ms-flex-order: 4;
order: 4; }
.slds-x-small-order--5 {
-ms-flex-order: 5;
order: 5; }
.slds-x-small-order--6 {
-ms-flex-order: 6;
order: 6; }
.slds-x-small-order--7 {
-ms-flex-order: 7;
order: 7; }
.slds-x-small-order--8 {
-ms-flex-order: 8;
order: 8; }
.slds-x-small-order--9 {
-ms-flex-order: 9;
order: 9; }
.slds-x-small-order--10 {
-ms-flex-order: 10;
order: 10; }
.slds-x-small-order--11 {
-ms-flex-order: 11;
order: 11; }
.slds-x-small-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (max-width: 20em) {
.slds-max-x-small-size--xx-small {
width: 6rem; }
.slds-max-x-small-size--x-small {
width: 12rem; }
.slds-max-x-small-size--small {
width: 15rem; }
.slds-max-x-small-size--medium {
width: 20rem; }
.slds-max-x-small-size--large {
width: 25rem; }
.slds-max-x-small-size--x-large {
width: 40rem; }
.slds-max-x-small-size--xx-large {
width: 60rem; }
.slds-max-x-small-size--1-of-1 {
width: 100%; }
.slds-max-x-small-size--1-of-2 {
width: 50%; }
.slds-max-x-small-size--2-of-2 {
width: 100%; }
.slds-max-x-small-size--1-of-3 {
width: 33.3333333333%; }
.slds-max-x-small-size--2-of-3 {
width: 66.6666666667%; }
.slds-max-x-small-size--3-of-3 {
width: 100%; }
.slds-max-x-small-size--1-of-4 {
width: 25%; }
.slds-max-x-small-size--2-of-4 {
width: 50%; }
.slds-max-x-small-size--3-of-4 {
width: 75%; }
.slds-max-x-small-size--4-of-4 {
width: 100%; }
.slds-max-x-small-size--1-of-5 {
width: 20%; }
.slds-max-x-small-size--2-of-5 {
width: 40%; }
.slds-max-x-small-size--3-of-5 {
width: 60%; }
.slds-max-x-small-size--4-of-5 {
width: 80%; }
.slds-max-x-small-size--5-of-5 {
width: 100%; }
.slds-max-x-small-size--1-of-6 {
width: 16.6666666667%; }
.slds-max-x-small-size--2-of-6 {
width: 33.3333333333%; }
.slds-max-x-small-size--3-of-6 {
width: 50%; }
.slds-max-x-small-size--4-of-6 {
width: 66.6666666667%; }
.slds-max-x-small-size--5-of-6 {
width: 83.3333333333%; }
.slds-max-x-small-size--6-of-6 {
width: 100%; }
.slds-max-x-small-size--1-of-7 {
width: 14.2857142857%; }
.slds-max-x-small-size--2-of-7 {
width: 28.5714285714%; }
.slds-max-x-small-size--3-of-7 {
width: 42.8571428571%; }
.slds-max-x-small-size--4-of-7 {
width: 57.1428571429%; }
.slds-max-x-small-size--5-of-7 {
width: 71.4285714286%; }
.slds-max-x-small-size--6-of-7 {
width: 85.7142857143%; }
.slds-max-x-small-size--7-of-7 {
width: 100%; }
.slds-max-x-small-size--1-of-8 {
width: 12.5%; }
.slds-max-x-small-size--2-of-8 {
width: 25%; }
.slds-max-x-small-size--3-of-8 {
width: 37.5%; }
.slds-max-x-small-size--4-of-8 {
width: 50%; }
.slds-max-x-small-size--5-of-8 {
width: 62.5%; }
.slds-max-x-small-size--6-of-8 {
width: 75%; }
.slds-max-x-small-size--7-of-8 {
width: 87.5%; }
.slds-max-x-small-size--8-of-8 {
width: 100%; }
.slds-max-x-small-size--1-of-12 {
width: 8.3333333333%; }
.slds-max-x-small-size--2-of-12 {
width: 16.6666666667%; }
.slds-max-x-small-size--3-of-12 {
width: 25%; }
.slds-max-x-small-size--4-of-12 {
width: 33.3333333333%; }
.slds-max-x-small-size--5-of-12 {
width: 41.6666666667%; }
.slds-max-x-small-size--6-of-12 {
width: 50%; }
.slds-max-x-small-size--7-of-12 {
width: 58.3333333333%; }
.slds-max-x-small-size--8-of-12 {
width: 66.6666666667%; }
.slds-max-x-small-size--9-of-12 {
width: 75%; }
.slds-max-x-small-size--10-of-12 {
width: 83.3333333333%; }
.slds-max-x-small-size--11-of-12 {
width: 91.6666666667%; }
.slds-max-x-small-size--12-of-12 {
width: 100%; }
.slds-max-x-small-order--1 {
-ms-flex-order: 1;
order: 1; }
.slds-max-x-small-order--2 {
-ms-flex-order: 2;
order: 2; }
.slds-max-x-small-order--3 {
-ms-flex-order: 3;
order: 3; }
.slds-max-x-small-order--4 {
-ms-flex-order: 4;
order: 4; }
.slds-max-x-small-order--5 {
-ms-flex-order: 5;
order: 5; }
.slds-max-x-small-order--6 {
-ms-flex-order: 6;
order: 6; }
.slds-max-x-small-order--7 {
-ms-flex-order: 7;
order: 7; }
.slds-max-x-small-order--8 {
-ms-flex-order: 8;
order: 8; }
.slds-max-x-small-order--9 {
-ms-flex-order: 9;
order: 9; }
.slds-max-x-small-order--10 {
-ms-flex-order: 10;
order: 10; }
.slds-max-x-small-order--11 {
-ms-flex-order: 11;
order: 11; }
.slds-max-x-small-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (min-width: 30em) {
.slds-small-size--xx-small {
width: 6rem; }
.slds-small-size--x-small {
width: 12rem; }
.slds-small-size--small {
width: 15rem; }
.slds-small-size--medium {
width: 20rem; }
.slds-small-size--large {
width: 25rem; }
.slds-small-size--x-large {
width: 40rem; }
.slds-small-size--xx-large {
width: 60rem; }
.slds-small-size--1-of-1 {
width: 100%; }
.slds-small-size--1-of-2 {
width: 50%; }
.slds-small-size--2-of-2 {
width: 100%; }
.slds-small-size--1-of-3 {
width: 33.3333333333%; }
.slds-small-size--2-of-3 {
width: 66.6666666667%; }
.slds-small-size--3-of-3 {
width: 100%; }
.slds-small-size--1-of-4 {
width: 25%; }
.slds-small-size--2-of-4 {
width: 50%; }
.slds-small-size--3-of-4 {
width: 75%; }
.slds-small-size--4-of-4 {
width: 100%; }
.slds-small-size--1-of-5 {
width: 20%; }
.slds-small-size--2-of-5 {
width: 40%; }
.slds-small-size--3-of-5 {
width: 60%; }
.slds-small-size--4-of-5 {
width: 80%; }
.slds-small-size--5-of-5 {
width: 100%; }
.slds-small-size--1-of-6 {
width: 16.6666666667%; }
.slds-small-size--2-of-6 {
width: 33.3333333333%; }
.slds-small-size--3-of-6 {
width: 50%; }
.slds-small-size--4-of-6 {
width: 66.6666666667%; }
.slds-small-size--5-of-6 {
width: 83.3333333333%; }
.slds-small-size--6-of-6 {
width: 100%; }
.slds-small-size--1-of-7 {
width: 14.2857142857%; }
.slds-small-size--2-of-7 {
width: 28.5714285714%; }
.slds-small-size--3-of-7 {
width: 42.8571428571%; }
.slds-small-size--4-of-7 {
width: 57.1428571429%; }
.slds-small-size--5-of-7 {
width: 71.4285714286%; }
.slds-small-size--6-of-7 {
width: 85.7142857143%; }
.slds-small-size--7-of-7 {
width: 100%; }
.slds-small-size--1-of-8 {
width: 12.5%; }
.slds-small-size--2-of-8 {
width: 25%; }
.slds-small-size--3-of-8 {
width: 37.5%; }
.slds-small-size--4-of-8 {
width: 50%; }
.slds-small-size--5-of-8 {
width: 62.5%; }
.slds-small-size--6-of-8 {
width: 75%; }
.slds-small-size--7-of-8 {
width: 87.5%; }
.slds-small-size--8-of-8 {
width: 100%; }
.slds-small-size--1-of-12 {
width: 8.3333333333%; }
.slds-small-size--2-of-12 {
width: 16.6666666667%; }
.slds-small-size--3-of-12 {
width: 25%; }
.slds-small-size--4-of-12 {
width: 33.3333333333%; }
.slds-small-size--5-of-12 {
width: 41.6666666667%; }
.slds-small-size--6-of-12 {
width: 50%; }
.slds-small-size--7-of-12 {
width: 58.3333333333%; }
.slds-small-size--8-of-12 {
width: 66.6666666667%; }
.slds-small-size--9-of-12 {
width: 75%; }
.slds-small-size--10-of-12 {
width: 83.3333333333%; }
.slds-small-size--11-of-12 {
width: 91.6666666667%; }
.slds-small-size--12-of-12 {
width: 100%; }
.slds-small-order--1 {
-ms-flex-order: 1;
order: 1; }
.slds-small-order--2 {
-ms-flex-order: 2;
order: 2; }
.slds-small-order--3 {
-ms-flex-order: 3;
order: 3; }
.slds-small-order--4 {
-ms-flex-order: 4;
order: 4; }
.slds-small-order--5 {
-ms-flex-order: 5;
order: 5; }
.slds-small-order--6 {
-ms-flex-order: 6;
order: 6; }
.slds-small-order--7 {
-ms-flex-order: 7;
order: 7; }
.slds-small-order--8 {
-ms-flex-order: 8;
order: 8; }
.slds-small-order--9 {
-ms-flex-order: 9;
order: 9; }
.slds-small-order--10 {
-ms-flex-order: 10;
order: 10; }
.slds-small-order--11 {
-ms-flex-order: 11;
order: 11; }
.slds-small-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (max-width: 30em) {
.slds-max-small-size--xx-small {
width: 6rem; }
.slds-max-small-size--x-small {
width: 12rem; }
.slds-max-small-size--small {
width: 15rem; }
.slds-max-small-size--medium {
width: 20rem; }
.slds-max-small-size--large {
width: 25rem; }
.slds-max-small-size--x-large {
width: 40rem; }
.slds-max-small-size--xx-large {
width: 60rem; }
.slds-max-small-size--1-of-1 {
width: 100%; }
.slds-max-small-size--1-of-2 {
width: 50%; }
.slds-max-small-size--2-of-2 {
width: 100%; }
.slds-max-small-size--1-of-3 {
width: 33.3333333333%; }
.slds-max-small-size--2-of-3 {
width: 66.6666666667%; }
.slds-max-small-size--3-of-3 {
width: 100%; }
.slds-max-small-size--1-of-4 {
width: 25%; }
.slds-max-small-size--2-of-4 {
width: 50%; }
.slds-max-small-size--3-of-4 {
width: 75%; }
.slds-max-small-size--4-of-4 {
width: 100%; }
.slds-max-small-size--1-of-5 {
width: 20%; }
.slds-max-small-size--2-of-5 {
width: 40%; }
.slds-max-small-size--3-of-5 {
width: 60%; }
.slds-max-small-size--4-of-5 {
width: 80%; }
.slds-max-small-size--5-of-5 {
width: 100%; }
.slds-max-small-size--1-of-6 {
width: 16.6666666667%; }
.slds-max-small-size--2-of-6 {
width: 33.3333333333%; }
.slds-max-small-size--3-of-6 {
width: 50%; }
.slds-max-small-size--4-of-6 {
width: 66.6666666667%; }
.slds-max-small-size--5-of-6 {
width: 83.3333333333%; }
.slds-max-small-size--6-of-6 {
width: 100%; }
.slds-max-small-size--1-of-7 {
width: 14.2857142857%; }
.slds-max-small-size--2-of-7 {
width: 28.5714285714%; }
.slds-max-small-size--3-of-7 {
width: 42.8571428571%; }
.slds-max-small-size--4-of-7 {
width: 57.1428571429%; }
.slds-max-small-size--5-of-7 {
width: 71.4285714286%; }
.slds-max-small-size--6-of-7 {
width: 85.7142857143%; }
.slds-max-small-size--7-of-7 {
width: 100%; }
.slds-max-small-size--1-of-8 {
width: 12.5%; }
.slds-max-small-size--2-of-8 {
width: 25%; }
.slds-max-small-size--3-of-8 {
width: 37.5%; }
.slds-max-small-size--4-of-8 {
width: 50%; }
.slds-max-small-size--5-of-8 {
width: 62.5%; }
.slds-max-small-size--6-of-8 {
width: 75%; }
.slds-max-small-size--7-of-8 {
width: 87.5%; }
.slds-max-small-size--8-of-8 {
width: 100%; }
.slds-max-small-size--1-of-12 {
width: 8.3333333333%; }
.slds-max-small-size--2-of-12 {
width: 16.6666666667%; }
.slds-max-small-size--3-of-12 {
width: 25%; }
.slds-max-small-size--4-of-12 {
width: 33.3333333333%; }
.slds-max-small-size--5-of-12 {
width: 41.6666666667%; }
.slds-max-small-size--6-of-12 {
width: 50%; }
.slds-max-small-size--7-of-12 {
width: 58.3333333333%; }
.slds-max-small-size--8-of-12 {
width: 66.6666666667%; }
.slds-max-small-size--9-of-12 {
width: 75%; }
.slds-max-small-size--10-of-12 {
width: 83.3333333333%; }
.slds-max-small-size--11-of-12 {
width: 91.6666666667%; }
.slds-max-small-size--12-of-12 {
width: 100%; }
.slds-max-small-order--1 {
-ms-flex-order: 1;
order: 1; }
.slds-max-small-order--2 {
-ms-flex-order: 2;
order: 2; }
.slds-max-small-order--3 {
-ms-flex-order: 3;
order: 3; }
.slds-max-small-order--4 {
-ms-flex-order: 4;
order: 4; }
.slds-max-small-order--5 {
-ms-flex-order: 5;
order: 5; }
.slds-max-small-order--6 {
-ms-flex-order: 6;
order: 6; }
.slds-max-small-order--7 {
-ms-flex-order: 7;
order: 7; }
.slds-max-small-order--8 {
-ms-flex-order: 8;
order: 8; }
.slds-max-small-order--9 {
-ms-flex-order: 9;
order: 9; }
.slds-max-small-order--10 {
-ms-flex-order: 10;
order: 10; }
.slds-max-small-order--11 {
-ms-flex-order: 11;
order: 11; }
.slds-max-small-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (min-width: 48em) {
.slds-medium-size--xx-small {
width: 6rem; }
.slds-medium-size--x-small {
width: 12rem; }
.slds-medium-size--small {
width: 15rem; }
.slds-medium-size--medium {
width: 20rem; }
.slds-medium-size--large {
width: 25rem; }
.slds-medium-size--x-large {
width: 40rem; }
.slds-medium-size--xx-large {
width: 60rem; }
.slds-medium-size--1-of-1 {
width: 100%; }
.slds-medium-size--1-of-2 {
width: 50%; }
.slds-medium-size--2-of-2 {
width: 100%; }
.slds-medium-size--1-of-3 {
width: 33.3333333333%; }
.slds-medium-size--2-of-3 {
width: 66.6666666667%; }
.slds-medium-size--3-of-3 {
width: 100%; }
.slds-medium-size--1-of-4 {
width: 25%; }
.slds-medium-size--2-of-4 {
width: 50%; }
.slds-medium-size--3-of-4 {
width: 75%; }
.slds-medium-size--4-of-4 {
width: 100%; }
.slds-medium-size--1-of-5 {
width: 20%; }
.slds-medium-size--2-of-5 {
width: 40%; }
.slds-medium-size--3-of-5 {
width: 60%; }
.slds-medium-size--4-of-5 {
width: 80%; }
.slds-medium-size--5-of-5 {
width: 100%; }
.slds-medium-size--1-of-6 {
width: 16.6666666667%; }
.slds-medium-size--2-of-6 {
width: 33.3333333333%; }
.slds-medium-size--3-of-6 {
width: 50%; }
.slds-medium-size--4-of-6 {
width: 66.6666666667%; }
.slds-medium-size--5-of-6 {
width: 83.3333333333%; }
.slds-medium-size--6-of-6 {
width: 100%; }
.slds-medium-size--1-of-7 {
width: 14.2857142857%; }
.slds-medium-size--2-of-7 {
width: 28.5714285714%; }
.slds-medium-size--3-of-7 {
width: 42.8571428571%; }
.slds-medium-size--4-of-7 {
width: 57.1428571429%; }
.slds-medium-size--5-of-7 {
width: 71.4285714286%; }
.slds-medium-size--6-of-7 {
width: 85.7142857143%; }
.slds-medium-size--7-of-7 {
width: 100%; }
.slds-medium-size--1-of-8 {
width: 12.5%; }
.slds-medium-size--2-of-8 {
width: 25%; }
.slds-medium-size--3-of-8 {
width: 37.5%; }
.slds-medium-size--4-of-8 {
width: 50%; }
.slds-medium-size--5-of-8 {
width: 62.5%; }
.slds-medium-size--6-of-8 {
width: 75%; }
.slds-medium-size--7-of-8 {
width: 87.5%; }
.slds-medium-size--8-of-8 {
width: 100%; }
.slds-medium-size--1-of-12 {
width: 8.3333333333%; }
.slds-medium-size--2-of-12 {
width: 16.6666666667%; }
.slds-medium-size--3-of-12 {
width: 25%; }
.slds-medium-size--4-of-12 {
width: 33.3333333333%; }
.slds-medium-size--5-of-12 {
width: 41.6666666667%; }
.slds-medium-size--6-of-12 {
width: 50%; }
.slds-medium-size--7-of-12 {
width: 58.3333333333%; }
.slds-medium-size--8-of-12 {
width: 66.6666666667%; }
.slds-medium-size--9-of-12 {
width: 75%; }
.slds-medium-size--10-of-12 {
width: 83.3333333333%; }
.slds-medium-size--11-of-12 {
width: 91.6666666667%; }
.slds-medium-size--12-of-12 {
width: 100%; }
.slds-medium-order--1 {
-ms-flex-order: 1;
order: 1; }
.slds-medium-order--2 {
-ms-flex-order: 2;
order: 2; }
.slds-medium-order--3 {
-ms-flex-order: 3;
order: 3; }
.slds-medium-order--4 {
-ms-flex-order: 4;
order: 4; }
.slds-medium-order--5 {
-ms-flex-order: 5;
order: 5; }
.slds-medium-order--6 {
-ms-flex-order: 6;
order: 6; }
.slds-medium-order--7 {
-ms-flex-order: 7;
order: 7; }
.slds-medium-order--8 {
-ms-flex-order: 8;
order: 8; }
.slds-medium-order--9 {
-ms-flex-order: 9;
order: 9; }
.slds-medium-order--10 {
-ms-flex-order: 10;
order: 10; }
.slds-medium-order--11 {
-ms-flex-order: 11;
order: 11; }
.slds-medium-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (max-width: 48em) {
.slds-max-medium-size--xx-small {
width: 6rem; }
.slds-max-medium-size--x-small {
width: 12rem; }
.slds-max-medium-size--small {
width: 15rem; }
.slds-max-medium-size--medium {
width: 20rem; }
.slds-max-medium-size--large {
width: 25rem; }
.slds-max-medium-size--x-large {
width: 40rem; }
.slds-max-medium-size--xx-large {
width: 60rem; }
.slds-max-medium-size--1-of-1 {
width: 100%; }
.slds-max-medium-size--1-of-2 {
width: 50%; }
.slds-max-medium-size--2-of-2 {
width: 100%; }
.slds-max-medium-size--1-of-3 {
width: 33.3333333333%; }
.slds-max-medium-size--2-of-3 {
width: 66.6666666667%; }
.slds-max-medium-size--3-of-3 {
width: 100%; }
.slds-max-medium-size--1-of-4 {
width: 25%; }
.slds-max-medium-size--2-of-4 {
width: 50%; }
.slds-max-medium-size--3-of-4 {
width: 75%; }
.slds-max-medium-size--4-of-4 {
width: 100%; }
.slds-max-medium-size--1-of-5 {
width: 20%; }
.slds-max-medium-size--2-of-5 {
width: 40%; }
.slds-max-medium-size--3-of-5 {
width: 60%; }
.slds-max-medium-size--4-of-5 {
width: 80%; }
.slds-max-medium-size--5-of-5 {
width: 100%; }
.slds-max-medium-size--1-of-6 {
width: 16.6666666667%; }
.slds-max-medium-size--2-of-6 {
width: 33.3333333333%; }
.slds-max-medium-size--3-of-6 {
width: 50%; }
.slds-max-medium-size--4-of-6 {
width: 66.6666666667%; }
.slds-max-medium-size--5-of-6 {
width: 83.3333333333%; }
.slds-max-medium-size--6-of-6 {
width: 100%; }
.slds-max-medium-size--1-of-7 {
width: 14.2857142857%; }
.slds-max-medium-size--2-of-7 {
width: 28.5714285714%; }
.slds-max-medium-size--3-of-7 {
width: 42.8571428571%; }
.slds-max-medium-size--4-of-7 {
width: 57.1428571429%; }
.slds-max-medium-size--5-of-7 {
width: 71.4285714286%; }
.slds-max-medium-size--6-of-7 {
width: 85.7142857143%; }
.slds-max-medium-size--7-of-7 {
width: 100%; }
.slds-max-medium-size--1-of-8 {
width: 12.5%; }
.slds-max-medium-size--2-of-8 {
width: 25%; }
.slds-max-medium-size--3-of-8 {
width: 37.5%; }
.slds-max-medium-size--4-of-8 {
width: 50%; }
.slds-max-medium-size--5-of-8 {
width: 62.5%; }
.slds-max-medium-size--6-of-8 {
width: 75%; }
.slds-max-medium-size--7-of-8 {
width: 87.5%; }
.slds-max-medium-size--8-of-8 {
width: 100%; }
.slds-max-medium-size--1-of-12 {
width: 8.3333333333%; }
.slds-max-medium-size--2-of-12 {
width: 16.6666666667%; }
.slds-max-medium-size--3-of-12 {
width: 25%; }
.slds-max-medium-size--4-of-12 {
width: 33.3333333333%; }
.slds-max-medium-size--5-of-12 {
width: 41.6666666667%; }
.slds-max-medium-size--6-of-12 {
width: 50%; }
.slds-max-medium-size--7-of-12 {
width: 58.3333333333%; }
.slds-max-medium-size--8-of-12 {
width: 66.6666666667%; }
.slds-max-medium-size--9-of-12 {
width: 75%; }
.slds-max-medium-size--10-of-12 {
width: 83.3333333333%; }
.slds-max-medium-size--11-of-12 {
width: 91.6666666667%; }
.slds-max-medium-size--12-of-12 {
width: 100%; }
.slds-max-medium-order--1 {
-ms-flex-order: 1;
order: 1; }
.slds-max-medium-order--2 {
-ms-flex-order: 2;
order: 2; }
.slds-max-medium-order--3 {
-ms-flex-order: 3;
order: 3; }
.slds-max-medium-order--4 {
-ms-flex-order: 4;
order: 4; }
.slds-max-medium-order--5 {
-ms-flex-order: 5;
order: 5; }
.slds-max-medium-order--6 {
-ms-flex-order: 6;
order: 6; }
.slds-max-medium-order--7 {
-ms-flex-order: 7;
order: 7; }
.slds-max-medium-order--8 {
-ms-flex-order: 8;
order: 8; }
.slds-max-medium-order--9 {
-ms-flex-order: 9;
order: 9; }
.slds-max-medium-order--10 {
-ms-flex-order: 10;
order: 10; }
.slds-max-medium-order--11 {
-ms-flex-order: 11;
order: 11; }
.slds-max-medium-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (min-width: 64em) {
.slds-large-size--xx-small {
width: 6rem; }
.slds-large-size--x-small {
width: 12rem; }
.slds-large-size--small {
width: 15rem; }
.slds-large-size--medium {
width: 20rem; }
.slds-large-size--large {
width: 25rem; }
.slds-large-size--x-large {
width: 40rem; }
.slds-large-size--xx-large {
width: 60rem; }
.slds-large-size--1-of-1 {
width: 100%; }
.slds-large-size--1-of-2 {
width: 50%; }
.slds-large-size--2-of-2 {
width: 100%; }
.slds-large-size--1-of-3 {
width: 33.3333333333%; }
.slds-large-size--2-of-3 {
width: 66.6666666667%; }
.slds-large-size--3-of-3 {
width: 100%; }
.slds-large-size--1-of-4 {
width: 25%; }
.slds-large-size--2-of-4 {
width: 50%; }
.slds-large-size--3-of-4 {
width: 75%; }
.slds-large-size--4-of-4 {
width: 100%; }
.slds-large-size--1-of-5 {
width: 20%; }
.slds-large-size--2-of-5 {
width: 40%; }
.slds-large-size--3-of-5 {
width: 60%; }
.slds-large-size--4-of-5 {
width: 80%; }
.slds-large-size--5-of-5 {
width: 100%; }
.slds-large-size--1-of-6 {
width: 16.6666666667%; }
.slds-large-size--2-of-6 {
width: 33.3333333333%; }
.slds-large-size--3-of-6 {
width: 50%; }
.slds-large-size--4-of-6 {
width: 66.6666666667%; }
.slds-large-size--5-of-6 {
width: 83.3333333333%; }
.slds-large-size--6-of-6 {
width: 100%; }
.slds-large-size--1-of-7 {
width: 14.2857142857%; }
.slds-large-size--2-of-7 {
width: 28.5714285714%; }
.slds-large-size--3-of-7 {
width: 42.8571428571%; }
.slds-large-size--4-of-7 {
width: 57.1428571429%; }
.slds-large-size--5-of-7 {
width: 71.4285714286%; }
.slds-large-size--6-of-7 {
width: 85.7142857143%; }
.slds-large-size--7-of-7 {
width: 100%; }
.slds-large-size--1-of-8 {
width: 12.5%; }
.slds-large-size--2-of-8 {
width: 25%; }
.slds-large-size--3-of-8 {
width: 37.5%; }
.slds-large-size--4-of-8 {
width: 50%; }
.slds-large-size--5-of-8 {
width: 62.5%; }
.slds-large-size--6-of-8 {
width: 75%; }
.slds-large-size--7-of-8 {
width: 87.5%; }
.slds-large-size--8-of-8 {
width: 100%; }
.slds-large-size--1-of-12 {
width: 8.3333333333%; }
.slds-large-size--2-of-12 {
width: 16.6666666667%; }
.slds-large-size--3-of-12 {
width: 25%; }
.slds-large-size--4-of-12 {
width: 33.3333333333%; }
.slds-large-size--5-of-12 {
width: 41.6666666667%; }
.slds-large-size--6-of-12 {
width: 50%; }
.slds-large-size--7-of-12 {
width: 58.3333333333%; }
.slds-large-size--8-of-12 {
width: 66.6666666667%; }
.slds-large-size--9-of-12 {
width: 75%; }
.slds-large-size--10-of-12 {
width: 83.3333333333%; }
.slds-large-size--11-of-12 {
width: 91.6666666667%; }
.slds-large-size--12-of-12 {
width: 100%; }
.slds-large-order--1 {
-ms-flex-order: 1;
order: 1; }
.slds-large-order--2 {
-ms-flex-order: 2;
order: 2; }
.slds-large-order--3 {
-ms-flex-order: 3;
order: 3; }
.slds-large-order--4 {
-ms-flex-order: 4;
order: 4; }
.slds-large-order--5 {
-ms-flex-order: 5;
order: 5; }
.slds-large-order--6 {
-ms-flex-order: 6;
order: 6; }
.slds-large-order--7 {
-ms-flex-order: 7;
order: 7; }
.slds-large-order--8 {
-ms-flex-order: 8;
order: 8; }
.slds-large-order--9 {
-ms-flex-order: 9;
order: 9; }
.slds-large-order--10 {
-ms-flex-order: 10;
order: 10; }
.slds-large-order--11 {
-ms-flex-order: 11;
order: 11; }
.slds-large-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (max-width: 64em) {
.slds-max-large-size--xx-small {
width: 6rem; }
.slds-max-large-size--x-small {
width: 12rem; }
.slds-max-large-size--small {
width: 15rem; }
.slds-max-large-size--medium {
width: 20rem; }
.slds-max-large-size--large {
width: 25rem; }
.slds-max-large-size--x-large {
width: 40rem; }
.slds-max-large-size--xx-large {
width: 60rem; }
.slds-max-large-size--1-of-1 {
width: 100%; }
.slds-max-large-size--1-of-2 {
width: 50%; }
.slds-max-large-size--2-of-2 {
width: 100%; }
.slds-max-large-size--1-of-3 {
width: 33.3333333333%; }
.slds-max-large-size--2-of-3 {
width: 66.6666666667%; }
.slds-max-large-size--3-of-3 {
width: 100%; }
.slds-max-large-size--1-of-4 {
width: 25%; }
.slds-max-large-size--2-of-4 {
width: 50%; }
.slds-max-large-size--3-of-4 {
width: 75%; }
.slds-max-large-size--4-of-4 {
width: 100%; }
.slds-max-large-size--1-of-5 {
width: 20%; }
.slds-max-large-size--2-of-5 {
width: 40%; }
.slds-max-large-size--3-of-5 {
width: 60%; }
.slds-max-large-size--4-of-5 {
width: 80%; }
.slds-max-large-size--5-of-5 {
width: 100%; }
.slds-max-large-size--1-of-6 {
width: 16.6666666667%; }
.slds-max-large-size--2-of-6 {
width: 33.3333333333%; }
.slds-max-large-size--3-of-6 {
width: 50%; }
.slds-max-large-size--4-of-6 {
width: 66.6666666667%; }
.slds-max-large-size--5-of-6 {
width: 83.3333333333%; }
.slds-max-large-size--6-of-6 {
width: 100%; }
.slds-max-large-size--1-of-7 {
width: 14.2857142857%; }
.slds-max-large-size--2-of-7 {
width: 28.5714285714%; }
.slds-max-large-size--3-of-7 {
width: 42.8571428571%; }
.slds-max-large-size--4-of-7 {
width: 57.1428571429%; }
.slds-max-large-size--5-of-7 {
width: 71.4285714286%; }
.slds-max-large-size--6-of-7 {
width: 85.7142857143%; }
.slds-max-large-size--7-of-7 {
width: 100%; }
.slds-max-large-size--1-of-8 {
width: 12.5%; }
.slds-max-large-size--2-of-8 {
width: 25%; }
.slds-max-large-size--3-of-8 {
width: 37.5%; }
.slds-max-large-size--4-of-8 {
width: 50%; }
.slds-max-large-size--5-of-8 {
width: 62.5%; }
.slds-max-large-size--6-of-8 {
width: 75%; }
.slds-max-large-size--7-of-8 {
width: 87.5%; }
.slds-max-large-size--8-of-8 {
width: 100%; }
.slds-max-large-size--1-of-12 {
width: 8.3333333333%; }
.slds-max-large-size--2-of-12 {
width: 16.6666666667%; }
.slds-max-large-size--3-of-12 {
width: 25%; }
.slds-max-large-size--4-of-12 {
width: 33.3333333333%; }
.slds-max-large-size--5-of-12 {
width: 41.6666666667%; }
.slds-max-large-size--6-of-12 {
width: 50%; }
.slds-max-large-size--7-of-12 {
width: 58.3333333333%; }
.slds-max-large-size--8-of-12 {
width: 66.6666666667%; }
.slds-max-large-size--9-of-12 {
width: 75%; }
.slds-max-large-size--10-of-12 {
width: 83.3333333333%; }
.slds-max-large-size--11-of-12 {
width: 91.6666666667%; }
.slds-max-large-size--12-of-12 {
width: 100%; }
.slds-max-large-order--1 {
-ms-flex-order: 1;
order: 1; }
.slds-max-large-order--2 {
-ms-flex-order: 2;
order: 2; }
.slds-max-large-order--3 {
-ms-flex-order: 3;
order: 3; }
.slds-max-large-order--4 {
-ms-flex-order: 4;
order: 4; }
.slds-max-large-order--5 {
-ms-flex-order: 5;
order: 5; }
.slds-max-large-order--6 {
-ms-flex-order: 6;
order: 6; }
.slds-max-large-order--7 {
-ms-flex-order: 7;
order: 7; }
.slds-max-large-order--8 {
-ms-flex-order: 8;
order: 8; }
.slds-max-large-order--9 {
-ms-flex-order: 9;
order: 9; }
.slds-max-large-order--10 {
-ms-flex-order: 10;
order: 10; }
.slds-max-large-order--11 {
-ms-flex-order: 11;
order: 11; }
.slds-max-large-order--12 {
-ms-flex-order: 12;
order: 12; } }
.slds-is-relative {
position: relative; }
.slds-is-static {
position: static; }
.slds-hide {
display: none; }
.slds-show {
display: block; }
.slds-show--inline-block {
display: inline-block; }
.slds-show--inline {
display: inline; }
.slds-hidden {
visibility: hidden; }
.slds-visible {
visibility: visible; }
.slds-transition-hide {
opacity: 0; }
.slds-transition-show {
opacity: 1; }
.slds-is-collapsed {
height: 0;
overflow: hidden; }
.slds-collapsed {
height: 0;
overflow: hidden; }
.slds-is-expanded {
height: auto;
overflow: visible; }
.slds-expanded {
height: auto;
overflow: visible; }
.slds-assistive-text {
position: absolute !important;
margin: -1px !important;
border: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important; }
.slds-assistive-text--focus:focus {
margin: inherit !important;
border: inherit !important;
padding: inherit !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip: auto !important; }
.slds-x-small-show {
display: none; }
@media (min-width: 320px) {
.slds-x-small-show {
display: block; }
.slds-x-small-show--inline-block {
display: inline-block; }
.slds-x-small-show--inline {
display: inline; } }
.slds-x-small-show-only {
display: none; }
@media (min-width: 320px) and (max-width: 479px) {
.slds-x-small-show-only {
display: block; }
.slds-x-small-show-only--inline-block {
display: inline-block; }
.slds-x-small-show-only--inline {
display: inline; } }
@media (max-width: 479px) {
.slds-max-x-small-hide {
display: none; } }
.slds-small-show {
display: none; }
@media (min-width: 480px) {
.slds-small-show {
display: block; }
.slds-small-show--inline-block {
display: inline-block; }
.slds-small-show--inline {
display: inline; } }
.slds-small-show-only {
display: none; }
@media (min-width: 480px) and (max-width: 767px) {
.slds-small-show-only {
display: block; }
.slds-small-show-only--inline-block {
display: inline-block; }
.slds-small-show-only--inline {
display: inline; } }
@media (max-width: 767px) {
.slds-max-small-hide {
display: none; } }
.slds-medium-show {
display: none; }
@media (min-width: 768px) {
.slds-medium-show {
display: block; }
.slds-medium-show--inline-block {
display: inline-block; }
.slds-medium-show--inline {
display: inline; } }
.slds-medium-show-only {
display: none; }
@media (min-width: 768px) and (max-width: 1023px) {
.slds-medium-show-only {
display: block; }
.slds-medium-show-only--inline-block {
display: inline-block; }
.slds-medium-show-only--inline {
display: inline; } }
@media (max-width: 1023px) {
.slds-max-medium-hide {
display: none; } }
.slds-large-show {
display: none; }
@media (min-width: 1024px) {
.slds-large-show {
display: block; }
.slds-large-show--inline-block {
display: inline-block; }
.slds-large-show--inline {
display: inline; } }
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ''; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }