/*! Lightning Design System 1.0.5 */ /*! * Copyright (c) 2015, salesforce.com, inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution. * Neither the name of salesforce.com, inc. nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ @font-face { font-family: 'Salesforce Sans'; src: url("../fonts/webfonts/SalesforceSans-Light.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Light.woff") format("woff"); font-weight: 300; } @font-face { font-family: 'Salesforce Sans'; src: url("../fonts/webfonts/SalesforceSans-LightItalic.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-LightItalic.woff") format("woff"); font-style: italic; font-weight: 300; } @font-face { font-family: 'Salesforce Sans'; src: url("../fonts/webfonts/SalesforceSans-Regular.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Regular.woff") format("woff"); font-weight: 400; } @font-face { font-family: 'Salesforce Sans'; src: url("../fonts/webfonts/SalesforceSans-Italic.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Italic.woff") format("woff"); font-style: italic; font-weight: 400; } @font-face { font-family: 'Salesforce Sans'; src: url("../fonts/webfonts/SalesforceSans-Bold.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Bold.woff") format("woff"); font-weight: 700; } @font-face { font-family: 'Salesforce Sans'; src: url("../fonts/webfonts/SalesforceSans-BoldItalic.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-BoldItalic.woff") format("woff"); font-style: italic; font-weight: 700; } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } *, *:before, *:after { box-sizing: border-box; } ::-webkit-input-placeholder { color: #54698d; font-weight: 400; font-size: 0.875rem; } ::-moz-placeholder { color: #54698d; font-weight: 400; font-size: 0.875rem; } :-ms-input-placeholder { color: #54698d; font-weight: 400; font-size: 0.875rem; } ::placeholder { color: #54698d; font-weight: 400; font-size: 0.875rem; } ::-moz-selection { background: #faffbd; text-shadow: none; color: #16325c; } ::selection { background: #faffbd; text-shadow: none; color: #16325c; } html { font: 100%/1.5 "Salesforce Sans", Arial, sans-serif; background: white; color: #16325c; -webkit-tap-highlight-color: transparent; } body { font-size: 0.875rem; background: transparent; } h1, h2, h3, h4, h5, h6, p, ol, ul, dl, fieldset { margin: 0; padding: 0; } dd, figure { margin: 0; } abbr[title], fieldset, hr { border: 0; } hr { padding: 0; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: 1em; } ol, ul { list-style: none; } a { color: #0070d2; text-decoration: none; transition: color 0.1s linear; } a:hover, a:focus { text-decoration: underline; color: #005fb2; } a:focus { outline: thin dotted; outline: 5px auto #1589ee; outline-offset: -2px; } a:active { color: #00396b; } a, button { cursor: pointer; } b, strong, dfn { font-weight: 700; } mark { background-color: #faffbd; } abbr[title] { cursor: help; } input[type=search] { box-sizing: border-box; } table { width: 100%; } caption, th, td { text-align: left; } hr { display: block; margin: 2rem 0; border-top: 1px solid #d8dde6; height: 1px; clear: both; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } img { max-width: 100%; height: auto; } .slds-media--timeline { padding-bottom: 2rem; position: relative; } .slds-media--timeline:before { content: ''; background: #d8dde6; height: 100%; width: 2px; position: absolute; left: 1.125rem; top: 0; bottom: 0; margin-left: -1px; z-index: -1; } .slds-media--timeline:before { margin-left: -3px; } .slds-media--timeline .slds-timeline__icon { border: 2px solid #fff; } .slds-timeline__actions { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: center; align-items: center; } .slds-timeline__date { margin-bottom: 0.25rem; font-size: 0.75rem; color: #54698d; } .slds-timeline__media--call:before { background: #48c3cc; } .slds-timeline__media--email:before { background: #95aec5; } .slds-timeline__media--event:before { background: #eb7092; } .slds-timeline__media--task:before { background: #4bc076; } .slds-timeline__item { padding-left: 0.75rem; padding-right: 0.75rem; } .slds-breadcrumb .slds-list__item { position: relative; } .slds-breadcrumb .slds-list__item:before { content: '\003E'; position: absolute; left: -0.25rem; } .slds-breadcrumb .slds-list__item > a { display: block; padding: 0 0.5rem; } .slds-breadcrumb .slds-list__item > a:hover { text-decoration: none; } .slds-breadcrumb .slds-list__item:first-child > a { padding-left: 0; } .slds-breadcrumb .slds-list__item:first-child:before { content: ''; } .slds-button-group { display: -ms-flexbox; display: flex; } .slds-button-group .slds-button { border-radius: 0; } .slds-button-group .slds-button + .slds-button, .slds-button-group .slds-button + .slds-button--last .slds-button { margin-left: -1px; } .slds-button-group .slds-button:first-child { border-radius: 0.25rem 0 0 0.25rem; } .slds-button-group .slds-button:last-child { border-radius: 0 0.25rem 0.25rem 0; } .slds-button-group .slds-button:focus { z-index: 1; } .slds-button-group .slds-button:only-child { border-radius: 0.25rem; } .slds-button-group .slds-toggle-visibility:last-child[disabled] { display: none; } .slds-button-group + .slds-button-group, .slds-button-group + .slds-button { margin-left: 0.25rem; } .slds-button-group .slds-button--last .slds-button, .slds-button-group .slds-button.slds-button--last { border-radius: 0 0.25rem 0.25rem 0; } .slds-button { position: relative; display: inline-block; padding: 0; background: transparent; background-clip: padding-box; border: 0; border-radius: 0.25rem; color: #0070d2; font-size: inherit; line-height: 2.125rem; text-decoration: none; -webkit-appearance: none; white-space: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color 0.05s linear, background-color 0.05s linear; } .slds-button:hover, .slds-button:focus, .slds-button:active, .slds-button:visited { text-decoration: none; } .slds-button:hover, .slds-button:focus { color: #005fb2; } .slds-button:focus { outline: 0; box-shadow: 0 0 3px #0070D2; } .slds-button:active { color: #00396b; } .slds-button[disabled] { color: #d8dde6; } .slds-button:hover .slds-button__icon, .slds-button:focus .slds-button__icon, .slds-button:active .slds-button__icon, .slds-button[disabled] .slds-button__icon { fill: currentColor; } .slds-button + .slds-button-group { margin-left: 0.25rem; } .slds-button + .slds-button { margin-left: 0.25rem; } .slds-button-space-left { margin-left: 0.25rem; } a.slds-button { text-align: center; } a.slds-button:focus { outline: 0; box-shadow: 0 0 3px #0070D2; } .slds-button__icon--left { margin-right: 0.5rem; } .slds-button__icon--right { margin-left: 0.5rem; } .slds-button--small { line-height: 1.75rem; min-height: 2rem; } .slds-button--neutral { padding-left: 1rem; padding-right: 1rem; text-align: center; vertical-align: middle; border: 1px solid #d8dde6; background-color: white; } .slds-button--neutral:hover, .slds-button--neutral:focus { background-color: #f4f6f9; } .slds-button--neutral:active { background-color: #eef1f6; } .slds-button--neutral[disabled] { background-color: white; cursor: default; } .slds-button--hint { color: #9faab5; } .slds-button--hint:hover, .slds-button--hint:focus, .slds-button--hint:active { color: #0070d2; } .slds-hint-parent:hover .slds-button--hint, .slds-hint-parent:focus .slds-button--hint { color: #0070d2; } .slds-button--brand { padding-left: 1rem; padding-right: 1rem; text-align: center; vertical-align: middle; background-color: #0070d2; border: 1px solid #0070d2; color: white; } .slds-button--brand:link, .slds-button--brand:visited, .slds-button--brand:active { color: white; } .slds-button--brand:hover, .slds-button--brand:focus { background-color: #005fb2; color: white; } .slds-button--brand:active { background-color: #00396b; } .slds-button--brand[disabled] { background: #e0e5ee; border-color: transparent; color: white; } .slds-button--inverse { padding-left: 1rem; padding-right: 1rem; text-align: center; vertical-align: middle; border: 1px solid #d8dde6; background-color: transparent; } .slds-button--inverse:hover, .slds-button--inverse:focus { background-color: #f4f6f9; } .slds-button--inverse:active { background-color: #eef1f6; } .slds-button--inverse[disabled] { background-color: transparent; border-color: rgba(255, 255, 255, 0.15); } .slds-button--inverse, .slds-button--inverse:link, .slds-button--inverse:visited, .slds-button-group .slds-button--icon-inverse, .slds-button-group .slds-button--icon-inverse:link, .slds-button-group .slds-button--icon-inverse:visited { color: #e0e5ee; } .slds-button--inverse:hover, .slds-button--inverse:focus, .slds-button--inverse:active, .slds-button-group .slds-button--icon-inverse:hover, .slds-button-group .slds-button--icon-inverse:focus, .slds-button-group .slds-button--icon-inverse:active { color: #0070d2; } .slds-button--inverse:focus, .slds-button-group .slds-button--icon-inverse:focus { outline: none; box-shadow: 0 0 3px #E0E5EE; } .slds-button--inverse[disabled], .slds-button-group .slds-button--icon-inverse[disabled] { color: rgba(255, 255, 255, 0.15); } a.slds-button--inverse:focus { outline: none; box-shadow: 0 0 3px #E0E5EE; } .slds-button--destructive { padding-left: 1rem; padding-right: 1rem; text-align: center; vertical-align: middle; background-color: #c23934; border: 1px solid #c23934; color: white; } .slds-button--destructive:link, .slds-button--destructive:visited, .slds-button--destructive:active { color: white; } .slds-button--destructive:hover, .slds-button--destructive:focus { background-color: #a61a14; color: white; } .slds-button--destructive:active { background-color: #870500; border-color: #870500; } .slds-button--destructive[disabled] { background: #e0e5ee; border-color: transparent; color: white; } .slds-button--neutral.slds-is-selected { border-color: transparent; background-color: transparent; } .slds-button--neutral.slds-is-selected:hover:not([disabled]), .slds-button--neutral.slds-is-selected:focus:not([disabled]) { border: 1px solid #d8dde6; background-color: #f4f6f9; } .slds-button--neutral.slds-is-selected:active { background-color: #eef1f6; } .slds-button__icon--stateful { width: 0.75rem; height: 0.75rem; fill: currentColor; } .slds-button--inverse.slds-is-selected { border-color: transparent; } .slds-text-not-selected, .slds-text-selected, .slds-text-selected-focus, .slds-is-selected[disabled]:hover .slds-text-selected, .slds-is-selected[disabled]:focus .slds-text-selected { display: block; } .slds-not-selected .slds-text-selected, .slds-not-selected .slds-text-selected-focus, .slds-is-selected .slds-text-not-selected, .slds-is-selected:not(:hover):not(:focus) .slds-text-selected-focus, .slds-is-selected[disabled]:hover .slds-text-selected-focus, .slds-is-selected:hover .slds-text-selected, .slds-is-selected:focus .slds-text-selected { display: none; } .slds-button--icon, .slds-button--icon-container, .slds-button--icon-border, .slds-button--icon-border-filled, .slds-button--icon-more { line-height: 1; vertical-align: middle; color: #54698d; } .slds-button--icon-bare { line-height: 1; vertical-align: middle; color: #54698d; } .slds-button--icon-border[disabled]:hover, .slds-button--icon-border[disabled]:focus { background-color: transparent; } .slds-button--icon-border-filled, .slds-button--icon-border { border: 1px solid #d8dde6; } .slds-button--icon-border-filled:hover, .slds-button--icon-border-filled:focus, .slds-button--icon-border:hover, .slds-button--icon-border:focus { background-color: #f4f6f9; } .slds-button--icon-border-filled:active, .slds-button--icon-border:active { background-color: #eef1f6; } .slds-button--icon-container, .slds-button--icon-border, .slds-button--icon-border-filled { width: 2.25rem; height: 2.25rem; } .slds-button--icon-border-filled { background-color: white; } .slds-button--icon-border-filled[disabled] { border: 1px solid #d8dde6; background-color: white; } .slds-button--icon-more { line-height: 2.125rem; padding: 0 0.5rem; vertical-align: middle; border: 1px solid #d8dde6; } .slds-button--icon-more:hover, .slds-button--icon-more:focus { border: 1px solid #d8dde6; } .slds-button--icon-more:hover:hover, .slds-button--icon-more:hover:focus, .slds-button--icon-more:focus:hover, .slds-button--icon-more:focus:focus { background-color: #f4f6f9; } .slds-button--icon-more:hover:active, .slds-button--icon-more:focus:active { background-color: #eef1f6; } .slds-button--icon-more:hover .slds-button__icon, .slds-button--icon-more:focus .slds-button__icon { fill: #0070d2; } .slds-button--icon-more:active .slds-button__icon { fill: #00396b; } .slds-button--icon-more[disabled] { cursor: default; } .slds-button--icon-more[disabled] .slds-button__icon { fill: #d8dde6; } .slds-button--icon-inverse { color: white; } .slds-button--icon-inverse:hover, .slds-button--icon-inverse:focus { color: rgba(255, 255, 255, 0.75); } .slds-button--icon-inverse:active { color: rgba(255, 255, 255, 0.5); } .slds-button--icon-inverse[disabled] { color: rgba(255, 255, 255, 0.15); } .slds-button--icon-border.slds-is-selected { background-color: #0070d2; border: 1px solid #0070d2; color: white; } .slds-button--icon-border.slds-is-selected:link, .slds-button--icon-border.slds-is-selected:visited, .slds-button--icon-border.slds-is-selected:active { color: white; } .slds-button--icon-border.slds-is-selected:hover, .slds-button--icon-border.slds-is-selected:focus { background-color: #005fb2; color: white; } .slds-button--icon-border.slds-is-selected:active { background-color: #00396b; } .slds-button--icon-border.slds-is-selected .slds-button__icon { fill: white; } .slds-button--icon-border.slds-is-selected:hover .slds-button__icon, .slds-button--icon-border.slds-is-selected:focus .slds-button__icon { fill: white; } .slds-button--icon-small { width: 2rem; height: 2rem; line-height: 1.75rem; } .slds-button--icon-x-small { width: 1.25rem; height: 1.25rem; border-radius: 0.125rem; line-height: 1; } .slds-button--icon-x-small .slds-button__icon { width: 0.75rem; height: 0.75rem; } .slds-button__icon { width: 1rem; height: 1rem; fill: currentColor; } .slds-button__icon--large { width: 1.5rem; height: 1.5rem; } .slds-button__icon--small { width: 0.75rem; height: 0.75rem; } .slds-button__icon--x-small { width: 0.5rem; height: 0.5rem; } .slds-button__icon--hint { fill: #9faab5; } .slds-hint-parent:hover .slds-button__icon--hint, .slds-hint-parent:focus .slds-button__icon--hint { fill: #54698d; } .slds-icon_container, .slds-icon__container { display: inline-block; border-radius: 0.25rem; } .slds-icon_container--circle, .slds-icon__container--circle { padding: 0.5rem; border-radius: 50%; } .slds-icon { width: 2rem; height: 2rem; border-radius: 0.25rem; fill: white; } .slds-icon-action-change-owner { background-color: #54698d; } .slds-icon-action-share { background-color: #54698d; } .slds-icon-action-info { background-color: #54698d; } .slds-icon-action-upload { background-color: #54698d; } .slds-icon-action-change-record-type { background-color: #54698d; } .slds-icon-action-check { background-color: #54698d; } .slds-icon-action-download { background-color: #54698d; } .slds-icon-action-edit-relationship { background-color: #54698d; } .slds-icon-action-freeze-user { background-color: #54698d; } .slds-icon-action-manage-perm-sets { background-color: #54698d; } .slds-icon-action-password-unlock { background-color: #54698d; } .slds-icon-action-refresh { background-color: #54698d; } .slds-icon-action-remove { background-color: #54698d; } .slds-icon-action-reset-password { background-color: #54698d; } .slds-icon-action-user-activation { background-color: #54698d; } .slds-icon-action-add-contact { background-color: #a094ed; } .slds-icon-action-approval { background-color: #00c6b7; } .slds-icon-action-canvas { background-color: #8199af; } .slds-icon-action-goal { background-color: #56aadf; } .slds-icon-action-opportunity-competitor { background-color: #fcb95b; } .slds-icon-action-opportunity-line-item { background-color: #fcb95b; } .slds-icon-action-opportunity-team-member { background-color: #fcb95b; } .slds-icon-action-question-post-action { background-color: #32af5c; } .slds-icon-action-quote { background-color: #88c651; } .slds-icon-action-reject { background-color: #00c6b7; } .slds-icon-action-social-post { background-color: #ea74a2; } .slds-icon-action-fallback { background-color: #9895ee; } .slds-icon-action-edit { background-color: #1dccbf; } .slds-icon-action-delete { background-color: #e6717c; } .slds-icon-action-clone { background-color: #6ca1e9; } .slds-icon-action-follow { background-color: #31b9f8; } .slds-icon-action-following { background-color: #7dcf64; } .slds-icon-action-join-group { background-color: #779ef2; } .slds-icon-action-leave-group { background-color: #f39e58; } .slds-icon-action-edit-groups { background-color: #34becd; } .slds-icon-action-share-post { background-color: #65cae4; } .slds-icon-action-user { background-color: #65cae4; } .slds-icon-action-share-file { background-color: #baac93; } .slds-icon-action-new-task { background-color: #4bc076; } .slds-icon-action-new-contact { background-color: #a094ed; } .slds-icon-action-new-opportunity { background-color: #fcb95b; } .slds-icon-action-new-case { background-color: #f2cf5b; } .slds-icon-action-new-lead { background-color: #f88962; } .slds-icon-action-share-thanks { background-color: #e9696e; } .slds-icon-action-share-link { background-color: #7a9ae6; } .slds-icon-action-share-poll { background-color: #699be1; } .slds-icon-action-new-event { background-color: #eb7092; } .slds-icon-action-new-child-case { background-color: #fa975c; } .slds-icon-action-log-a-call { background-color: #48c3cc; } .slds-icon-action-new-note { background-color: #e6d478; } .slds-icon-action-new { background-color: #33bce7; } .slds-icon-action-filter { background-color: #fd90b5; } .slds-icon-action-sort { background-color: #fab9a5; } .slds-icon-action-description { background-color: #7dc37d; } .slds-icon-action-defer { background-color: #ef7ead; } .slds-icon-action-update { background-color: #81b4d6; } .slds-icon-action-log-this-event { background-color: #eb7092; } .slds-icon-action-email { background-color: #95aec5; } .slds-icon-action-dial-in { background-color: #8b9ae3; } .slds-icon-action-map { background-color: #76c6ee; } .slds-icon-action-call { background-color: #1fcaa0; } .slds-icon-action-google-news { background-color: #f5675b; } .slds-icon-action-web-link { background-color: #56aadf; } .slds-icon-action-submit-for-approval { background-color: #50cc7a; } .slds-icon-action-search { background-color: #48adeb; } .slds-icon-action-close { background-color: #ef6e64; } .slds-icon-action-back { background-color: #0dc2d9; } .slds-icon-action-office-365 { background-color: #ff8041; } .slds-icon-action-concur { background-color: #4cc3c7; } .slds-icon-action-dropbox { background-color: #52aef9; } .slds-icon-action-evernote { background-color: #86c86f; } .slds-icon-action-docusign { background-color: #5080db; } .slds-icon-action-more { background-color: #62b7ed; } .slds-icon-action-notebook { background-color: #e6d478; } .slds-icon-action-new-notebook { background-color: #e6d478; } .slds-icon-action-preview { background-color: #7f8de1; } .slds-icon-action-priority { background-color: #fbb439; } .slds-icon-action-default-custom-object { background-color: #8199af; } .slds-icon-action-new-custom-object { background-color: #a7d44d; } .slds-icon-action-lead-convert { background-color: #f88962; } .slds-icon-action-new-account { background-color: #7f8de1; } .slds-icon-action-new-person-account { background-color: #7f8de1; } .slds-icon-action-new-campaign { background-color: #f49756; } .slds-icon-action-new-group { background-color: #83b6ff; } .slds-icon-action-update-status { background-color: #1ec7be; } .slds-icon-action-new-custom-1 { background-color: #ff7b84; } .slds-icon-action-new-custom-2 { background-color: #cfd05c; } .slds-icon-action-new-custom-3 { background-color: #ecb46c; } .slds-icon-action-new-custom-4 { background-color: #e1d951; } .slds-icon-action-new-custom-5 { background-color: #9fdb66; } .slds-icon-action-new-custom-6 { background-color: #54c473; } .slds-icon-action-new-custom-7 { background-color: #6a89e5; } .slds-icon-action-new-custom-8 { background-color: #50ceb9; } .slds-icon-action-new-custom-9 { background-color: #6b9ee2; } .slds-icon-action-new-custom-10 { background-color: #6488e3; } .slds-icon-action-new-custom-11 { background-color: #8784ea; } .slds-icon-action-new-custom-12 { background-color: #dc71d1; } .slds-icon-action-new-custom-13 { background-color: #df6184; } .slds-icon-action-new-custom-14 { background-color: #3cc2b3; } .slds-icon-action-new-custom-15 { background-color: #f77e75; } .slds-icon-action-new-custom-16 { background-color: #e9af67; } .slds-icon-action-new-custom-17 { background-color: #acd360; } .slds-icon-action-new-custom-18 { background-color: #4dca76; } .slds-icon-action-new-custom-19 { background-color: #3abeb1; } .slds-icon-action-new-custom-20 { background-color: #48c7c8; } .slds-icon-action-new-custom-21 { background-color: #8a7aed; } .slds-icon-action-new-custom-22 { background-color: #8b85f9; } .slds-icon-action-new-custom-23 { background-color: #b070e6; } .slds-icon-action-new-custom-24 { background-color: #e56798; } .slds-icon-action-new-custom-25 { background-color: #e46fbe; } .slds-icon-action-new-custom-26 { background-color: #7698f0; } .slds-icon-action-new-custom-27 { background-color: #5ab0d2; } .slds-icon-action-new-custom-28 { background-color: #89c059; } .slds-icon-action-new-custom-29 { background-color: #bdd25f; } .slds-icon-action-new-custom-30 { background-color: #f59f71; } .slds-icon-action-new-custom-31 { background-color: #eb687f; } .slds-icon-action-new-custom-32 { background-color: #38c393; } .slds-icon-action-new-custom-33 { background-color: #97cf5d; } .slds-icon-action-new-custom-34 { background-color: #d58a6a; } .slds-icon-action-new-custom-35 { background-color: #e9637e; } .slds-icon-action-new-custom-36 { background-color: #d472d4; } .slds-icon-action-new-custom-37 { background-color: #8c89f2; } .slds-icon-action-new-custom-38 { background-color: #53b6d7; } .slds-icon-action-new-custom-39 { background-color: #4fbe75; } .slds-icon-action-new-custom-40 { background-color: #83c75e; } .slds-icon-action-new-custom-41 { background-color: #43b5b5; } .slds-icon-action-new-custom-42 { background-color: #cfd05b; } .slds-icon-action-new-custom-43 { background-color: #7f93f9; } .slds-icon-action-new-custom-44 { background-color: #c8ca58; } .slds-icon-action-new-custom-45 { background-color: #d95879; } .slds-icon-action-new-custom-46 { background-color: #67a5e7; } .slds-icon-action-new-custom-47 { background-color: #5fcc64; } .slds-icon-action-new-custom-48 { background-color: #ef697f; } .slds-icon-action-new-custom-49 { background-color: #e25c80; } .slds-icon-action-new-custom-50 { background-color: #49bcd3; } .slds-icon-action-new-custom-51 { background-color: #d8c760; } .slds-icon-action-new-custom-52 { background-color: #ee8e6f; } .slds-icon-action-new-custom-53 { background-color: #f36e83; } .slds-icon-action-new-custom-54 { background-color: #ea70b1; } .slds-icon-action-new-custom-55 { background-color: #d66ee0; } .slds-icon-action-new-custom-56 { background-color: #718deb; } .slds-icon-action-new-custom-57 { background-color: #5a9cdd; } .slds-icon-action-new-custom-58 { background-color: #34b59d; } .slds-icon-action-new-custom-59 { background-color: #e3d067; } .slds-icon-action-new-custom-60 { background-color: #bf5a88; } .slds-icon-action-new-custom-61 { background-color: #f57376; } .slds-icon-action-new-custom-62 { background-color: #6b92dc; } .slds-icon-action-new-custom-63 { background-color: #7ccf60; } .slds-icon-action-new-custom-64 { background-color: #618fd8; } .slds-icon-action-new-custom-65 { background-color: #f279ab; } .slds-icon-action-new-custom-66 { background-color: #d8be5f; } .slds-icon-action-new-custom-67 { background-color: #f87d76; } .slds-icon-action-new-custom-68 { background-color: #f26979; } .slds-icon-action-new-custom-69 { background-color: #ed6387; } .slds-icon-action-new-custom-70 { background-color: #e769b4; } .slds-icon-action-new-custom-71 { background-color: #e36ee3; } .slds-icon-action-new-custom-72 { background-color: #8d9bfb; } .slds-icon-action-new-custom-73 { background-color: #679ef0; } .slds-icon-action-new-custom-74 { background-color: #41c8a0; } .slds-icon-action-new-custom-75 { background-color: #cd9f65; } .slds-icon-action-new-custom-76 { background-color: #db6d7a; } .slds-icon-action-new-custom-77 { background-color: #b55d5b; } .slds-icon-action-new-custom-78 { background-color: #5a95dd; } .slds-icon-action-new-custom-79 { background-color: #8ed363; } .slds-icon-action-new-custom-80 { background-color: #659ad5; } .slds-icon-action-new-custom-81 { background-color: #da627f; } .slds-icon-action-new-custom-82 { background-color: #d15b97; } .slds-icon-action-new-custom-83 { background-color: #e7806f; } .slds-icon-action-new-custom-84 { background-color: #f6707b; } .slds-icon-action-new-custom-85 { background-color: #f26891; } .slds-icon-action-new-custom-86 { background-color: #e260ab; } .slds-icon-action-new-custom-87 { background-color: #d876e5; } .slds-icon-action-new-custom-88 { background-color: #996fe6; } .slds-icon-action-new-custom-89 { background-color: #3e99be; } .slds-icon-action-new-custom-90 { background-color: #22a48a; } .slds-icon-action-new-custom-91 { background-color: #bf7b66; } .slds-icon-action-new-custom-92 { background-color: #517e82; } .slds-icon-action-new-custom-93 { background-color: #904d4c; } .slds-icon-action-new-custom-94 { background-color: #439cba; } .slds-icon-action-new-custom-95 { background-color: #8bcf6a; } .slds-icon-action-new-custom-96 { background-color: #6d9de3; } .slds-icon-action-new-custom-97 { background-color: #dd6085; } .slds-icon-action-new-custom-98 { background-color: #e1be5c; } .slds-icon-action-new-custom-99 { background-color: #f0856e; } .slds-icon-action-new-custom-100 { background-color: #e15d76; } .slds-icon-action-apex { background-color: #696e71; } .slds-icon-action-flow { background-color: #0079bc; } .slds-icon-action-announcement { background-color: #fe8f60; } .slds-icon-action-record { background-color: #7dc37d; } .slds-icon-action-log-event { background-color: #6ca1e9; } .slds-icon-custom-custom1, .slds-icon-custom-1 { background-color: #ff7b84; } .slds-icon-custom-custom2, .slds-icon-custom-2 { background-color: #cfd05c; } .slds-icon-custom-custom3, .slds-icon-custom-3 { background-color: #ecb46c; } .slds-icon-custom-custom4, .slds-icon-custom-4 { background-color: #e1d951; } .slds-icon-custom-custom5, .slds-icon-custom-5 { background-color: #9fdb66; } .slds-icon-custom-custom6, .slds-icon-custom-6 { background-color: #54c473; } .slds-icon-custom-custom7, .slds-icon-custom-7 { background-color: #6a89e5; } .slds-icon-custom-custom8, .slds-icon-custom-8 { background-color: #50ceb9; } .slds-icon-custom-custom9, .slds-icon-custom-9 { background-color: #6b9ee2; } .slds-icon-custom-custom10, .slds-icon-custom-10 { background-color: #6488e3; } .slds-icon-custom-custom11, .slds-icon-custom-11 { background-color: #8784ea; } .slds-icon-custom-custom12, .slds-icon-custom-12 { background-color: #dc71d1; } .slds-icon-custom-custom13, .slds-icon-custom-13 { background-color: #df6184; } .slds-icon-custom-custom14, .slds-icon-custom-14 { background-color: #3cc2b3; } .slds-icon-custom-custom15, .slds-icon-custom-15 { background-color: #f77e75; } .slds-icon-custom-custom16, .slds-icon-custom-16 { background-color: #e9af67; } .slds-icon-custom-custom17, .slds-icon-custom-17 { background-color: #acd360; } .slds-icon-custom-custom18, .slds-icon-custom-18 { background-color: #4dca76; } .slds-icon-custom-custom19, .slds-icon-custom-19 { background-color: #3abeb1; } .slds-icon-custom-custom20, .slds-icon-custom-20 { background-color: #48c7c8; } .slds-icon-custom-custom21, .slds-icon-custom-21 { background-color: #8a7aed; } .slds-icon-custom-custom22, .slds-icon-custom-22 { background-color: #8b85f9; } .slds-icon-custom-custom23, .slds-icon-custom-23 { background-color: #b070e6; } .slds-icon-custom-custom24, .slds-icon-custom-24 { background-color: #e56798; } .slds-icon-custom-custom25, .slds-icon-custom-25 { background-color: #e46fbe; } .slds-icon-custom-custom26, .slds-icon-custom-26 { background-color: #7698f0; } .slds-icon-custom-custom27, .slds-icon-custom-27 { background-color: #5ab0d2; } .slds-icon-custom-custom28, .slds-icon-custom-28 { background-color: #89c059; } .slds-icon-custom-custom29, .slds-icon-custom-29 { background-color: #bdd25f; } .slds-icon-custom-custom30, .slds-icon-custom-30 { background-color: #f59f71; } .slds-icon-custom-custom31, .slds-icon-custom-31 { background-color: #eb687f; } .slds-icon-custom-custom32, .slds-icon-custom-32 { background-color: #38c393; } .slds-icon-custom-custom33, .slds-icon-custom-33 { background-color: #97cf5d; } .slds-icon-custom-custom34, .slds-icon-custom-34 { background-color: #d58a6a; } .slds-icon-custom-custom35, .slds-icon-custom-35 { background-color: #e9637e; } .slds-icon-custom-custom36, .slds-icon-custom-36 { background-color: #d472d4; } .slds-icon-custom-custom37, .slds-icon-custom-37 { background-color: #8c89f2; } .slds-icon-custom-custom38, .slds-icon-custom-38 { background-color: #53b6d7; } .slds-icon-custom-custom39, .slds-icon-custom-39 { background-color: #4fbe75; } .slds-icon-custom-custom40, .slds-icon-custom-40 { background-color: #83c75e; } .slds-icon-custom-custom41, .slds-icon-custom-41 { background-color: #43b5b5; } .slds-icon-custom-custom42, .slds-icon-custom-42 { background-color: #cfd05b; } .slds-icon-custom-custom43, .slds-icon-custom-43 { background-color: #7f93f9; } .slds-icon-custom-custom44, .slds-icon-custom-44 { background-color: #c8ca58; } .slds-icon-custom-custom45, .slds-icon-custom-45 { background-color: #d95879; } .slds-icon-custom-custom46, .slds-icon-custom-46 { background-color: #67a5e7; } .slds-icon-custom-custom47, .slds-icon-custom-47 { background-color: #5fcc64; } .slds-icon-custom-custom48, .slds-icon-custom-48 { background-color: #ef697f; } .slds-icon-custom-custom49, .slds-icon-custom-49 { background-color: #e25c80; } .slds-icon-custom-custom50, .slds-icon-custom-50 { background-color: #49bcd3; } .slds-icon-custom-custom51, .slds-icon-custom-51 { background-color: #d8c760; } .slds-icon-custom-custom52, .slds-icon-custom-52 { background-color: #ee8e6f; } .slds-icon-custom-custom53, .slds-icon-custom-53 { background-color: #f36e83; } .slds-icon-custom-custom54, .slds-icon-custom-54 { background-color: #ea70b1; } .slds-icon-custom-custom55, .slds-icon-custom-55 { background-color: #d66ee0; } .slds-icon-custom-custom56, .slds-icon-custom-56 { background-color: #718deb; } .slds-icon-custom-custom57, .slds-icon-custom-57 { background-color: #5a9cdd; } .slds-icon-custom-custom58, .slds-icon-custom-58 { background-color: #34b59d; } .slds-icon-custom-custom59, .slds-icon-custom-59 { background-color: #e3d067; } .slds-icon-custom-custom60, .slds-icon-custom-60 { background-color: #bf5a88; } .slds-icon-custom-custom61, .slds-icon-custom-61 { background-color: #f57376; } .slds-icon-custom-custom62, .slds-icon-custom-62 { background-color: #6b92dc; } .slds-icon-custom-custom63, .slds-icon-custom-63 { background-color: #7ccf60; } .slds-icon-custom-custom64, .slds-icon-custom-64 { background-color: #618fd8; } .slds-icon-custom-custom65, .slds-icon-custom-65 { background-color: #f279ab; } .slds-icon-custom-custom66, .slds-icon-custom-66 { background-color: #d8be5f; } .slds-icon-custom-custom67, .slds-icon-custom-67 { background-color: #f87d76; } .slds-icon-custom-custom68, .slds-icon-custom-68 { background-color: #f26979; } .slds-icon-custom-custom69, .slds-icon-custom-69 { background-color: #ed6387; } .slds-icon-custom-custom70, .slds-icon-custom-70 { background-color: #e769b4; } .slds-icon-custom-custom71, .slds-icon-custom-71 { background-color: #e36ee3; } .slds-icon-custom-custom72, .slds-icon-custom-72 { background-color: #8d9bfb; } .slds-icon-custom-custom73, .slds-icon-custom-73 { background-color: #679ef0; } .slds-icon-custom-custom74, .slds-icon-custom-74 { background-color: #41c8a0; } .slds-icon-custom-custom75, .slds-icon-custom-75 { background-color: #cd9f65; } .slds-icon-custom-custom76, .slds-icon-custom-76 { background-color: #db6d7a; } .slds-icon-custom-custom77, .slds-icon-custom-77 { background-color: #b55d5b; } .slds-icon-custom-custom78, .slds-icon-custom-78 { background-color: #5a95dd; } .slds-icon-custom-custom79, .slds-icon-custom-79 { background-color: #8ed363; } .slds-icon-custom-custom80, .slds-icon-custom-80 { background-color: #659ad5; } .slds-icon-custom-custom81, .slds-icon-custom-81 { background-color: #da627f; } .slds-icon-custom-custom82, .slds-icon-custom-82 { background-color: #d15b97; } .slds-icon-custom-custom83, .slds-icon-custom-83 { background-color: #e7806f; } .slds-icon-custom-custom84, .slds-icon-custom-84 { background-color: #f6707b; } .slds-icon-custom-custom85, .slds-icon-custom-85 { background-color: #f26891; } .slds-icon-custom-custom86, .slds-icon-custom-86 { background-color: #e260ab; } .slds-icon-custom-custom87, .slds-icon-custom-87 { background-color: #d876e5; } .slds-icon-custom-custom88, .slds-icon-custom-88 { background-color: #996fe6; } .slds-icon-custom-custom89, .slds-icon-custom-89 { background-color: #3e99be; } .slds-icon-custom-custom90, .slds-icon-custom-90 { background-color: #22a48a; } .slds-icon-custom-custom91, .slds-icon-custom-91 { background-color: #bf7b66; } .slds-icon-custom-custom92, .slds-icon-custom-92 { background-color: #517e82; } .slds-icon-custom-custom93, .slds-icon-custom-93 { background-color: #904d4c; } .slds-icon-custom-custom94, .slds-icon-custom-94 { background-color: #439cba; } .slds-icon-custom-custom95, .slds-icon-custom-95 { background-color: #8bcf6a; } .slds-icon-custom-custom96, .slds-icon-custom-96 { background-color: #6d9de3; } .slds-icon-custom-custom97, .slds-icon-custom-97 { background-color: #dd6085; } .slds-icon-custom-custom98, .slds-icon-custom-98 { background-color: #e1be5c; } .slds-icon-custom-custom99, .slds-icon-custom-99 { background-color: #f0856e; } .slds-icon-custom-custom100, .slds-icon-custom-100 { background-color: #e15d76; } .slds-icon-standard-log-a-call { background-color: #48c3cc; } .slds-icon-standard-document { background-color: #baac93; } .slds-icon-standard-environment-hub { background-color: #54698d; } .slds-icon-standard-flow { background-color: #54698d; } .slds-icon-standard-sossession { background-color: #54698d; } .slds-icon-standard-process { background-color: #54698d; } .slds-icon-standard-news { background-color: #7f8de1; } .slds-icon-standard-home { background-color: #ef7ead; } .slds-icon-standard-account { background-color: #7f8de1; } .slds-icon-standard-apps-admin { background-color: #9895ee; } .slds-icon-standard-announcement { background-color: #62b7ed; } .slds-icon-standard-person-account { background-color: #7f8de1; } .slds-icon-standard-social { background-color: #ea74a2; } .slds-icon-standard-campaign-members { background-color: #f49756; } .slds-icon-standard-article { background-color: #f2cf5b; } .slds-icon-standard-answer-public { background-color: #f2cf5b; } .slds-icon-standard-answer-private { background-color: #f2cf5b; } .slds-icon-standard-answer-best { background-color: #f2cf5b; } .slds-icon-standard-avatar-loading { background-color: #b8c3ce; } .slds-icon-standard-campaign { background-color: #f49756; } .slds-icon-standard-calibration { background-color: #47cfd2; } .slds-icon-standard-avatar { background-color: #62b7ed; } .slds-icon-standard-approval { background-color: #50cc7a; } .slds-icon-standard-apps { background-color: #3c97dd; } .slds-icon-standard-user { background-color: #34becd; } .slds-icon-standard-evernote { background-color: #86c86f; } .slds-icon-standard-coaching { background-color: #f67594; } .slds-icon-standard-connected-apps { background-color: #9895ee; } .slds-icon-standard-drafts { background-color: #6ca1e9; } .slds-icon-standard-email { background-color: #95aec5; } .slds-icon-standard-email-iq { background-color: #a094ed; } .slds-icon-standard-endorsement { background-color: #8b9ae3; } .slds-icon-standard-event { background-color: #eb7092; } .slds-icon-standard-dropbox { background-color: #52aef9; } .slds-icon-standard-concur { background-color: #4cc3c7; } .slds-icon-standard-email-chatter { background-color: #f2cf5b; } .slds-icon-standard-case-transcript { background-color: #f2cf5b; } .slds-icon-standard-case-email { background-color: #f2cf5b; } .slds-icon-standard-case-log-a-call { background-color: #f2cf5b; } .slds-icon-standard-case-comment { background-color: #f2cf5b; } .slds-icon-standard-case-change-status { background-color: #f2cf5b; } .slds-icon-standard-work-order { background-color: #50e3c2; } .slds-icon-standard-work-order-item { background-color: #33a8dc; } .slds-icon-standard-client { background-color: #00d2be; } .slds-icon-standard-contract { background-color: #6ec06e; } .slds-icon-standard-dashboard { background-color: #ef6e64; } .slds-icon-standard-case { background-color: #f2cf5b; } .slds-icon-standard-empty { background-color: #8199af; } .slds-icon-standard-default { background-color: #8199af; } .slds-icon-standard-custom { background-color: #8199af; } .slds-icon-standard-canvas { background-color: #8199af; } .slds-icon-standard-contact { background-color: #a094ed; } .slds-icon-standard-portal { background-color: #aec770; } .slds-icon-standard-product { background-color: #b781d3; } .slds-icon-standard-pricebook { background-color: #b781d3; } .slds-icon-standard-feed { background-color: #62b7ed; } .slds-icon-standard-feedback { background-color: #6da1ea; } .slds-icon-standard-file { background-color: #baac93; } .slds-icon-standard-goals { background-color: #56aadf; } .slds-icon-standard-groups { background-color: #779ef2; } .slds-icon-standard-household { background-color: #00afa0; } .slds-icon-standard-hierarchy { background-color: #34becd; } .slds-icon-standard-insights { background-color: #ec94ed; } .slds-icon-standard-investment-account { background-color: #4bc076; } .slds-icon-standard-performance { background-color: #f8b156; } .slds-icon-standard-link { background-color: #7a9ae6; } .slds-icon-standard-metrics { background-color: #56aadf; } .slds-icon-standard-note { background-color: #e6d478; } .slds-icon-standard-lead { background-color: #f88962; } .slds-icon-standard-opportunity { background-color: #fcb95b; } .slds-icon-standard-call { background-color: #f2cf5b; } .slds-icon-standard-call-history { background-color: #f2cf5b; } .slds-icon-standard-orders { background-color: #769ed9; } .slds-icon-standard-post { background-color: #65cae4; } .slds-icon-standard-poll { background-color: #699be1; } .slds-icon-standard-photo { background-color: #d7d1d1; } .slds-icon-standard-people { background-color: #34becd; } .slds-icon-standard-generic-loading { background-color: #b8c3ce; } .slds-icon-standard-group-loading { background-color: #b8c3ce; } .slds-icon-standard-recent { background-color: #6ca1e9; } .slds-icon-standard-solution { background-color: #8fc972; } .slds-icon-standard-record { background-color: #7dc37d; } .slds-icon-standard-question-best { background-color: #f2cf5b; } .slds-icon-standard-question-feed { background-color: #f2cf5b; } .slds-icon-standard-related-list { background-color: #59bcab; } .slds-icon-standard-skill-entity { background-color: #8b9ae3; } .slds-icon-standard-scan-card { background-color: #f39e58; } .slds-icon-standard-report { background-color: #2ecbbe; } .slds-icon-standard-quotes { background-color: #88c651; } .slds-icon-standard-task { background-color: #4bc076; } .slds-icon-standard-task-2 { background-color: #4bc076; } .slds-icon-standard-team-member { background-color: #f2cf5b; } .slds-icon-standard-thanks { background-color: #e9696e; } .slds-icon-standard-reward { background-color: #e9696e; } .slds-icon-standard-thanks-loading { background-color: #b8c3ce; } .slds-icon-standard-today { background-color: #ef7ead; } .slds-icon-standard-topic { background-color: #56aadf; } .slds-icon-standard-unmatched { background-color: #62b7ed; } .slds-icon-standard-marketing-actions { background-color: #6bbd6e; } .slds-icon-standard-folder { background-color: #8b9ae3; } .slds-icon-text-default { fill: #54698d; } .slds-icon-text-warning { fill: #ffb75d; } .slds-icon-text-error { fill: #c23934; } .slds-icon-text-error { fill: #c23934; } .slds-icon--x-small { line-height: 1; width: 1rem; height: 1rem; } .slds-icon--small { line-height: 1; width: 1.5rem; height: 1.5rem; } .slds-icon--large { width: 3rem; height: 3rem; } .slds-card { padding: 0; border-radius: 0.25rem; background-clip: padding-box; background-color: #f4f6f9; border: 1px solid #d8dde6; } .slds-card + .slds-card { margin-top: 1rem; } .slds-card__header { padding: 0.75rem 0.75rem 0.25rem; } .slds-card__body { padding: 0.5rem 0; } .slds-card__footer { padding: 0.25rem 1rem 0.5rem; } .slds-card .slds-tile { margin: 0.5rem; padding: 0.5rem; } .slds-card--empty .slds-card__body { text-align: center; } .slds-input { background-color: white; color: #16325c; border: 1px solid #d8dde6; border-radius: 0.25rem; width: 100%; transition: border 0.1s linear, background-color 0.1s linear; display: inline-block; padding: 0 1rem 0 0.75rem; line-height: 2.125rem; min-height: calc(2.125rem + 2px); } .slds-input:focus, .slds-input:active { outline: 0; border-color: #1589ee; background-color: white; box-shadow: 0 0 3px #0070D2; } .slds-input[disabled], .slds-input.slds-is-disabled { background-color: #e0e5ee; border-color: #a8b7c7; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slds-input[disabled]:focus, .slds-input[disabled]:active, .slds-input.slds-is-disabled:focus, .slds-input.slds-is-disabled:active { box-shadow: none; } .slds-input--small { line-height: 1.75rem; min-height: calc(1.75rem + 2px); padding-left: 0.5rem; padding-right: 0.5rem; } .slds-input--small::-webkit-input-placeholder { color: #54698d; font-weight: 400; font-size: 0.875rem; } .slds-input--small::-moz-placeholder { color: #54698d; font-weight: 400; font-size: 0.875rem; } .slds-input--small:-ms-input-placeholder { color: #54698d; font-weight: 400; font-size: 0.875rem; } .slds-input--bare { background-color: transparent; border: 0; color: #16325c; } .slds-input--bare:focus, .slds-input--bare:active { outline: 0; } .slds-input--height { min-height: calc(2.125rem + 2px); } .slds-input-has-icon { position: relative; } .slds-input-has-icon .slds-input__icon { width: 1rem; height: 1rem; position: absolute; top: 50%; margin-top: -0.5rem; fill: #54698d; } .slds-input-has-icon--left .slds-input__icon { left: 0.75rem; } .slds-input-has-icon--left .slds-input, .slds-input-has-icon--left .slds-input--bare { padding-left: 2rem; } .slds-input-has-icon--right .slds-input__icon { right: 0.75rem; } .slds-input-has-icon--right .slds-input, .slds-input-has-icon--right .slds-input--bare { padding-right: 2rem; } .slds-input-has-fixed-addon { display: -ms-flexbox; display: flex; } .slds-form-element__addon { display: inline-block; margin: 0 0.5rem; -ms-flex-item-align: center; align-self: center; } .slds-textarea { background-color: white; color: #16325c; border: 1px solid #d8dde6; border-radius: 0.25rem; width: 100%; transition: border 0.1s linear, background-color 0.1s linear; resize: vertical; padding: 0.5rem 0.75rem; } .slds-textarea:focus, .slds-textarea:active { outline: 0; border-color: #1589ee; background-color: white; box-shadow: 0 0 3px #0070D2; } .slds-textarea[disabled], .slds-textarea.slds-is-disabled { background-color: #e0e5ee; border-color: #a8b7c7; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slds-textarea[disabled]:focus, .slds-textarea[disabled]:active, .slds-textarea.slds-is-disabled:focus, .slds-textarea.slds-is-disabled:active { box-shadow: none; } .slds-radio { display: inline-block; } .slds-radio .slds-radio--faux { width: 1rem; height: 1rem; display: inline-block; position: relative; vertical-align: middle; border: 1px solid #d8dde6; border-radius: 50%; background: white; transition: border 0.1s linear, background-color 0.1s linear; } .slds-radio .slds-form-element__label { display: inline; vertical-align: middle; font-size: 0.875rem; } .slds-radio [type="radio"] { width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; position: absolute; } .slds-radio [type="radio"]:checked + .slds-radio--faux, .slds-radio [type="radio"]:checked ~ .slds-radio--faux { background: white; } .slds-radio [type="radio"]:checked + .slds-radio--faux:after, .slds-radio [type="radio"]:checked ~ .slds-radio--faux:after { width: 0.5rem; height: 0.5rem; content: ''; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); border-radius: 50%; background: #1589ee; } .slds-radio [type="radio"]:focus + .slds-radio--faux, .slds-radio [type="radio"]:focus ~ .slds-radio--faux { border-color: #1589ee; box-shadow: 0 0 3px #0070D2; } .slds-radio [type="radio"][disabled] { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slds-radio [type="radio"][disabled] ~ .slds-radio--faux { background-color: #e0e5ee; border-color: #a8b7c7; } .slds-has-error .slds-radio [type="radio"] + .slds-radio--faux, .slds-has-error .slds-radio [type="radio"] ~ .slds-radio--faux { border-color: #c23934; border-width: 2px; } .slds-has-error .slds-radio [type="radio"]:checked + .slds-radio--faux, .slds-has-error .slds-radio [type="radio"]:checked ~ .slds-radio--faux { background: white; } .slds-has-error .slds-radio [type="radio"]:checked + .slds-radio--faux:after, .slds-has-error .slds-radio [type="radio"]:checked ~ .slds-radio--faux:after { background: #d4504c; } .slds-form-element .slds-radio [type="radio"] + .slds-radio--faux, .slds-form-element .slds-radio [type="radio"] ~ .slds-radio--faux { margin-right: 0.5rem; } .slds-checkbox { display: inline-block; } .slds-checkbox .slds-checkbox--faux { width: 1rem; height: 1rem; display: inline-block; position: relative; 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.875rem; } .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 { 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 { 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 { border-color: #1589ee; background-color: white; } .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox--faux, .slds-checkbox [type="checkbox"][disabled] ~ .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 { border-color: white; } .slds-has-error .slds-checkbox [type="checkbox"] + .slds-checkbox--faux, .slds-has-error .slds-checkbox [type="checkbox"] ~ .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 { 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 { border-color: #d4504c; } .slds-form-element .slds-checkbox [type="checkbox"] + .slds-checkbox--faux, .slds-form-element .slds-checkbox [type="checkbox"] ~ .slds-checkbox--faux { margin-right: 0.5rem; } .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: 2.125rem; } .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: 2.125rem; 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((2.125rem / 2) - 6px); } .slds-select_container:after { border-top: 5px solid #061c3f; bottom: calc((2.125rem / 2) - 6px); } .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; } .slds-modal--form .slds-modal__container, .slds-modal--form .slds-modal__header { border-radius: 0; } .slds-modal--form .slds-modal__container { margin: 0; padding: 0; } .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; } .slds-modal--form .slds-modal__header .slds-button:first-child + .slds-button { float: right; margin-top: 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; margin-right: 0.5rem; } .slds-form-element__help { font-size: 0.75rem; margin-top: 0.5rem; display: block; } .slds-form-element__static { display: inline-block; line-height: 2.125rem; min-height: calc(2.125rem + 2px); } .slds-form-element__static.slds-text-longform { line-height: 1.5; } .slds-required { color: #c23934; margin: 0 0.125rem; } .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-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-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-has-error .slds-form-element__help { color: #c23934; } .slds-has-error .slds-input__icon { fill: #c23934; } @media (min-width: 48em) { .slds-form--horizontal { text-align: right; } } @media (min-width: 48em) { .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.3125rem; 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--horizontal .slds-form-element__control .slds-checkbox, .slds-form--horizontal .slds-form-element__control .slds-radio { display: block; } .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-grid { display: -ms-flexbox; display: flex; position: relative; } .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-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-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-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-page-header { padding: 1rem 0.75rem; border-bottom: 1px solid #d8dde6; background: #f4f6f9; } .slds-page-header__title { margin-top: 0.125rem; font-weight: 300; font-size: 1.125rem; line-height: 1.25; } .slds-page-header__info { margin-top: 0.25rem; } @media (min-width: 48em) { .slds-page-header { padding: 1.5rem 1.5rem 0.75rem; } .slds-page-header__title { margin-top: 0; font-size: 1.5rem; } .slds-page-header__info { margin-top: 0.5rem; } } .slds-page-header__detail-row { margin: 1.5rem 0 0.75rem 3rem; } .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 { position: relative; padding: 0.5rem 0.75rem; } .slds-popover[class*="theme--"] { border: 0; } .slds-popover *:last-child { margin-bottom: 0; } .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-popover--panel .slds-popover__header { background: #f4f6f9; padding: 1rem; border-radius: 0.25rem 0.25rem 0 0; } .slds-popover--panel .slds-popover__body { padding: 0; } .slds-popover--panel .slds-popover__body-list { padding: 1rem; 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-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: 2rem; 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: 2rem; 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: 2rem; 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: 2rem; 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: 2rem; } .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: 2rem; } .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: 2rem; } .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: 2rem; } .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; 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.875rem * 1.5) + 1rem) * 5); overflow-y: auto; -webkit-overflow-scrolling: touch; } .slds-dropdown--length-7 { max-height: calc(((0.875rem * 1.5) + 1rem) * 7); overflow-y: auto; -webkit-overflow-scrolling: touch; } .slds-dropdown--length-10 { max-height: calc(((0.875rem * 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: -1rem; } .slds-dropdown-trigger > [class*="slds-button--icon"] ~ .slds-dropdown--right[class*="slds-nubbin"] { right: -1rem; } .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-dropdown--actions a { color: #0070d2; } .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-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.slds-is-recording .slds-icon-record .slds-button__icon { fill: #c23934; } .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-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: 2.125rem; padding: 0 1rem; resize: none; min-height: calc(2.125rem + 2px); max-height: calc(2.125rem + 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(2.125rem + 2px); max-height: calc(2.125rem + 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; } .slds-feed__list { margin: 0; padding: 0; } .slds-feed__item { padding: 1rem 0; } .slds-feed__item + .slds-feed__item { border-top: 1px solid #d8dde6; } .slds-comment__content { padding-top: 0.5rem; } .slds-comment__overflow { margin-bottom: 1rem; } .slds-comment .slds-text-body--small a { color: inherit; } .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-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: 1.5rem 1rem; text-align: center; } .slds-modal__header + .slds-modal__menu { border-top-left-radius: 0; border-top-right-radius: 0; } .slds-modal__content { overflow: hidden; overflow-y: auto; } .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__close { width: 3rem; height: 3rem; position: absolute; top: -3rem; 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-pill { background-color: white; display: inline-block; padding: 0.25rem; border: 1px solid #d8dde6; border-radius: 0.25rem; vertical-align: middle; line-height: 1.5; } .slds-pill + .slds-pill { margin-left: 0.25rem; } .slds-pill:hover { background-color: #f4f6f9; text-decoration: none; } .slds-pill:focus { outline: 0; box-shadow: 0 0 3px #0070D2; } .slds-pill--bare { background-color: transparent; border: 0; } .slds-pill--bare:hover { background-color: transparent; } .slds-pill-container { padding: 1px; border: 1px solid #d8dde6; border-radius: 0.25rem; min-height: calc(2.125rem + 2px); } .slds-pill__container, .slds-pill_container { padding: 1px; border: 1px solid #d8dde6; border-radius: 0.25rem; min-height: calc(2.125rem + 2px); } .slds-pill__container--bare, .slds-pill_container--bare { padding: 2px 1px; } .slds-pill__label { max-width: 13.5rem; display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .slds-pill__icon { width: 1.25rem; height: 1.25rem; margin-right: 0.5rem; border-radius: 0.125rem; } .slds-pill__remove { margin-left: 0.5rem; } .slds-pill .slds-avatar { margin-right: 0.5rem; } .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: #0076de; } .slds-tabs--path .slds-is-current:hover { background-color: #005fb2; } .slds-tabs--path .slds-is-current + .slds-is-incomplete:before { background-color: #0076de; } .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; 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__title, .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-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: 2.125rem; 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 { outline: 0; 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-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; } .slds-tabs--default .slds-tabs__item { overflow: hidden; } @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: 3rem; line-height: 3rem; 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 > a:focus { color: #0070d2; box-shadow: #0070d2 0 -1px 0 inset; } .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 { overflow: hidden; } @media (min-width: 48em) { .slds-tabs--default__item + .slds-tabs--default__item { margin-left: 1.5rem; } } .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 { 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: 3rem; line-height: 3rem; 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; border-color: #0070d2; color: #16325c; } .slds-tabs--default__link:focus { color: #0070d2; box-shadow: #0070d2 0 -1px 0 inset; } .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 { overflow: hidden; 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: 3rem; line-height: 3rem; 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 { overflow: hidden; 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: 3rem; line-height: 3rem; padding: 0 1.5rem; 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-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--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: 1rem 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; } .slds-lookup__list { max-height: 12.5rem; overflow-y: auto; } .slds-lookup__menu { background: white; border: 1px solid #d8dde6; border-radius: 0.25rem; z-index: 7000; position: absolute; width: 100%; margin-top: 0.25rem; padding: 0.25rem 0; } .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[data-select="single"] .slds-pill { display: block; width: 100%; } .slds-lookup[data-select="single"] .slds-pill .slds-button { position: absolute; right: 0.75rem; top: 50%; margin-top: -0.5rem; } .slds-lookup[data-select="single"].slds-has-selection .slds-input, .slds-lookup[data-select="single"].slds-has-selection .slds-input__icon { display: none; } .slds-lookup[data-select="multi"] .slds-pill__container { border: transparent; border-bottom: 1px solid #d8dde6; border-radius: 0; } .slds-lookup[data-scope="multi"] .slds-form-element__label { -ms-flex-item-align: center; align-self: center; margin-left: 0.5rem; margin-right: 0; margin-bottom: 0; max-width: 12rem; -ms-flex-pack: end; justify-content: flex-end; } .slds-lookup[data-scope="multi"] .slds-lookup__menu { max-width: calc(100% - 6rem); right: 0; top: calc(2.125rem + 2px); } .slds-lookup[data-scope="multi"] .slds-lookup__list { max-height: 17.5rem; } .slds-lookup[data-scope="multi"] .slds-dropdown-trigger { margin-left: 0.5rem; } .slds-lookup[data-scope="multi"] .slds-input { padding-left: 12rem; } .slds-lookup[data-scope="multi"] .slds-form-element__control { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .slds-lookup[data-scope="multi"] .slds-form-element__control .slds-input--bare { -ms-flex: 1; flex: 1; -ms-flex-item-align: center; align-self: center; margin-left: 0.5rem; line-height: 2.125rem; } .slds-modal .slds-lookup thead tr:first-child > th { border-top: 2px solid #d8dde6; } .slds-modal .slds-lookup thead tr:last-child > th { border-bottom: 2px solid #d8dde6; } .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-avatar { overflow: hidden; display: inline-block; vertical-align: middle; border-radius: 0.25rem; line-height: 1; } .slds-avatar--x-small { width: 1.5rem; height: 1.5rem; } .slds-avatar--small { width: 2.25rem; height: 2.25rem; } .slds-avatar--medium { width: 3rem; height: 3rem; } .slds-avatar--large { width: 5rem; height: 5rem; } .slds-avatar--circle { border-radius: 50%; } .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-table { background-color: white; } .slds-table th, .slds-table td { padding: 0.5rem; white-space: nowrap; position: relative; } .slds-table tr > th:first-child, .slds-table tr > td:first-child { padding-left: 1.5rem; } .slds-table tr > th:last-child, .slds-table tr > td:last-child { padding-right: 1.5rem; } .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 td.slds-is-selected, .slds-table td.slds-is-selected:hover { box-shadow: #0070d2 0 0 0 2px inset; } .slds-table .slds-truncate { min-width: 3.25rem; max-width: 15rem; } .slds-table .slds-cell-wrap { white-space: normal; } .slds-table .slds-cell-shrink { width: 1%; } .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 td, .slds-table--bordered th { border-top: 1px solid #d8dde6; } .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > td, .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > th { box-shadow: #d8dde6 0 -1px 0 inset; } .slds-table--bordered:not(.slds-no-row-hover) .slds-is-selected:hover > td, .slds-table--bordered:not(.slds-no-row-hover) .slds-is-selected:hover > th { border-color: #0070d2; box-shadow: #0070d2 0 -2px 0 inset; } .slds-table--bordered:not(.slds-no-row-hover) .slds-is-selected:hover > td.slds-is-selected, .slds-table--bordered:not(.slds-no-row-hover) .slds-is-selected:hover > th.slds-is-selected { box-shadow: #0070d2 0 -1px 0 2px inset; } .slds-table--striped tr:nth-of-type(even) > td { background-color: #f4f6f9; } .slds-is-sortable { cursor: pointer; } .slds-is-sortable .slds-button { visibility: hidden; margin-left: 0.5rem; } .slds-is-sortable .slds-button__icon { fill: #0070d2; } .slds-is-sortable:hover { background-color: #f4f6f9; color: #0070d2; } .slds-is-sortable:hover .slds-button { visibility: visible; } .slds-table--fixed-layout { position: relative; table-layout: fixed; width: 100%; white-space: nowrap; } .slds-table--fixed-layout .slds-cell-shrink { width: 3rem; } .slds-table--fixed-layout .slds-cell-shrink:nth-child(n) { padding: 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-is-resizable:hover { 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:active { opacity: 1; } .slds-resizable__handle--indicator { right: auto; } .slds-resizable__divider { position: absolute; left: 50%; height: 100vh; width: 1px; background: #0070d2; } @media (max-width: 48em) { .slds-max-medium-table--stacked { border: 0; } .slds-max-medium-table--stacked thead { position: absolute; top: 0; left: -9999em; } .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 { display: block; padding-bottom: 0.25rem; content: attr(data-label); color: #54698d; text-transform: uppercase; font-family: "Salesforce Sans", Arial, sans-serif; font-size: 0.75rem; font-weight: 300; } .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; box-shadow: none; } .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; top: 0; left: -9999em; } .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 { display: block; padding-bottom: 0.25rem; content: attr(data-label); color: #54698d; text-transform: uppercase; font-family: "Salesforce Sans", Arial, sans-serif; font-size: 0.75rem; font-weight: 300; } .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; box-shadow: none; } .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-m-top--none { margin-top: 0; } .slds-m-right--none { margin-right: 0; } .slds-m-bottom--none { margin-bottom: 0; } .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-p-top--none { padding-top: 0; } .slds-p-right--none { padding-right: 0; } .slds-p-bottom--none { padding-bottom: 0; } .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-list--dotted { margin-left: 1.5rem; list-style: disc; } .slds-list--ordered { margin-left: 1.5rem; list-style: decimal; } .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: 33%; padding-right: 0.75rem; } .slds-dl--horizontal__detail { width: 66%; } } .slds-list--horizontal { display: -ms-flexbox; display: flex; } .slds-list--horizontal > .slds-list__item { -ms-flex-item-align: center; align-self: center; display: inline-block; vertical-align: middle; } .slds-list--horizontal-large > .slds-list__item > a { padding: 0.75rem 1rem; } .slds-is-nested { margin-left: 1rem; } .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--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-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-dividers--top > .slds-list__item { border-top: 1px solid #d8dde6; } .slds-has-dividers--top-space > .slds-list__item { border-top: 1px solid #d8dde6; padding: 0.75rem; } @media (min-width: 30em) { .slds-has-dividers--top-space > .slds-list__item { padding: 0.5rem; } } .slds-has-dividers--bottom > .slds-list__item { border-bottom: 1px solid #d8dde6; } .slds-has-dividers--bottom-space > .slds-list__item { border-bottom: 1px solid #d8dde6; padding: 0.75rem; } @media (min-width: 30em) { .slds-has-dividers--bottom-space > .slds-list__item { padding: 0.5rem; } } .slds-has-list-interactions > .slds-list__item:hover { background-color: #f4f6f9; border-color: #d8dde6; cursor: pointer; } .slds-has-list-interactions > .slds-list__item:active { background-color: #eef1f6; box-shadow: #d8dde6 0 -1px 0 inset; } .slds-has-list-interactions > .slds-list__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 { box-shadow: #1589ee 0 -2px 0 inset, #1589ee 0 0 0 1px inset; } .slds-list--horizontal.slds-has-dividers > .slds-list__item { position: relative; } .slds-list--horizontal.slds-has-dividers > .slds-list__item:after { width: 4px; height: 4px; content: ''; display: inline-block; vertical-align: middle; margin-left: 0.5rem; margin-right: 0.5rem; border-radius: 50%; background-color: #54698d; } .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-dividers--left > .slds-list__item { position: relative; } .slds-has-dividers--left > .slds-list__item:before { width: 4px; height: 4px; content: ''; display: inline-block; vertical-align: middle; margin-left: 0.5rem; margin-right: 0.5rem; border-radius: 50%; background-color: #54698d; } .slds-has-dividers--left > .slds-list__item:first-child { margin-right: 0; padding-right: 0; } .slds-has-dividers--left > .slds-list__item:first-child:before { content: none; } .slds-has-dividers--right > .slds-list__item { position: relative; } .slds-has-dividers--right > .slds-list__item:after { width: 4px; height: 4px; content: ''; display: inline-block; vertical-align: middle; margin-left: 0.5rem; margin-right: 0.5rem; border-radius: 50%; background-color: #54698d; } .slds-has-dividers--right > .slds-list__item:last-child { margin-right: 0; padding-right: 0; } .slds-has-dividers--right > .slds-list__item:last-child:after { content: none; } .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-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 { 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-truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .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.035) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.035) 50%, rgba(0, 0, 0, 0.035) 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.875rem; } .slds-text-heading--small { font-weight: 300; font-size: 1.125rem; line-height: 1.25; } .slds-text-heading--medium { font-weight: 300; font-size: 1.5rem; line-height: 1.25; } .slds-text-heading--large { font-weight: 300; font-size: 2rem; line-height: 1.25; } .slds-text-heading--label { font-size: 0.75rem; line-height: 1.25; text-transform: uppercase; letter-spacing: 0.0625em; color: #54698d; } .slds-text-body--small { font-size: 0.75rem; color: #54698d; } .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; font-size: 1.125rem; } .slds-section__title-action { cursor: pointer; } .slds-section__content { visibility: hidden; opacity: 0; max-height: 0; transition: all 0.05s; } .slds-section .slds-button__icon { transform: rotate(-90deg); } .slds-section.slds-is-open .slds-button__icon { transform: rotate(0deg); transform-origin: 45%; } .slds-section.slds-is-open .slds-section__content { padding-top: 0.75rem; visibility: visible; opacity: 1; max-height: 100vh; } .slds-section-title { font-size: 1.125rem; } .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; text-transform: uppercase; letter-spacing: 0.0625em; color: #54698d; padding: 0.75rem 1rem; background: #f4f6f9; } .slds-type-focus { border-bottom: 1px solid transparent; cursor: pointer; } .slds-type-focus:hover { border-bottom: 1px solid #005fb2; } .slds-type-focus:focus { outline: thin dotted; outline: 5px auto #1589ee; outline-offset: -2px; } .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--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; } @media (min-width: 20em) { .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-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; } } @media (max-width: 20em) { .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-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; } } @media (min-width: 30em) { .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-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; } } @media (max-width: 30em) { .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-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; } } @media (min-width: 48em) { .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--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--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--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-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-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; } }