Created
December 8, 2015 21:24
-
-
Save mtetlow/fd6887784fbb818b7c9f to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| 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; } | |
| 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; } | |
| .slds { } | |
| .slds { | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| margin: 0; } | |
| .slds article, | |
| .slds aside, | |
| .slds details, | |
| .slds figcaption, | |
| .slds figure, | |
| .slds footer, | |
| .slds header, | |
| .slds hgroup, | |
| .slds main, | |
| .slds menu, | |
| .slds nav, | |
| .slds section, | |
| .slds summary { | |
| display: block; } | |
| .slds audio, | |
| .slds canvas, | |
| .slds progress, | |
| .slds video { | |
| display: inline-block; | |
| vertical-align: baseline; } | |
| .slds audio:not([controls]) { | |
| display: none; | |
| height: 0; } | |
| .slds [hidden], | |
| .slds template { | |
| display: none; } | |
| .slds a { | |
| background-color: transparent; } | |
| .slds a:active, | |
| .slds a:hover { | |
| outline: 0; } | |
| .slds abbr[title] { | |
| border-bottom: 1px dotted; } | |
| .slds b, | |
| .slds strong { | |
| font-weight: bold; } | |
| .slds dfn { | |
| font-style: italic; } | |
| .slds mark { | |
| background: #ff0; | |
| color: #000; } | |
| .slds small { | |
| font-size: 80%; } | |
| .slds sub, | |
| .slds sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; } | |
| .slds sup { | |
| top: -0.5em; } | |
| .slds sub { | |
| bottom: -0.25em; } | |
| .slds img { | |
| border: 0; } | |
| .slds svg:not(:root) { | |
| overflow: hidden; } | |
| .slds figure { | |
| margin: 1em 40px; } | |
| .slds hr { | |
| box-sizing: content-box; | |
| height: 0; } | |
| .slds pre { | |
| overflow: auto; } | |
| .slds code, | |
| .slds kbd, | |
| .slds pre, | |
| .slds samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em; } | |
| .slds button, | |
| .slds input, | |
| .slds optgroup, | |
| .slds select, | |
| .slds textarea { | |
| color: inherit; | |
| font: inherit; | |
| margin: 0; } | |
| .slds button { | |
| overflow: visible; } | |
| .slds button, | |
| .slds select { | |
| text-transform: none; } | |
| .slds button, | |
| .slds input[type="button"], .slds input[type="reset"], | |
| .slds input[type="submit"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; } | |
| .slds button[disabled], | |
| .slds input[disabled] { | |
| cursor: default; } | |
| .slds button::-moz-focus-inner, | |
| .slds input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; } | |
| .slds input { | |
| line-height: normal; } | |
| .slds input[type="checkbox"], | |
| .slds input[type="radio"] { | |
| box-sizing: border-box; | |
| padding: 0; } | |
| .slds input[type="number"]::-webkit-inner-spin-button, | |
| .slds input[type="number"]::-webkit-outer-spin-button { | |
| height: auto; } | |
| .slds input[type="search"] { | |
| -webkit-appearance: textfield; | |
| box-sizing: content-box; } | |
| .slds input[type="search"]::-webkit-search-cancel-button, | |
| .slds input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; } | |
| .slds fieldset { | |
| border: 1px solid #c0c0c0; | |
| margin: 0 2px; | |
| padding: 0.35em 0.625em 0.75em; } | |
| .slds legend { | |
| border: 0; | |
| padding: 0; } | |
| .slds textarea { | |
| overflow: auto; } | |
| .slds optgroup { | |
| font-weight: bold; } | |
| .slds table { | |
| border-collapse: collapse; | |
| border-spacing: 0; } | |
| .slds td, | |
| .slds th { | |
| padding: 0; } | |
| .slds *, | |
| .slds *:before, | |
| .slds *:after { | |
| box-sizing: border-box; } | |
| .slds *::-webkit-input-placeholder { | |
| color: #54698d; | |
| font-weight: 400; | |
| font-size: 0.875rem; } | |
| .slds *:-moz-placeholder { | |
| color: #54698d; | |
| font-weight: 400; | |
| font-size: 0.875rem; } | |
| .slds *::-moz-placeholder { | |
| color: #54698d; | |
| font-weight: 400; | |
| font-size: 0.875rem; } | |
| .slds *:-ms-input-placeholder { | |
| color: #54698d; | |
| font-weight: 400; | |
| font-size: 0.875rem; } | |
| .slds ::-moz-selection { | |
| background: #faffbd; | |
| text-shadow: none; } | |
| .slds ::selection { | |
| background: #faffbd; | |
| text-shadow: none; } | |
| .slds h1, | |
| .slds h2, | |
| .slds h3, | |
| .slds h4, | |
| .slds h5, | |
| .slds h6, | |
| .slds p, | |
| .slds ol, | |
| .slds ul, | |
| .slds dl, | |
| .slds fieldset { | |
| margin: 0; | |
| padding: 0; } | |
| .slds dd, | |
| .slds figure { | |
| margin: 0; } | |
| .slds abbr[title], | |
| .slds fieldset, | |
| .slds hr { | |
| border: 0; } | |
| .slds hr { | |
| padding: 0; } | |
| .slds h1, | |
| .slds h2, | |
| .slds h3, | |
| .slds h4, | |
| .slds h5, | |
| .slds h6 { | |
| font-weight: inherit; | |
| font-size: 1em; } | |
| .slds ol, | |
| .slds ul { | |
| list-style: none; } | |
| .slds a { | |
| color: #0070d2; | |
| text-decoration: none; | |
| -webkit-transition: color 0.1s linear; | |
| transition: color 0.1s linear; } | |
| .slds a:hover, | |
| .slds a:focus { | |
| text-decoration: underline; | |
| color: #005fb2; } | |
| .slds a:focus { | |
| outline: thin dotted; | |
| outline: 5px auto #1589ee; | |
| outline-offset: -2px; } | |
| .slds a:active { | |
| color: #00396b; } | |
| .slds b, | |
| .slds strong, | |
| .slds dfn { | |
| font-weight: 700; } | |
| .slds mark { | |
| background-color: #faffbd; } | |
| .slds abbr[title] { | |
| cursor: help; } | |
| .slds input[type=search] { | |
| box-sizing: border-box; } | |
| .slds table { | |
| width: 100%; } | |
| .slds caption, | |
| .slds th, | |
| .slds td { | |
| text-align: left; } | |
| .slds hr { | |
| display: block; | |
| margin: 2rem 0; | |
| border-top: 1px solid #d8dde6; | |
| height: 1px; | |
| clear: both; } | |
| .slds audio, | |
| .slds canvas, | |
| .slds iframe, | |
| .slds img, | |
| .slds svg, | |
| .slds video { | |
| vertical-align: middle; } | |
| .slds img { | |
| max-width: 100%; | |
| height: auto; } | |
| .slds .slds-media--timeline { | |
| padding-bottom: 2rem; | |
| position: relative; } | |
| .slds .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 .slds-media--timeline:before { | |
| margin-left: -3px; } | |
| .slds .slds-media--timeline .slds-timeline__icon { | |
| border: 2px solid white; } | |
| .slds .slds-timeline__actions { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-flow: column nowrap; | |
| -ms-flex-flow: column nowrap; | |
| flex-flow: column nowrap; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; } | |
| .slds .slds-timeline__date { | |
| margin-bottom: 0.25rem; | |
| font-size: 0.75rem; | |
| color: #54698d; } | |
| .slds .slds-timeline__media--call:before { | |
| background: #48c3cc; } | |
| .slds .slds-timeline__media--email:before { | |
| background: #95aec5; } | |
| .slds .slds-timeline__media--event:before { | |
| background: #eb7092; } | |
| .slds .slds-timeline__media--task:before { | |
| background: #4bc076; } | |
| .slds .slds-timeline__item { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; } | |
| .slds .slds-page-header__detail-row { | |
| margin: 1.5rem 0 0.75rem 3rem; } | |
| .slds .slds-breadcrumb .slds-list__item { | |
| position: relative; } | |
| .slds .slds-breadcrumb .slds-list__item:before { | |
| content: '\003E'; | |
| position: absolute; | |
| left: -0.25rem; } | |
| .slds .slds-breadcrumb .slds-list__item > a { | |
| display: block; | |
| padding: 0 0.5rem; } | |
| .slds .slds-breadcrumb .slds-list__item > a:hover { | |
| text-decoration: none; } | |
| .slds .slds-breadcrumb .slds-list__item:first-child > a { | |
| padding-left: 0; } | |
| .slds .slds-breadcrumb .slds-list__item:first-child:before { | |
| content: ""; } | |
| .slds .slds-button-group { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| .slds .slds-button-group .slds-button { | |
| border-radius: 0; | |
| border-left: 0; } | |
| .slds .slds-button-group .slds-button + .slds-button { | |
| margin-left: 0; } | |
| .slds .slds-button-group .slds-button:first-child { | |
| border-radius: 0.25rem 0 0 0.25rem; | |
| border-left: 1px solid #d8dde6; } | |
| .slds .slds-button-group .slds-button:first-child:not(.slds-button--last .slds-button) { | |
| border-left: 1px solid #d8dde6; } | |
| .slds .slds-button-group .slds-button:last-child { | |
| border-radius: 0 0.25rem 0.25rem 0; } | |
| .slds .slds-button-group .slds-button:focus { | |
| z-index: 1; } | |
| .slds .slds-button-group .slds-button:only-child { | |
| border-radius: .25rem; } | |
| .slds .slds-button-group .slds-toggle-visibility:last-child[disabled] { | |
| display: none; } | |
| .slds .slds-button-group + .slds-button-group, | |
| .slds .slds-button-group + .slds-button { | |
| margin-left: 0.25rem; } | |
| .slds .slds-button-group .slds-button--last { } | |
| .slds .slds-button-group .slds-button--last .slds-button { | |
| border-radius: 0 0.25rem 0.25rem 0; | |
| border-left: 0; } | |
| .slds .slds-button-group .slds-button.slds-button--last { | |
| border-radius: 0 0.25rem 0.25rem 0; } | |
| .slds .slds-button-group .slds-button:first-child.slds-button--inverse[disabled] { | |
| border-left-color: rgba(255, 255, 255, 0.15); } | |
| .slds .slds-button-group .slds-button--inverse:first-child[disabled] + .slds-button--inverse { | |
| border-left: 1px solid #d8dde6; } | |
| .slds .slds-button-group .slds-button--icon-border.slds-is-selected + .slds-button--icon-border.slds-is-selected { | |
| border-left: 1px solid #d8dde6; } | |
| .slds .slds-button-group .slds-button--icon-border.slds-is-selected:first-child { | |
| border-left: 1px solid #0070d2; } | |
| .slds .slds-button-group .slds-button--icon-more:hover, | |
| .slds .slds-button-group .slds-button--icon-more:focus { | |
| border-left-width: 0; } | |
| .slds .slds-button { | |
| position: relative; | |
| display: inline-block; | |
| padding: 0; | |
| background: transparent; | |
| background-clip: padding-box; | |
| border: none; | |
| 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; | |
| -webkit-transition: color 0.05s linear, background-color 0.05s linear; | |
| transition: color 0.05s linear, background-color 0.05s linear; } | |
| .slds .slds-button:hover, | |
| .slds .slds-button:focus, | |
| .slds .slds-button:active, | |
| .slds .slds-button:visited { | |
| text-decoration: none; } | |
| .slds .slds-button:hover, | |
| .slds .slds-button:focus { | |
| color: #005fb2; } | |
| .slds .slds-button:focus { | |
| outline: 0; | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-button:active { | |
| color: #00396b; } | |
| .slds .slds-button[disabled] { | |
| color: #d8dde6; } | |
| .slds .slds-button:hover .slds-button__icon, | |
| .slds .slds-button:focus .slds-button__icon, | |
| .slds .slds-button:active .slds-button__icon, | |
| .slds .slds-button[disabled] .slds-button__icon { | |
| fill: currentColor; } | |
| .slds .slds-button + .slds-button-group { | |
| margin-left: 0.25rem; } | |
| .slds .slds-button + .slds-button { | |
| margin-left: 0.25rem; } | |
| .slds .slds-button-space-left { | |
| margin-left: 0.25rem; } | |
| .slds a.slds-button { | |
| text-align: center; } | |
| .slds a.slds-button:focus { | |
| outline: 0; | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-button--small { | |
| line-height: 1.875rem; | |
| min-height: 2rem; } | |
| .slds .slds-button--neutral { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| text-align: center; | |
| vertical-align: middle; | |
| border: 1px solid #d8dde6; | |
| background-color: white; } | |
| .slds .slds-button--neutral:hover, | |
| .slds .slds-button--neutral:focus { | |
| background-color: #f4f6f9; } | |
| .slds .slds-button--neutral:active { | |
| background-color: #eef1f6; } | |
| .slds .slds-button--neutral[disabled] { | |
| background-color: white; | |
| cursor: default; } | |
| .slds .slds-button--hint { | |
| color: #9faab5; } | |
| .slds .slds-button--hint:hover, | |
| .slds .slds-button--hint:focus, | |
| .slds .slds-button--hint:active { | |
| color: #0070d2; } | |
| .slds .slds-hint-parent:hover .slds-button--hint, | |
| .slds .slds-hint-parent:focus .slds-button--hint { | |
| color: #0070d2; } | |
| .slds .slds-button__icon--left { | |
| margin-right: 0.5rem; } | |
| .slds .slds-button__icon--right { | |
| margin-left: 0.5rem; } | |
| .slds .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 .slds-button--brand:link, | |
| .slds .slds-button--brand:visited, | |
| .slds .slds-button--brand:active { | |
| color: white; } | |
| .slds .slds-button--brand:hover, | |
| .slds .slds-button--brand:focus { | |
| background-color: #005fb2; | |
| color: white; } | |
| .slds .slds-button--brand:active { | |
| background-color: #00396b; } | |
| .slds .slds-button--brand[disabled] { | |
| background: #e0e5ee; | |
| border-color: transparent; | |
| color: white; } | |
| .slds .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 .slds-button--destructive:link, | |
| .slds .slds-button--destructive:visited, | |
| .slds .slds-button--destructive:active { | |
| color: white; } | |
| .slds .slds-button--destructive:hover, | |
| .slds .slds-button--destructive:focus { | |
| background-color: #A61A14; | |
| color: white; } | |
| .slds .slds-button--destructive:active { | |
| background-color: #870500; | |
| border-color: #870500; } | |
| .slds .slds-button--destructive[disabled] { | |
| background: #e0e5ee; | |
| border-color: transparent; | |
| color: white; } | |
| .slds .slds-button--inverse { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| text-align: center; | |
| vertical-align: middle; | |
| border: 1px solid #d8dde6; | |
| background-color: transparent; } | |
| .slds .slds-button--inverse:hover, | |
| .slds .slds-button--inverse:focus { | |
| background-color: #f4f6f9; } | |
| .slds .slds-button--inverse:active { | |
| background-color: #eef1f6; } | |
| .slds .slds-button--inverse, | |
| .slds .slds-button--inverse:link, | |
| .slds .slds-button--inverse:visited { | |
| color: #e0e5ee; } | |
| .slds .slds-button--inverse:hover, | |
| .slds .slds-button--inverse:focus, | |
| .slds .slds-button--inverse:active { | |
| color: #0070d2; } | |
| .slds .slds-button--inverse:focus { | |
| outline: none; | |
| box-shadow: 0 0 3px #E0E5EE; } | |
| .slds .slds-button--inverse[disabled] { | |
| background-color: transparent; | |
| border-color: rgba(255, 255, 255, 0.15); | |
| color: rgba(255, 255, 255, 0.15); } | |
| .slds a.slds-button--inverse:focus { | |
| outline: none; | |
| box-shadow: 0 0 3px #E0E5EE; } | |
| .slds .slds-button--neutral.slds-is-selected { | |
| border-color: transparent; | |
| background-color: transparent; } | |
| .slds .slds-button--neutral.slds-is-selected:hover:not([disabled]), | |
| .slds .slds-button--neutral.slds-is-selected:focus:not([disabled]) { | |
| border: 1px solid #d8dde6; | |
| background-color: #f4f6f9; } | |
| .slds .slds-button--neutral.slds-is-selected:active { | |
| background-color: #eef1f6; } | |
| .slds .slds-button__icon--stateful { | |
| width: 0.75rem; | |
| height: 0.75rem; | |
| fill: currentColor; } | |
| .slds .slds-text-not-selected, | |
| .slds .slds-text-selected, | |
| .slds .slds-text-selected-focus, | |
| .slds .slds-is-selected[disabled]:hover .slds-text-selected, | |
| .slds .slds-is-selected[disabled]:focus .slds-text-selected { | |
| display: block; } | |
| .slds .slds-not-selected .slds-text-selected, | |
| .slds .slds-not-selected .slds-text-selected-focus, | |
| .slds .slds-is-selected .slds-text-not-selected, | |
| .slds .slds-is-selected:not(:hover):not(:focus) .slds-text-selected-focus, | |
| .slds .slds-is-selected[disabled]:hover .slds-text-selected-focus, | |
| .slds .slds-is-selected:hover .slds-text-selected, | |
| .slds .slds-is-selected:focus .slds-text-selected { | |
| display: none; } | |
| .slds .slds-button--inverse.slds-is-selected { | |
| border-color: transparent; } | |
| .slds .slds-button--icon-container, | |
| .slds .slds-button--icon-border, | |
| .slds .slds-button--icon-border-filled, | |
| .slds .slds-button--icon-bare, | |
| .slds .slds-button--icon-more { | |
| vertical-align: middle; | |
| color: #54698d; } | |
| .slds .slds-button--icon-bare { | |
| line-height: 1; } | |
| .slds .slds-button--icon-border[disabled]:hover, | |
| .slds .slds-button--icon-border[disabled]:focus { | |
| background-color: transparent; } | |
| .slds .slds-button--icon-border-filled, | |
| .slds .slds-button--icon-border { | |
| border: 1px solid #d8dde6; } | |
| .slds .slds-button--icon-border-filled:hover, | |
| .slds .slds-button--icon-border-filled:focus, | |
| .slds .slds-button--icon-border:hover, | |
| .slds .slds-button--icon-border:focus { | |
| background-color: #f4f6f9; } | |
| .slds .slds-button--icon-border-filled:active, | |
| .slds .slds-button--icon-border:active { | |
| background-color: #eef1f6; } | |
| .slds .slds-button--icon-container, | |
| .slds .slds-button--icon-border, | |
| .slds .slds-button--icon-border-filled { | |
| width: 2.25rem; | |
| height: 2.25rem; } | |
| .slds .slds-button--icon-small { | |
| width: 2rem; | |
| height: 2rem; | |
| line-height: 1.875rem; } | |
| .slds .slds-button--icon-x-small { | |
| width: 1.25rem; | |
| height: 1.25rem; | |
| border-radius: 0.125rem; | |
| line-height: 1; } | |
| .slds .slds-button--icon-border-filled { | |
| background-color: white; } | |
| .slds .slds-button--icon-border-filled[disabled] { | |
| border: 1px solid #d8dde6; | |
| background-color: white; } | |
| .slds .slds-button__icon { | |
| width: 1rem; | |
| height: 1rem; | |
| fill: currentColor; } | |
| .slds .slds-button__icon--large { | |
| width: 1.5rem; | |
| height: 1.5rem; } | |
| .slds .slds-button__icon--small { | |
| width: 0.75rem; | |
| height: 0.75rem; } | |
| .slds .slds-button__icon--x-small { | |
| width: 0.5rem; | |
| height: 0.5rem; | |
| margin-left: 0.25rem; } | |
| .slds .slds-icon--small .slds-button__icon { | |
| width: 1.5rem; | |
| height: 1.5rem; } | |
| .slds .slds-button__icon--hint { | |
| fill: #9faab5; } | |
| .slds .slds-hint-parent:hover .slds-button__icon--hint, | |
| .slds .slds-hint-parent:focus .slds-button__icon--hint { | |
| fill: #54698d; } | |
| .slds .slds-button--icon-more { | |
| padding: 0 0.5rem; | |
| vertical-align: middle; | |
| border: 1px solid #d8dde6; } | |
| .slds .slds-button--icon-more:hover, | |
| .slds .slds-button--icon-more:focus { | |
| border: 1px solid #d8dde6; } | |
| .slds .slds-button--icon-more:hover:hover, | |
| .slds .slds-button--icon-more:hover:focus, | |
| .slds .slds-button--icon-more:focus:hover, | |
| .slds .slds-button--icon-more:focus:focus { | |
| background-color: #f4f6f9; } | |
| .slds .slds-button--icon-more:hover:active, | |
| .slds .slds-button--icon-more:focus:active { | |
| background-color: #eef1f6; } | |
| .slds .slds-button--icon-more:hover .slds-button__icon, | |
| .slds .slds-button--icon-more:focus .slds-button__icon { | |
| fill: #0070d2; } | |
| .slds .slds-button--icon-more:active .slds-button__icon { | |
| fill: #00396b; } | |
| .slds .slds-button--icon-more[disabled] { | |
| cursor: default; } | |
| .slds .slds-button--icon-more[disabled] .slds-button__icon { | |
| fill: #d8dde6; } | |
| .slds .slds-button--icon-border.slds-is-selected { | |
| background-color: #0070d2; | |
| border: 1px solid #0070d2; | |
| color: white; } | |
| .slds .slds-button--icon-border.slds-is-selected:link, | |
| .slds .slds-button--icon-border.slds-is-selected:visited, | |
| .slds .slds-button--icon-border.slds-is-selected:active { | |
| color: white; } | |
| .slds .slds-button--icon-border.slds-is-selected:hover, | |
| .slds .slds-button--icon-border.slds-is-selected:focus { | |
| background-color: #005fb2; | |
| color: white; } | |
| .slds .slds-button--icon-border.slds-is-selected:active { | |
| background-color: #00396b; } | |
| .slds .slds-button--icon-border.slds-is-selected .slds-button__icon { | |
| fill: white; } | |
| .slds .slds-button--icon-border.slds-is-selected:hover .slds-button__icon, | |
| .slds .slds-button--icon-border.slds-is-selected:focus .slds-button__icon { | |
| fill: white; } | |
| .slds .slds-button--icon-inverse { | |
| color: white; } | |
| .slds .slds-button--icon-inverse:hover, | |
| .slds .slds-button--icon-inverse:focus { | |
| color: rgba(255, 255, 255, 0.75); } | |
| .slds .slds-button--icon-inverse:active { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .slds .slds-button--icon-inverse[disabled] { | |
| color: rgba(255, 255, 255, 0.15); } | |
| @media (max-width: 30em) { | |
| .slds .slds-max-small-button--stretch, | |
| .slds .slds-max-small-buttons--stretch .slds-button { | |
| width: 100%; } } | |
| @media (min-width: 320px) { | |
| .slds .slds-x-small-button--stacked + .slds-x-small-button--stacked, | |
| .slds .slds-x-small-buttons--stacked .slds-button + .slds-button { | |
| display: block; | |
| margin-top: 0.5rem; | |
| margin-left: 0; } | |
| .slds .slds-x-small-button--horizontal + .slds-x-small-button--horizontal, | |
| .slds .slds-x-small-buttons--horizontal .slds-button + .slds-button { | |
| margin-left: 0.5rem; } } | |
| @media (max-width: 320px) { | |
| .slds .slds-max-x-small-button--stacked + .slds-max-x-small-button--stacked, | |
| .slds .slds-max-x-small-buttons--stacked .slds-button + .slds-button { | |
| display: block; | |
| margin-top: 0.5rem; | |
| margin-left: 0; } | |
| .slds .slds-max-x-small-button--horizontal + .slds-max-x-small-button--horizontal, | |
| .slds .slds-max-x-small-buttons--horizontal .slds-button + .slds-button { | |
| margin-left: 0.5rem; } } | |
| @media (min-width: 480px) { | |
| .slds .slds-small-button--stacked + .slds-small-button--stacked, | |
| .slds .slds-small-buttons--stacked .slds-button + .slds-button { | |
| display: block; | |
| margin-top: 0.5rem; | |
| margin-left: 0; } | |
| .slds .slds-small-button--horizontal + .slds-small-button--horizontal, | |
| .slds .slds-small-buttons--horizontal .slds-button + .slds-button { | |
| margin-left: 0.5rem; } } | |
| @media (max-width: 480px) { | |
| .slds .slds-max-small-button--stacked + .slds-max-small-button--stacked, | |
| .slds .slds-max-small-buttons--stacked .slds-button + .slds-button { | |
| display: block; | |
| margin-top: 0.5rem; | |
| margin-left: 0; } | |
| .slds .slds-max-small-button--horizontal + .slds-max-small-button--horizontal, | |
| .slds .slds-max-small-buttons--horizontal .slds-button + .slds-button { | |
| margin-left: 0.5rem; } } | |
| @media (min-width: 768px) { | |
| .slds .slds-medium-button--stacked + .slds-medium-button--stacked, | |
| .slds .slds-medium-buttons--stacked .slds-button + .slds-button { | |
| display: block; | |
| margin-top: 0.5rem; | |
| margin-left: 0; } | |
| .slds .slds-medium-button--horizontal + .slds-medium-button--horizontal, | |
| .slds .slds-medium-buttons--horizontal .slds-button + .slds-button { | |
| margin-left: 0.5rem; } } | |
| @media (max-width: 768px) { | |
| .slds .slds-max-medium-button--stacked + .slds-max-medium-button--stacked, | |
| .slds .slds-max-medium-buttons--stacked .slds-button + .slds-button { | |
| display: block; | |
| margin-top: 0.5rem; | |
| margin-left: 0; } | |
| .slds .slds-max-medium-button--horizontal + .slds-max-medium-button--horizontal, | |
| .slds .slds-max-medium-buttons--horizontal .slds-button + .slds-button { | |
| margin-left: 0.5rem; } } | |
| @media (min-width: 1024px) { | |
| .slds .slds-large-button--stacked + .slds-large-button--stacked, | |
| .slds .slds-large-buttons--stacked .slds-button + .slds-button { | |
| display: block; | |
| margin-top: 0.5rem; | |
| margin-left: 0; } | |
| .slds .slds-large-button--horizontal + .slds-large-button--horizontal, | |
| .slds .slds-large-buttons--horizontal .slds-button + .slds-button { | |
| margin-left: 0.5rem; } } | |
| @media (max-width: 1024px) { | |
| .slds .slds-max-large-button--stacked + .slds-max-large-button--stacked, | |
| .slds .slds-max-large-buttons--stacked .slds-button + .slds-button { | |
| display: block; | |
| margin-top: 0.5rem; | |
| margin-left: 0; } | |
| .slds .slds-max-large-button--horizontal + .slds-max-large-button--horizontal, | |
| .slds .slds-max-large-buttons--horizontal .slds-button + .slds-button { | |
| margin-left: 0.5rem; } } | |
| .slds .slds-icon__container { | |
| display: inline-block; | |
| border-radius: 0.25rem; } | |
| .slds .slds-icon__container--circle { | |
| padding: 0.5rem; | |
| border-radius: 50%; } | |
| .slds .slds-icon { | |
| width: 2rem; | |
| height: 2rem; | |
| border-radius: 0.25rem; | |
| fill: white; } | |
| .slds .slds-icon-action-approval { | |
| background-color: #00c6b7; } | |
| .slds .slds-icon-action-canvasapp { | |
| background-color: #8199af; } | |
| .slds .slds-icon-action-goal { | |
| background-color: #56aadf; } | |
| .slds .slds-icon-action-opportunity-competitor { | |
| background-color: #fcb95b; } | |
| .slds .slds-icon-action-opportunity-line-item { | |
| background-color: #fcb95b; } | |
| .slds .slds-icon-action-opportunity-team-member { | |
| background-color: #fcb95b; } | |
| .slds .slds-icon-action-question-post-action { | |
| background-color: #32af5c; } | |
| .slds .slds-icon-action-quote { | |
| background-color: #88c651; } | |
| .slds .slds-icon-action-reject { | |
| background-color: #00c6b7; } | |
| .slds .slds-icon-action-social-post { | |
| background-color: #ea74a2; } | |
| .slds .slds-icon-action-fallback { | |
| background-color: #9895ee; } | |
| .slds .slds-icon-action-edit { | |
| background-color: #1dccbf; } | |
| .slds .slds-icon-action-delete { | |
| background-color: #e6717c; } | |
| .slds .slds-icon-action-clone { | |
| background-color: #6ca1e9; } | |
| .slds .slds-icon-action-follow { | |
| background-color: #31b9f8; } | |
| .slds .slds-icon-action-following { | |
| background-color: #7dcf64; } | |
| .slds .slds-icon-action-join-group { | |
| background-color: #779ef2; } | |
| .slds .slds-icon-action-leave-group { | |
| background-color: #f39e58; } | |
| .slds .slds-icon-action-edit-group { | |
| background-color: #34becd; } | |
| .slds .slds-icon-action-share-post { | |
| background-color: #65cae4; } | |
| .slds .slds-icon-action-share-file { | |
| background-color: #baac93; } | |
| .slds .slds-icon-action-new-task { | |
| background-color: #4bc076; } | |
| .slds .slds-icon-action-new-contact { | |
| background-color: #a094ed; } | |
| .slds .slds-icon-action-new-opportunity { | |
| background-color: #fcb95b; } | |
| .slds .slds-icon-action-new-case { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-action-new-lead { | |
| background-color: #f88962; } | |
| .slds .slds-icon-action-share-thanks { | |
| background-color: #e9696e; } | |
| .slds .slds-icon-action-share-link { | |
| background-color: #7a9ae6; } | |
| .slds .slds-icon-action-share-poll { | |
| background-color: #699be1; } | |
| .slds .slds-icon-action-new-event { | |
| background-color: #eb7092; } | |
| .slds .slds-icon-action-new-child-case { | |
| background-color: #fa975c; } | |
| .slds .slds-icon-action-log-a-call { | |
| background-color: #48c3cc; } | |
| .slds .slds-icon-action-new-note { | |
| background-color: #e6d478; } | |
| .slds .slds-icon-action-new { | |
| background-color: #33bce7; } | |
| .slds .slds-icon-action-filter { | |
| background-color: #fd90b5; } | |
| .slds .slds-icon-action-sort { | |
| background-color: #fab9a5; } | |
| .slds .slds-icon-action-description { | |
| background-color: #7dc37d; } | |
| .slds .slds-icon-action-defer { | |
| background-color: #ef7ead; } | |
| .slds .slds-icon-action-update { | |
| background-color: #81b4d6; } | |
| .slds .slds-icon-action-log-this-event { | |
| background-color: #f86268; } | |
| .slds .slds-icon-action-email { | |
| background-color: #95aec5; } | |
| .slds .slds-icon-action-dial-in { | |
| background-color: #8b9ae3; } | |
| .slds .slds-icon-action-map { | |
| background-color: #76c6ee; } | |
| .slds .slds-icon-action-call { | |
| background-color: #1fcaa0; } | |
| .slds .slds-icon-action-google-news { | |
| background-color: #f5675b; } | |
| .slds .slds-icon-action-web-link { | |
| background-color: #56aadf; } | |
| .slds .slds-icon-action-submit-for-approval { | |
| background-color: #50cc7a; } | |
| .slds .slds-icon-action-search { | |
| background-color: #48adeb; } | |
| .slds .slds-icon-action-close { | |
| background-color: #ef6e64; } | |
| .slds .slds-icon-action-back { | |
| background-color: #0dc2d9; } | |
| .slds .slds-icon-action-office-365 { | |
| background-color: #ff8041; } | |
| .slds .slds-icon-action-concur { | |
| background-color: #4cc3c7; } | |
| .slds .slds-icon-action-dropbox { | |
| background-color: #52aef9; } | |
| .slds .slds-icon-action-evernote { | |
| background-color: #86c86f; } | |
| .slds .slds-icon-action-docusign { | |
| background-color: #5080db; } | |
| .slds .slds-icon-action-more { | |
| background-color: #62b7ed; } | |
| .slds .slds-icon-action-notebook { | |
| background-color: #c871d6; } | |
| .slds .slds-icon-action-preview { | |
| background-color: #7f8de1; } | |
| .slds .slds-icon-action-priority { | |
| background-color: #fbb439; } | |
| .slds .slds-icon-action-default-custom-object { | |
| background-color: #8199af; } | |
| .slds .slds-icon-action-new-custom-object { | |
| background-color: #a7d44d; } | |
| .slds .slds-icon-action-lead-convert { | |
| background-color: #f88962; } | |
| .slds .slds-icon-action-new-account { | |
| background-color: #7f8de1; } | |
| .slds .slds-icon-action-new-campaign { | |
| background-color: #f49756; } | |
| .slds .slds-icon-action-new-group { | |
| background-color: #83b6ff; } | |
| .slds .slds-icon-action-update-status { | |
| background-color: #1ec7be; } | |
| .slds .slds-icon-action-new-custom-1 { | |
| background-color: #ff7b84; } | |
| .slds .slds-icon-action-new-custom-2 { | |
| background-color: #cfd05c; } | |
| .slds .slds-icon-action-new-custom-3 { | |
| background-color: #ecb46c; } | |
| .slds .slds-icon-action-new-custom-4 { | |
| background-color: #e1d951; } | |
| .slds .slds-icon-action-new-custom-5 { | |
| background-color: #9fdb66; } | |
| .slds .slds-icon-action-new-custom-6 { | |
| background-color: #54c473; } | |
| .slds .slds-icon-action-new-custom-7 { | |
| background-color: #6a89e5; } | |
| .slds .slds-icon-action-new-custom-8 { | |
| background-color: #50ceb9; } | |
| .slds .slds-icon-action-new-custom-9 { | |
| background-color: #6b9ee2; } | |
| .slds .slds-icon-action-new-custom-10 { | |
| background-color: #6488e3; } | |
| .slds .slds-icon-action-new-custom-11 { | |
| background-color: #8784ea; } | |
| .slds .slds-icon-action-new-custom-12 { | |
| background-color: #dc71d1; } | |
| .slds .slds-icon-action-new-custom-13 { | |
| background-color: #df6184; } | |
| .slds .slds-icon-action-new-custom-14 { | |
| background-color: #3cc2b3; } | |
| .slds .slds-icon-action-new-custom-15 { | |
| background-color: #f77e75; } | |
| .slds .slds-icon-action-new-custom-16 { | |
| background-color: #e9af67; } | |
| .slds .slds-icon-action-new-custom-17 { | |
| background-color: #acd360; } | |
| .slds .slds-icon-action-new-custom-18 { | |
| background-color: #4dca76; } | |
| .slds .slds-icon-action-new-custom-19 { | |
| background-color: #3abeb1; } | |
| .slds .slds-icon-action-new-custom-20 { | |
| background-color: #48c7c8; } | |
| .slds .slds-icon-action-new-custom-21 { | |
| background-color: #8a7aed; } | |
| .slds .slds-icon-action-new-custom-22 { | |
| background-color: #8b85f9; } | |
| .slds .slds-icon-action-new-custom-23 { | |
| background-color: #b070e6; } | |
| .slds .slds-icon-action-new-custom-24 { | |
| background-color: #e56798; } | |
| .slds .slds-icon-action-new-custom-25 { | |
| background-color: #e46fbe; } | |
| .slds .slds-icon-action-new-custom-26 { | |
| background-color: #7698f0; } | |
| .slds .slds-icon-action-new-custom-27 { | |
| background-color: #5ab0d2; } | |
| .slds .slds-icon-action-new-custom-28 { | |
| background-color: #89c059; } | |
| .slds .slds-icon-action-new-custom-29 { | |
| background-color: #bdd25f; } | |
| .slds .slds-icon-action-new-custom-30 { | |
| background-color: #f59f71; } | |
| .slds .slds-icon-action-new-custom-31 { | |
| background-color: #eb687f; } | |
| .slds .slds-icon-action-new-custom-32 { | |
| background-color: #38c393; } | |
| .slds .slds-icon-action-new-custom-33 { | |
| background-color: #97cf5d; } | |
| .slds .slds-icon-action-new-custom-34 { | |
| background-color: #d58a6a; } | |
| .slds .slds-icon-action-new-custom-35 { | |
| background-color: #e9637e; } | |
| .slds .slds-icon-action-new-custom-36 { | |
| background-color: #d472d4; } | |
| .slds .slds-icon-action-new-custom-37 { | |
| background-color: #8c89f2; } | |
| .slds .slds-icon-action-new-custom-38 { | |
| background-color: #53b6d7; } | |
| .slds .slds-icon-action-new-custom-39 { | |
| background-color: #4fbe75; } | |
| .slds .slds-icon-action-new-custom-40 { | |
| background-color: #83c75e; } | |
| .slds .slds-icon-action-new-custom-41 { | |
| background-color: #43b5b5; } | |
| .slds .slds-icon-action-new-custom-42 { | |
| background-color: #cfd05b; } | |
| .slds .slds-icon-action-new-custom-43 { | |
| background-color: #7f93f9; } | |
| .slds .slds-icon-action-new-custom-44 { | |
| background-color: #c8ca58; } | |
| .slds .slds-icon-action-new-custom-45 { | |
| background-color: #d95879; } | |
| .slds .slds-icon-action-new-custom-46 { | |
| background-color: #67a5e7; } | |
| .slds .slds-icon-action-new-custom-47 { | |
| background-color: #5fcc64; } | |
| .slds .slds-icon-action-new-custom-48 { | |
| background-color: #ef697f; } | |
| .slds .slds-icon-action-new-custom-49 { | |
| background-color: #e25c80; } | |
| .slds .slds-icon-action-new-custom-50 { | |
| background-color: #49bcd3; } | |
| .slds .slds-icon-action-new-custom-51 { | |
| background-color: #d8c760; } | |
| .slds .slds-icon-action-new-custom-52 { | |
| background-color: #ee8e6f; } | |
| .slds .slds-icon-action-new-custom-53 { | |
| background-color: #f36e83; } | |
| .slds .slds-icon-action-new-custom-54 { | |
| background-color: #ea70b1; } | |
| .slds .slds-icon-action-new-custom-55 { | |
| background-color: #d66ee0; } | |
| .slds .slds-icon-action-new-custom-56 { | |
| background-color: #718deb; } | |
| .slds .slds-icon-action-new-custom-57 { | |
| background-color: #5a9cdd; } | |
| .slds .slds-icon-action-new-custom-58 { | |
| background-color: #34b59d; } | |
| .slds .slds-icon-action-new-custom-59 { | |
| background-color: #e3d067; } | |
| .slds .slds-icon-action-new-custom-60 { | |
| background-color: #bf5a88; } | |
| .slds .slds-icon-action-new-custom-61 { | |
| background-color: #f57376; } | |
| .slds .slds-icon-action-new-custom-62 { | |
| background-color: #6b92dc; } | |
| .slds .slds-icon-action-new-custom-63 { | |
| background-color: #7ccf60; } | |
| .slds .slds-icon-action-new-custom-64 { | |
| background-color: #618fd8; } | |
| .slds .slds-icon-action-new-custom-65 { | |
| background-color: #f279ab; } | |
| .slds .slds-icon-action-new-custom-66 { | |
| background-color: #d8be5f; } | |
| .slds .slds-icon-action-new-custom-67 { | |
| background-color: #f87d76; } | |
| .slds .slds-icon-action-new-custom-68 { | |
| background-color: #f26979; } | |
| .slds .slds-icon-action-new-custom-69 { | |
| background-color: #ed6387; } | |
| .slds .slds-icon-action-new-custom-70 { | |
| background-color: #e769b4; } | |
| .slds .slds-icon-action-new-custom-71 { | |
| background-color: #e36ee3; } | |
| .slds .slds-icon-action-new-custom-72 { | |
| background-color: #8d9bfb; } | |
| .slds .slds-icon-action-new-custom-73 { | |
| background-color: #679ef0; } | |
| .slds .slds-icon-action-new-custom-74 { | |
| background-color: #41c8a0; } | |
| .slds .slds-icon-action-new-custom-75 { | |
| background-color: #cd9f65; } | |
| .slds .slds-icon-action-new-custom-76 { | |
| background-color: #db6d7a; } | |
| .slds .slds-icon-action-new-custom-77 { | |
| background-color: #b55d5b; } | |
| .slds .slds-icon-action-new-custom-78 { | |
| background-color: #5a95dd; } | |
| .slds .slds-icon-action-new-custom-79 { | |
| background-color: #8ed363; } | |
| .slds .slds-icon-action-new-custom-80 { | |
| background-color: #659ad5; } | |
| .slds .slds-icon-action-new-custom-81 { | |
| background-color: #da627f; } | |
| .slds .slds-icon-action-new-custom-82 { | |
| background-color: #d15b97; } | |
| .slds .slds-icon-action-new-custom-83 { | |
| background-color: #e7806f; } | |
| .slds .slds-icon-action-new-custom-84 { | |
| background-color: #f6707b; } | |
| .slds .slds-icon-action-new-custom-85 { | |
| background-color: #f26891; } | |
| .slds .slds-icon-action-new-custom-86 { | |
| background-color: #e260ab; } | |
| .slds .slds-icon-action-new-custom-87 { | |
| background-color: #d876e5; } | |
| .slds .slds-icon-action-new-custom-88 { | |
| background-color: #996fe6; } | |
| .slds .slds-icon-action-new-custom-89 { | |
| background-color: #3e99be; } | |
| .slds .slds-icon-action-new-custom-90 { | |
| background-color: #22a48a; } | |
| .slds .slds-icon-action-new-custom-91 { | |
| background-color: #bf7b66; } | |
| .slds .slds-icon-action-new-custom-92 { | |
| background-color: #517e82; } | |
| .slds .slds-icon-action-new-custom-93 { | |
| background-color: #904d4c; } | |
| .slds .slds-icon-action-new-custom-94 { | |
| background-color: #439cba; } | |
| .slds .slds-icon-action-new-custom-95 { | |
| background-color: #8bcf6a; } | |
| .slds .slds-icon-action-new-custom-96 { | |
| background-color: #6d9de3; } | |
| .slds .slds-icon-action-new-custom-97 { | |
| background-color: #dd6085; } | |
| .slds .slds-icon-action-new-custom-98 { | |
| background-color: #e1be5c; } | |
| .slds .slds-icon-action-new-custom-99 { | |
| background-color: #f0856e; } | |
| .slds .slds-icon-action-new-custom-100 { | |
| background-color: #e15d76; } | |
| .slds .slds-icon-action-apex { | |
| background-color: #696e71; } | |
| .slds .slds-icon-action-flow { | |
| background-color: #0079bc; } | |
| .slds .slds-icon-action-announcement { | |
| background-color: #fe8f60; } | |
| .slds .slds-icon-action-record { | |
| background-color: #7dc37d; } | |
| .slds .slds-icon-custom-1 { | |
| background-color: #ff7b84; } | |
| .slds .slds-icon-custom-2 { | |
| background-color: #cfd05c; } | |
| .slds .slds-icon-custom-3 { | |
| background-color: #ecb46c; } | |
| .slds .slds-icon-custom-4 { | |
| background-color: #e1d951; } | |
| .slds .slds-icon-custom-5 { | |
| background-color: #9fdb66; } | |
| .slds .slds-icon-custom-6 { | |
| background-color: #54c473; } | |
| .slds .slds-icon-custom-7 { | |
| background-color: #6a89e5; } | |
| .slds .slds-icon-custom-8 { | |
| background-color: #50ceb9; } | |
| .slds .slds-icon-custom-9 { | |
| background-color: #6b9ee2; } | |
| .slds .slds-icon-custom-10 { | |
| background-color: #6488e3; } | |
| .slds .slds-icon-custom-11 { | |
| background-color: #8784ea; } | |
| .slds .slds-icon-custom-12 { | |
| background-color: #dc71d1; } | |
| .slds .slds-icon-custom-13 { | |
| background-color: #df6184; } | |
| .slds .slds-icon-custom-14 { | |
| background-color: #3cc2b3; } | |
| .slds .slds-icon-custom-15 { | |
| background-color: #f77e75; } | |
| .slds .slds-icon-custom-16 { | |
| background-color: #e9af67; } | |
| .slds .slds-icon-custom-17 { | |
| background-color: #acd360; } | |
| .slds .slds-icon-custom-18 { | |
| background-color: #4dca76; } | |
| .slds .slds-icon-custom-19 { | |
| background-color: #3abeb1; } | |
| .slds .slds-icon-custom-20 { | |
| background-color: #48c7c8; } | |
| .slds .slds-icon-custom-21 { | |
| background-color: #8a7aed; } | |
| .slds .slds-icon-custom-22 { | |
| background-color: #8b85f9; } | |
| .slds .slds-icon-custom-23 { | |
| background-color: #b070e6; } | |
| .slds .slds-icon-custom-24 { | |
| background-color: #e56798; } | |
| .slds .slds-icon-custom-25 { | |
| background-color: #e46fbe; } | |
| .slds .slds-icon-custom-26 { | |
| background-color: #7698f0; } | |
| .slds .slds-icon-custom-27 { | |
| background-color: #5ab0d2; } | |
| .slds .slds-icon-custom-28 { | |
| background-color: #89c059; } | |
| .slds .slds-icon-custom-29 { | |
| background-color: #bdd25f; } | |
| .slds .slds-icon-custom-30 { | |
| background-color: #f59f71; } | |
| .slds .slds-icon-custom-31 { | |
| background-color: #eb687f; } | |
| .slds .slds-icon-custom-32 { | |
| background-color: #38c393; } | |
| .slds .slds-icon-custom-33 { | |
| background-color: #97cf5d; } | |
| .slds .slds-icon-custom-34 { | |
| background-color: #d58a6a; } | |
| .slds .slds-icon-custom-35 { | |
| background-color: #e9637e; } | |
| .slds .slds-icon-custom-36 { | |
| background-color: #d472d4; } | |
| .slds .slds-icon-custom-37 { | |
| background-color: #8c89f2; } | |
| .slds .slds-icon-custom-38 { | |
| background-color: #53b6d7; } | |
| .slds .slds-icon-custom-39 { | |
| background-color: #4fbe75; } | |
| .slds .slds-icon-custom-40 { | |
| background-color: #83c75e; } | |
| .slds .slds-icon-custom-41 { | |
| background-color: #43b5b5; } | |
| .slds .slds-icon-custom-42 { | |
| background-color: #cfd05b; } | |
| .slds .slds-icon-custom-43 { | |
| background-color: #7f93f9; } | |
| .slds .slds-icon-custom-44 { | |
| background-color: #c8ca58; } | |
| .slds .slds-icon-custom-45 { | |
| background-color: #d95879; } | |
| .slds .slds-icon-custom-46 { | |
| background-color: #67a5e7; } | |
| .slds .slds-icon-custom-47 { | |
| background-color: #5fcc64; } | |
| .slds .slds-icon-custom-48 { | |
| background-color: #ef697f; } | |
| .slds .slds-icon-custom-49 { | |
| background-color: #e25c80; } | |
| .slds .slds-icon-custom-50 { | |
| background-color: #49bcd3; } | |
| .slds .slds-icon-custom-51 { | |
| background-color: #d8c760; } | |
| .slds .slds-icon-custom-52 { | |
| background-color: #ee8e6f; } | |
| .slds .slds-icon-custom-53 { | |
| background-color: #f36e83; } | |
| .slds .slds-icon-custom-54 { | |
| background-color: #ea70b1; } | |
| .slds .slds-icon-custom-55 { | |
| background-color: #d66ee0; } | |
| .slds .slds-icon-custom-56 { | |
| background-color: #718deb; } | |
| .slds .slds-icon-custom-57 { | |
| background-color: #5a9cdd; } | |
| .slds .slds-icon-custom-58 { | |
| background-color: #34b59d; } | |
| .slds .slds-icon-custom-59 { | |
| background-color: #e3d067; } | |
| .slds .slds-icon-custom-60 { | |
| background-color: #bf5a88; } | |
| .slds .slds-icon-custom-61 { | |
| background-color: #f57376; } | |
| .slds .slds-icon-custom-62 { | |
| background-color: #6b92dc; } | |
| .slds .slds-icon-custom-63 { | |
| background-color: #7ccf60; } | |
| .slds .slds-icon-custom-64 { | |
| background-color: #618fd8; } | |
| .slds .slds-icon-custom-65 { | |
| background-color: #f279ab; } | |
| .slds .slds-icon-custom-66 { | |
| background-color: #d8be5f; } | |
| .slds .slds-icon-custom-67 { | |
| background-color: #f87d76; } | |
| .slds .slds-icon-custom-68 { | |
| background-color: #f26979; } | |
| .slds .slds-icon-custom-69 { | |
| background-color: #ed6387; } | |
| .slds .slds-icon-custom-70 { | |
| background-color: #e769b4; } | |
| .slds .slds-icon-custom-71 { | |
| background-color: #e36ee3; } | |
| .slds .slds-icon-custom-72 { | |
| background-color: #8d9bfb; } | |
| .slds .slds-icon-custom-73 { | |
| background-color: #679ef0; } | |
| .slds .slds-icon-custom-74 { | |
| background-color: #41c8a0; } | |
| .slds .slds-icon-custom-75 { | |
| background-color: #cd9f65; } | |
| .slds .slds-icon-custom-76 { | |
| background-color: #db6d7a; } | |
| .slds .slds-icon-custom-77 { | |
| background-color: #b55d5b; } | |
| .slds .slds-icon-custom-78 { | |
| background-color: #5a95dd; } | |
| .slds .slds-icon-custom-79 { | |
| background-color: #8ed363; } | |
| .slds .slds-icon-custom-80 { | |
| background-color: #659ad5; } | |
| .slds .slds-icon-custom-81 { | |
| background-color: #da627f; } | |
| .slds .slds-icon-custom-82 { | |
| background-color: #d15b97; } | |
| .slds .slds-icon-custom-83 { | |
| background-color: #e7806f; } | |
| .slds .slds-icon-custom-84 { | |
| background-color: #f6707b; } | |
| .slds .slds-icon-custom-85 { | |
| background-color: #f26891; } | |
| .slds .slds-icon-custom-86 { | |
| background-color: #e260ab; } | |
| .slds .slds-icon-custom-87 { | |
| background-color: #d876e5; } | |
| .slds .slds-icon-custom-88 { | |
| background-color: #996fe6; } | |
| .slds .slds-icon-custom-89 { | |
| background-color: #3e99be; } | |
| .slds .slds-icon-custom-90 { | |
| background-color: #22a48a; } | |
| .slds .slds-icon-custom-91 { | |
| background-color: #bf7b66; } | |
| .slds .slds-icon-custom-92 { | |
| background-color: #517e82; } | |
| .slds .slds-icon-custom-93 { | |
| background-color: #904d4c; } | |
| .slds .slds-icon-custom-94 { | |
| background-color: #439cba; } | |
| .slds .slds-icon-custom-95 { | |
| background-color: #8bcf6a; } | |
| .slds .slds-icon-custom-96 { | |
| background-color: #6d9de3; } | |
| .slds .slds-icon-custom-97 { | |
| background-color: #dd6085; } | |
| .slds .slds-icon-custom-98 { | |
| background-color: #e1be5c; } | |
| .slds .slds-icon-custom-99 { | |
| background-color: #f0856e; } | |
| .slds .slds-icon-custom-100 { | |
| background-color: #e15d76; } | |
| .slds .slds-icon-standard-log-a-call { | |
| background-color: #48c3cc; } | |
| .slds .slds-icon-standard-account { | |
| background-color: #7f8de1; } | |
| .slds .slds-icon-standard-social-post { | |
| background-color: #ea74a2; } | |
| .slds .slds-icon-standard-campaign-members { | |
| background-color: #f49756; } | |
| .slds .slds-icon-standard-article { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-answer-public { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-answer-private { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-answer-best { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-avatar-loading { | |
| background-color: #b8c3ce; } | |
| .slds .slds-icon-standard-campaign { | |
| background-color: #f49756; } | |
| .slds .slds-icon-standard-calibration { | |
| background-color: #47cfd2; } | |
| .slds .slds-icon-standard-avatar { | |
| background-color: #62b7ed; } | |
| .slds .slds-icon-standard-approval { | |
| background-color: #50cc7a; } | |
| .slds .slds-icon-standard-apps { | |
| background-color: #3c97dd; } | |
| .slds .slds-icon-standard-user { | |
| background-color: #34becd; } | |
| .slds .slds-icon-standard-evernote { | |
| background-color: #86c86f; } | |
| .slds .slds-icon-standard-coaching { | |
| background-color: #f67594; } | |
| .slds .slds-icon-standard-connected-apps-admins { | |
| background-color: #9895ee; } | |
| .slds .slds-icon-standard-drafts { | |
| background-color: #6ca1e9; } | |
| .slds .slds-icon-standard-email { | |
| background-color: #95aec5; } | |
| .slds .slds-icon-standard-endorsement { | |
| background-color: #8b9ae3; } | |
| .slds .slds-icon-standard-event { | |
| background-color: #eb7092; } | |
| .slds .slds-icon-standard-dropbox { | |
| background-color: #52aef9; } | |
| .slds .slds-icon-standard-concur { | |
| background-color: #4cc3c7; } | |
| .slds .slds-icon-standard-email-chatter { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-case-transcript { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-case-comment { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-case-change-status { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-client { | |
| background-color: #00d2be; } | |
| .slds .slds-icon-standard-contract { | |
| background-color: #6ec06e; } | |
| .slds .slds-icon-standard-dashboard { | |
| background-color: #ef6e64; } | |
| .slds .slds-icon-standard-case { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-empty { | |
| background-color: #8199af; } | |
| .slds .slds-icon-standard-default { | |
| background-color: #8199af; } | |
| .slds .slds-icon-standard-custom { | |
| background-color: #8199af; } | |
| .slds .slds-icon-standard-canvas { | |
| background-color: #8199af; } | |
| .slds .slds-icon-standard-contact { | |
| background-color: #a094ed; } | |
| .slds .slds-icon-standard-portal { | |
| background-color: #aec770; } | |
| .slds .slds-icon-standard-product { | |
| background-color: #b781d3; } | |
| .slds .slds-icon-standard-feed { | |
| background-color: #62b7ed; } | |
| .slds .slds-icon-standard-feedback { | |
| background-color: #6da1ea; } | |
| .slds .slds-icon-standard-file { | |
| background-color: #baac93; } | |
| .slds .slds-icon-standard-goals { | |
| background-color: #56aadf; } | |
| .slds .slds-icon-standard-groups { | |
| background-color: #779ef2; } | |
| .slds .slds-icon-standard-household { | |
| background-color: #00afa0; } | |
| .slds .slds-icon-standard-insights { | |
| background-color: #ec94ed; } | |
| .slds .slds-icon-standard-investment-account { | |
| background-color: #4bc076; } | |
| .slds .slds-icon-standard-performance { | |
| background-color: #f8b156; } | |
| .slds .slds-icon-standard-link { | |
| background-color: #7a9ae6; } | |
| .slds .slds-icon-standard-metrics { | |
| background-color: #56aadf; } | |
| .slds .slds-icon-standard-note { | |
| background-color: #e6d478; } | |
| .slds .slds-icon-standard-lead { | |
| background-color: #f88962; } | |
| .slds .slds-icon-standard-opportunity { | |
| background-color: #fcb95b; } | |
| .slds .slds-icon-standard-log-a-call-chatter { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-orders { | |
| background-color: #769ed9; } | |
| .slds .slds-icon-standard-post { | |
| background-color: #65cae4; } | |
| .slds .slds-icon-standard-poll { | |
| background-color: #699be1; } | |
| .slds .slds-icon-standard-photo { | |
| background-color: #d7d1d1; } | |
| .slds .slds-icon-standard-people { | |
| background-color: #34becd; } | |
| .slds .slds-icon-standard-generic-loading { | |
| background-color: #b8c3ce; } | |
| .slds .slds-icon-standard-group-loading { | |
| background-color: #b8c3ce; } | |
| .slds .slds-icon-standard-recent { | |
| background-color: #6ca1e9; } | |
| .slds .slds-icon-standard-solution { | |
| background-color: #8fc972; } | |
| .slds .slds-icon-standard-record { | |
| background-color: #7dc37d; } | |
| .slds .slds-icon-standard-question-best { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-question-feed { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-related-list { | |
| background-color: #59bcab; } | |
| .slds .slds-icon-standard-skill-entity { | |
| background-color: #8b9ae3; } | |
| .slds .slds-icon-standard-scan-card { | |
| background-color: #f39e58; } | |
| .slds .slds-icon-standard-report { | |
| background-color: #2ecbbe; } | |
| .slds .slds-icon-standard-quotes { | |
| background-color: #88c651; } | |
| .slds .slds-icon-standard-task { | |
| background-color: #4bc076; } | |
| .slds .slds-icon-standard-team-member { | |
| background-color: #f2cf5b; } | |
| .slds .slds-icon-standard-thanks { | |
| background-color: #e9696e; } | |
| .slds .slds-icon-standard-thanks-loading { | |
| background-color: #b8c3ce; } | |
| .slds .slds-icon-standard-today { | |
| background-color: #ef7ead; } | |
| .slds .slds-icon-standard-topic { | |
| background-color: #56aadf; } | |
| .slds .slds-icon-standard-unmatched { | |
| background-color: #62b7ed; } | |
| .slds .slds-icon-standard-marketing-actions { | |
| background-color: #6bbd6e; } | |
| .slds .slds-icon-standard-marketing-resources { | |
| background-color: black; } | |
| .slds .slds-icon-text-default { | |
| fill: #54698d; } | |
| .slds .slds-icon-text-warning { | |
| fill: #ffb75d; } | |
| .slds .slds-icon-text-error { | |
| fill: #c23934; } | |
| .slds .slds-icon--x-small { | |
| line-height: 1; | |
| width: 1rem; | |
| height: 1rem; } | |
| .slds .slds-icon--small { | |
| line-height: 1; | |
| width: 1.5rem; | |
| height: 1.5rem; } | |
| .slds .slds-icon--large { | |
| width: 3rem; | |
| height: 3rem; } | |
| .slds .slds-card { | |
| padding: 0; | |
| border-radius: 0.25rem; | |
| background-clip: padding-box; | |
| background-color: #f4f6f9; | |
| border: 1px solid #d8dde6; } | |
| .slds .slds-card + .slds-card { | |
| margin-top: 1rem; } | |
| .slds .slds-card__header { | |
| padding: 0.75rem 0.75rem 0.25rem; } | |
| .slds .slds-card__body { | |
| padding: 0.5rem 0; } | |
| .slds .slds-card__footer { | |
| padding: 0.25rem 1rem 0.5rem; } | |
| .slds .slds-card .slds-tile { | |
| margin: 0.5rem; | |
| padding: 0.5rem; } | |
| .slds .slds-card--empty .slds-card__body { | |
| text-align: center; } | |
| .slds .slds-form-element { | |
| position: relative; } | |
| .slds .slds-form-element__helper { | |
| font-size: 0.75rem; } | |
| .slds .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 .slds-form-element__label:empty { | |
| margin: 0; } | |
| .slds .slds-form-element__help { | |
| font-size: 0.75rem; | |
| margin-top: 0.5rem; | |
| display: block; } | |
| .slds .slds-input { | |
| background-color: white; | |
| color: #16325c; | |
| border: 1px solid #d8dde6; | |
| border-radius: 0.25rem; | |
| width: 100%; | |
| -webkit-transition: border 0.1s linear, background-color 0.1s linear; | |
| 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 .slds-input:focus, | |
| .slds .slds-input:active { | |
| outline: 0; | |
| border-color: #1589ee; | |
| background-color: white; | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-input[disabled], | |
| .slds .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 .slds-input[disabled]:focus, | |
| .slds .slds-input[disabled]:active, | |
| .slds .slds-input.slds-is-disabled:focus, | |
| .slds .slds-input.slds-is-disabled:active { | |
| box-shadow: none; } | |
| .slds .slds-input--small { | |
| line-height: 1.875rem; | |
| min-height: calc(1.875rem + 2px); | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; } | |
| .slds .slds-input--small::-webkit-input-placeholder { | |
| color: #54698d; | |
| font-weight: 400; | |
| font-size: 0.875rem; } | |
| .slds .slds-input--small:-moz-placeholder { | |
| color: #54698d; | |
| font-weight: 400; | |
| font-size: 0.875rem; } | |
| .slds .slds-input--small::-moz-placeholder { | |
| color: #54698d; | |
| font-weight: 400; | |
| font-size: 0.875rem; } | |
| .slds .slds-input--small:-ms-input-placeholder { | |
| color: #54698d; | |
| font-weight: 400; | |
| font-size: 0.875rem; } | |
| .slds .slds-input--bare { | |
| background-color: transparent; | |
| border: none; | |
| color: #16325c; } | |
| .slds .slds-input--bare:focus, | |
| .slds .slds-input--bare:active { | |
| outline: 0; } | |
| .slds .slds-input-has-icon { | |
| position: relative; } | |
| .slds .slds-input-has-icon .slds-input__icon { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| top: 50%; | |
| margin-top: -0.5rem; | |
| fill: #54698d; } | |
| .slds .slds-input-has-icon--left .slds-input__icon { | |
| left: 0.75rem; } | |
| .slds .slds-input-has-icon--left .slds-input, | |
| .slds .slds-input-has-icon--left .slds-input--bare { | |
| padding-left: 2rem; } | |
| .slds .slds-input-has-icon--right .slds-input__icon { | |
| right: 0.75rem; } | |
| .slds .slds-input-has-icon--right .slds-input, | |
| .slds .slds-input-has-icon--right .slds-input--bare { | |
| padding-right: 2rem; } | |
| .slds .slds-textarea { | |
| background-color: white; | |
| color: #16325c; | |
| border: 1px solid #d8dde6; | |
| border-radius: 0.25rem; | |
| width: 100%; | |
| -webkit-transition: border 0.1s linear, background-color 0.1s linear; | |
| transition: border 0.1s linear, background-color 0.1s linear; | |
| resize: vertical; | |
| padding: 0.5rem 0.75rem; } | |
| .slds .slds-textarea:focus, | |
| .slds .slds-textarea:active { | |
| outline: 0; | |
| border-color: #1589ee; | |
| background-color: white; | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-textarea[disabled], | |
| .slds .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 .slds-textarea[disabled]:focus, | |
| .slds .slds-textarea[disabled]:active, | |
| .slds .slds-textarea.slds-is-disabled:focus, | |
| .slds .slds-textarea.slds-is-disabled:active { | |
| box-shadow: none; } | |
| .slds .slds-radio { | |
| display: inline-block; } | |
| .slds .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; | |
| -webkit-transition: border 0.1s linear, background-color 0.1s linear; | |
| transition: border 0.1s linear, background-color 0.1s linear; } | |
| .slds .slds-radio .slds-form-element__label { | |
| display: inline; | |
| vertical-align: middle; | |
| font-size: 0.875rem; } | |
| .slds .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 .slds-radio [type="radio"]:checked > .slds-radio--faux, | |
| .slds .slds-radio [type="radio"]:checked ~ .slds-radio--faux { | |
| background: white; } | |
| .slds .slds-radio [type="radio"]:checked > .slds-radio--faux:after, | |
| .slds .slds-radio [type="radio"]:checked ~ .slds-radio--faux:after { | |
| width: 0.5rem; | |
| height: 0.5rem; | |
| content: ''; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| -webkit-transform: translate3d(-50%, -50%, 0); | |
| transform: translate3d(-50%, -50%, 0); | |
| border-radius: 50%; | |
| background: #1589ee; } | |
| .slds .slds-radio [type="radio"]:focus > .slds-radio--faux, | |
| .slds .slds-radio [type="radio"]:focus ~ .slds-radio--faux { | |
| border-color: #1589ee; | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-radio [type="radio"][disabled] { | |
| cursor: not-allowed; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; } | |
| .slds .slds-radio [type="radio"][disabled] ~ .slds-radio--faux { | |
| background-color: #e0e5ee; | |
| border-color: #a8b7c7; } | |
| .slds .slds-has-error .slds-radio [type="radio"] > .slds-radio--faux, | |
| .slds .slds-has-error .slds-radio [type="radio"] ~ .slds-radio--faux { | |
| border-color: #c23934; | |
| border-width: 2px; } | |
| .slds .slds-has-error .slds-radio [type="radio"]:checked > .slds-radio--faux, | |
| .slds .slds-has-error .slds-radio [type="radio"]:checked ~ .slds-radio--faux { | |
| background: white; } | |
| .slds .slds-has-error .slds-radio [type="radio"]:checked > .slds-radio--faux:after, | |
| .slds .slds-has-error .slds-radio [type="radio"]:checked ~ .slds-radio--faux:after { | |
| background: #d4504c; } | |
| .slds .slds-is-required > .slds-radio [type="radio"] > .slds-form-element__label:before, | |
| .slds .slds-is-required > .slds-radio [type="radio"] ~ .slds-form-element__label:before { | |
| content: '*'; | |
| color: #c23934; | |
| position: absolute; | |
| left: -0.5rem; } | |
| .slds .slds-form-element__control .slds-radio { | |
| display: block; } | |
| .slds .slds-form-element .slds-radio [type="radio"] > .slds-radio--faux, | |
| .slds .slds-form-element .slds-radio [type="radio"] ~ .slds-radio--faux { | |
| margin-right: 0.5rem; } | |
| .slds .slds-checkbox { | |
| display: inline-block; } | |
| .slds .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; | |
| -webkit-transition: border 0.1s linear, background-color 0.1s linear; | |
| transition: border 0.1s linear, background-color 0.1s linear; } | |
| .slds .slds-checkbox .slds-form-element__label { | |
| display: inline; | |
| vertical-align: middle; | |
| font-size: 0.875rem; } | |
| .slds .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 .slds-checkbox [type="checkbox"]:checked > .slds-checkbox--faux:after, | |
| .slds .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux:after { | |
| display: block; | |
| content: ''; | |
| height: 0.25rem; | |
| width: 0.5rem; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); | |
| transform: translate3d(-50%, -50%, 0) rotate(-45deg); | |
| border-bottom: 2px solid #1589ee; | |
| border-left: 2px solid #1589ee; } | |
| .slds .slds-checkbox [type="checkbox"]:focus > .slds-checkbox--faux, | |
| .slds .slds-checkbox [type="checkbox"]:focus ~ .slds-checkbox--faux { | |
| content: ''; | |
| border-color: #1589ee; | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-checkbox [type="checkbox"]:focus:checked > .slds-checkbox--faux, | |
| .slds .slds-checkbox [type="checkbox"]:focus:checked ~ .slds-checkbox--faux { | |
| border-color: #1589ee; | |
| background-color: white; } | |
| .slds .slds-checkbox [type="checkbox"][disabled] > .slds-checkbox--faux, | |
| .slds .slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox--faux { | |
| background-color: #e0e5ee; | |
| border-color: #a8b7c7; } | |
| .slds .slds-checkbox [type="checkbox"][disabled] > .slds-checkbox--faux:after, | |
| .slds .slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox--faux:after { | |
| border-color: white; } | |
| .slds .slds-has-error .slds-checkbox [type="checkbox"] > .slds-checkbox--faux, | |
| .slds .slds-has-error .slds-checkbox [type="checkbox"] ~ .slds-checkbox--faux { | |
| border-color: #c23934; | |
| border-width: 2px; } | |
| .slds .slds-has-error .slds-checkbox [type="checkbox"]:checked > .slds-checkbox--faux, | |
| .slds .slds-has-error .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux { | |
| border-color: #c23934; | |
| background-color: white; } | |
| .slds .slds-has-error .slds-checkbox [type="checkbox"]:checked > .slds-checkbox--faux:after, | |
| .slds .slds-has-error .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux:after { | |
| border-color: #d4504c; } | |
| .slds .slds-is-required > .slds-checkbox [type="checkbox"] > .slds-form-element__label:before, | |
| .slds .slds-is-required > .slds-checkbox [type="checkbox"] ~ .slds-form-element__label:before { | |
| content: '*'; | |
| color: #c23934; | |
| position: absolute; | |
| left: -0.5rem; } | |
| .slds .slds-form-element .slds-checkbox [type="checkbox"] > .slds-checkbox--faux, | |
| .slds .slds-form-element .slds-checkbox [type="checkbox"] ~ .slds-checkbox--faux { | |
| margin-right: 0.5rem; } | |
| .slds .slds-select { | |
| background-color: white; | |
| color: #16325c; | |
| border: 1px solid #d8dde6; | |
| border-radius: 0.25rem; | |
| width: 100%; | |
| -webkit-transition: border 0.1s linear, background-color 0.1s linear; | |
| transition: border 0.1s linear, background-color 0.1s linear; | |
| height: 2.125rem; } | |
| .slds .slds-select:focus, | |
| .slds .slds-select:active { | |
| outline: 0; | |
| border-color: #1589ee; | |
| background-color: white; | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-select[disabled], | |
| .slds .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 .slds-select[disabled]:focus, | |
| .slds .slds-select[disabled]:active, | |
| .slds .slds-select.slds-is-disabled:focus, | |
| .slds .slds-select.slds-is-disabled:active { | |
| box-shadow: none; } | |
| .slds .slds-select[size] { | |
| min-height: 2.125rem; | |
| height: inherit; } | |
| .slds .slds-select[size] option { | |
| padding: 0.5rem; } | |
| .slds .slds-picklist--draggable .slds-button { | |
| margin: 0.25rem; } | |
| .slds .slds-picklist--draggable .slds-button:first-of-type { | |
| margin-top: 1.5rem; } | |
| .slds .slds-picklist__options { | |
| border: 1px solid #d8dde6; | |
| border-radius: 0.25rem; | |
| padding: 0.25rem 0; | |
| width: 15rem; | |
| height: 15rem; | |
| background-color: white; } | |
| .slds .slds-picklist__options--multi { | |
| overflow: auto; } | |
| .slds .slds-picklist__item { | |
| position: relative; | |
| line-height: 1.5; } | |
| .slds .slds-picklist__item > a, | |
| .slds .slds-picklist__item > span { | |
| display: block; | |
| padding: 0.5rem 0.75rem; } | |
| .slds .slds-picklist__item > a:hover, | |
| .slds .slds-picklist__item > span:hover { | |
| background-color: #f4f6f9; | |
| cursor: pointer; } | |
| .slds .slds-picklist__item > a:active, | |
| .slds .slds-picklist__item > span:active { | |
| background-color: #eef1f6; } | |
| .slds .slds-picklist__item[aria-selected="true"] { | |
| background-color: #eef1f6; } | |
| @media (min-width: 48em) { | |
| .slds .slds-form--horizontal { | |
| text-align: right; } } | |
| @media (min-width: 48em) { | |
| .slds .slds-form--horizontal .slds-form-element > .slds-form-element__label { | |
| display: inline-block; | |
| max-width: 33%; | |
| vertical-align: top; | |
| position: relative; | |
| top: 0.3125rem; | |
| margin-bottom: 0; } | |
| .slds .slds-form--horizontal .slds-form-element > .slds-form-element__label--top { | |
| top: 0; } } | |
| .slds .slds-form--horizontal .slds-form-element__control { | |
| width: 100%; } | |
| @media (max-width: 64em) { | |
| .slds .slds-form--horizontal .slds-form-element__control { | |
| vertical-align: top; } } | |
| @media (min-width: 48em) { | |
| .slds .slds-form--horizontal .slds-form-element__control { | |
| width: calc(66% - (0.75rem * 2)); | |
| display: inline-block; | |
| text-align: left; } } | |
| .slds .slds-form--horizontal .slds-form-element__control .slds-checkbox, | |
| .slds .slds-form--horizontal .slds-form-element__control .slds-radio { | |
| display: block; } | |
| @media (max-width: 30em) { | |
| .slds .slds-form--horizontal .slds-form-element { | |
| margin-bottom: 1rem; } } | |
| .slds .slds-form--horizontal .slds-form-element + .slds-form-element { | |
| margin-top: 1rem; } | |
| .slds .slds-form--stacked .slds-form-element { | |
| display: block; } | |
| .slds .slds-form--stacked .slds-form-element + .slds-form-element { | |
| margin-top: 0.5rem; } | |
| .slds .slds-form--stacked .slds-form-element .slds-checkbox, | |
| .slds .slds-form--stacked .slds-form-element .slds-radio { | |
| display: block; } | |
| @media (max-width: 30em) { | |
| .slds .slds-form--inline .slds-form-element { | |
| margin-bottom: 0.75rem; } } | |
| @media (min-width: 30em) { | |
| .slds .slds-form--inline .slds-form-element { | |
| margin-right: 1rem; } | |
| .slds .slds-form--inline .slds-form-element, | |
| .slds .slds-form--inline .slds-form-element__control { | |
| display: inline-block; | |
| vertical-align: middle; } } | |
| .slds .slds-form--compound .slds-form-element__row { | |
| margin-bottom: 0.5rem; } | |
| .slds .slds-form--compound .slds-form-element__row + .slds-form-element__row { | |
| clear: both; } | |
| .slds .slds-form--compound .slds-form-element__control { | |
| display: inline-block; | |
| position: relative; } | |
| .slds .slds-form--compound .slds-form-element__control + .slds-form-element__control { | |
| padding-left: 0.5rem; } | |
| @media (min-width: 48em) { | |
| .slds .slds-form--compound .slds-form-element__label { | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; } } | |
| @media (min-width: 48em) { | |
| .slds .slds-form--compound--horizontal .slds-form-element__label { | |
| float: left; | |
| text-align: right; | |
| position: relative; | |
| top: 0.5rem; | |
| min-width: 5rem; | |
| max-width: 33%; } } | |
| .slds .slds-form-element__static { | |
| display: inline-block; | |
| line-height: 2.125rem; | |
| min-height: calc(2.125rem + 2px); } | |
| .slds .slds-is-required > .slds-form-element__label:before { | |
| content: '*'; | |
| color: #c23934; | |
| position: absolute; | |
| left: -0.5rem; } | |
| .slds .slds-has-error .slds-input { | |
| background-color: white; | |
| border-color: #c23934; | |
| box-shadow: #c23934 0 0 0 1px inset; | |
| background-clip: padding-box; } | |
| .slds .slds-has-error .slds-input:focus, | |
| .slds .slds-has-error .slds-input:active { | |
| box-shadow: #c23934 0 0 0 1px inset, 0 0 3px #0070D2; } | |
| .slds .slds-has-error .slds-textarea { | |
| background-color: white; | |
| border-color: #c23934; | |
| box-shadow: #c23934 0 0 0 1px inset; | |
| background-clip: padding-box; } | |
| .slds .slds-has-error .slds-textarea:focus, | |
| .slds .slds-has-error .slds-textarea:active { | |
| box-shadow: #c23934 0 0 0 1px inset, 0 0 3px #0070D2; } | |
| .slds .slds-has-error .slds-select { | |
| background-color: white; | |
| border-color: #c23934; | |
| box-shadow: #c23934 0 0 0 1px inset; | |
| background-clip: padding-box; } | |
| .slds .slds-has-error .slds-select:focus, | |
| .slds .slds-has-error .slds-select:active { | |
| box-shadow: #c23934 0 0 0 1px inset, 0 0 3px #0070D2; } | |
| .slds .slds-has-error .slds-form-element__help { | |
| color: #c23934; } | |
| .slds .slds-has-error .slds-input__icon { | |
| fill: #c23934; } | |
| .slds .slds-modal--form .slds-modal__container, | |
| .slds .slds-modal--form .slds-modal__header { | |
| border-radius: 0; } | |
| .slds .slds-modal--form .slds-modal__container { | |
| margin: 0; | |
| padding: 0; } | |
| .slds .slds-modal--form .slds-modal__header .slds-button { | |
| display: inline-block; | |
| width: auto; } | |
| .slds .slds-modal--form .slds-modal__header .slds-button:first-child { | |
| float: left; } | |
| .slds .slds-modal--form .slds-modal__header .slds-button:first-child + .slds-button { | |
| float: right; | |
| margin-top: 0; } | |
| .slds .slds-grid { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| position: relative; } | |
| .slds .slds-grid--frame { | |
| width: 100vw; | |
| height: 100vh; | |
| overflow: hidden; } | |
| .slds .slds-grid--vertical { | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; } | |
| .slds-text-longform .slds .slds-grid { | |
| padding-left: 0; } | |
| .slds .slds-grid, | |
| .slds-text-longform .slds .slds-grid { | |
| margin-left: 0; | |
| list-style: none; } | |
| .slds .slds-col, | |
| .slds .slds-col--padded { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 1 auto; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; } | |
| .slds-text-longform .slds .slds-col, | |
| .slds-text-longform .slds .slds-col--padded { | |
| list-style: none; } | |
| .slds .slds-col--padded { | |
| padding-right: 0.75rem; | |
| padding-left: 0.75rem; } | |
| .slds .slds-col--padded-medium { | |
| padding-right: 1rem; | |
| padding-left: 1rem; } | |
| .slds .slds-col--padded-large { | |
| padding-right: 1.5rem; | |
| padding-left: 1.5rem; } | |
| .slds .slds-grid--pull-padded, | |
| .slds .slds-col--padded > .slds-grid { | |
| margin-right: -0.75rem; | |
| margin-left: -0.75rem; } | |
| .slds .slds-grid--pull-padded-medium, | |
| .slds .slds-col--padded-medium > .slds-grid { | |
| margin-right: -1rem; | |
| margin-left: -1rem; } | |
| .slds .slds-grid--pull-padded-large, | |
| .slds .slds-col--padded-large > .slds-grid { | |
| margin-right: -1.5rem; | |
| margin-left: -1.5rem; } | |
| @media (min-width: 64em) { | |
| .slds .slds-col-rule--left { | |
| border-left: 1px solid #f4f6f9; } | |
| .slds .slds-col-rule--right { | |
| border-right: 1px solid #f4f6f9; } | |
| .slds .slds-col-rule--top { | |
| border-top: 1px solid #f4f6f9; } | |
| .slds .slds-col-rule--bottom { | |
| border-bottom: 1px solid #f4f6f9; } } | |
| .slds .slds-wrap { | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-align: start; | |
| -webkit-align-items: flex-start; | |
| -ms-flex-align: start; | |
| align-items: flex-start; } | |
| .slds .slds-nowrap { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 1 auto; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-align: stretch; | |
| -webkit-align-items: stretch; | |
| -ms-flex-align: stretch; | |
| align-items: stretch; } | |
| @media (min-width: 30em) { | |
| .slds .slds-nowrap--small { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 1 auto; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-align: stretch; | |
| -webkit-align-items: stretch; | |
| -ms-flex-align: stretch; | |
| align-items: stretch; } } | |
| @media (min-width: 48em) { | |
| .slds .slds-nowrap--medium { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 1 auto; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-align: stretch; | |
| -webkit-align-items: stretch; | |
| -ms-flex-align: stretch; | |
| align-items: stretch; } } | |
| @media (min-width: 64em) { | |
| .slds .slds-nowrap--large { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 1 auto; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-align: stretch; | |
| -webkit-align-items: stretch; | |
| -ms-flex-align: stretch; | |
| align-items: stretch; } } | |
| .slds .slds-has-flexi-truncate { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 1 0%; | |
| -ms-flex: 1 1 0%; | |
| flex: 1 1 0%; | |
| min-width: 0; } | |
| .slds .slds-no-flex { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: none; | |
| -ms-flex: none; | |
| flex: none; } | |
| .slds .slds-no-space { | |
| min-width: 0; } | |
| .slds .slds-grow { | |
| -webkit-box-flex: 1; | |
| -webkit-flex-grow: 1; | |
| -ms-flex-positive: 1; | |
| flex-grow: 1; } | |
| .slds .slds-grow-none { | |
| -webkit-box-flex: 0; | |
| -webkit-flex-grow: 0; | |
| -ms-flex-positive: 0; | |
| flex-grow: 0; } | |
| .slds .slds-shrink { | |
| -webkit-flex-shrink: 1; | |
| -ms-flex-negative: 1; | |
| flex-shrink: 1; } | |
| .slds .slds-shrink-none { | |
| -webkit-flex-shrink: 0; | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; } | |
| .slds .slds-container--small { | |
| max-width: 36rem; } | |
| .slds .slds-container--medium { | |
| max-width: 60rem; } | |
| .slds .slds-container--large { | |
| max-width: 80rem; } | |
| .slds .slds-container--fluid { | |
| width: 100%; } | |
| .slds .slds-container--center { | |
| margin-left: auto; | |
| margin-right: auto; } | |
| .slds .slds-container--left { | |
| margin-right: auto; } | |
| .slds .slds-container--right { | |
| margin-left: auto; } | |
| .slds .slds-grid--align-center { | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; } | |
| .slds .slds-grid--align-center .slds-col, | |
| .slds .slds-grid--align-center .slds-col--padded { | |
| -webkit-box-flex: 0; | |
| -webkit-flex-grow: 0; | |
| -ms-flex-positive: 0; | |
| flex-grow: 0; } | |
| .slds .slds-grid--align-space { | |
| -webkit-justify-content: space-around; | |
| -ms-flex-pack: distribute; | |
| justify-content: space-around; } | |
| .slds .slds-grid--align-space .slds-col, | |
| .slds .slds-grid--align-space .slds-col--padded { | |
| -webkit-box-flex: 0; | |
| -webkit-flex-grow: 0; | |
| -ms-flex-positive: 0; | |
| flex-grow: 0; } | |
| .slds .slds-grid--align-spread { | |
| -webkit-box-pack: justify; | |
| -webkit-justify-content: space-between; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; } | |
| .slds .slds-grid--align-spread .slds-col, | |
| .slds .slds-grid--align-spread .slds-col--padded { | |
| -webkit-box-flex: 0; | |
| -webkit-flex-grow: 0; | |
| -ms-flex-positive: 0; | |
| flex-grow: 0; } | |
| .slds .slds-align-top { | |
| vertical-align: top; | |
| -webkit-align-self: flex-start; | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; } | |
| .slds .slds-align-middle { | |
| vertical-align: middle; | |
| -webkit-align-self: center; | |
| -ms-flex-item-align: center; | |
| align-self: center; } | |
| .slds .slds-align-bottom { | |
| vertical-align: bottom; | |
| -webkit-align-self: flex-end; | |
| -ms-flex-item-align: end; | |
| align-self: flex-end; } | |
| .slds .slds-align-content-center { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1; | |
| -ms-flex: 1; | |
| flex: 1; | |
| -webkit-align-self: center; | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; } | |
| .slds .slds-grid--overflow { | |
| -webkit-flex-flow: row nowrap; | |
| -ms-flex-flow: row nowrap; | |
| flex-flow: row nowrap; } | |
| .slds .slds-grid--overflow .slds-col { | |
| min-width: 11.25em; | |
| max-width: 22.5em; } | |
| .slds .slds-tooltip { | |
| position: relative; | |
| border-radius: 0.25rem; | |
| max-width: 20rem; | |
| min-height: 2rem; | |
| z-index: 6000; | |
| background-color: #061c3f; } | |
| .slds .slds-tooltip__body { | |
| padding: 0.5rem 0.75rem; | |
| font-size: 0.75rem; | |
| color: white; } | |
| .slds .slds-popover { | |
| position: relative; | |
| border-radius: 0.25rem; | |
| max-width: 20rem; | |
| min-height: 2rem; | |
| z-index: 6000; | |
| background-color: white; | |
| box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16); | |
| border: 1px solid #d8dde6; } | |
| .slds .slds-popover__body { | |
| position: relative; | |
| padding: 0.5rem 0.75rem; } | |
| .slds .slds-popover--tooltip { | |
| background: #061c3f; | |
| border: none; } | |
| .slds .slds-popover--tooltip .slds-popover__body { | |
| font-size: 0.75rem; | |
| color: white; } | |
| .slds .slds-rise-from-ground { | |
| visibility: visible; | |
| opacity: 1; | |
| -webkit-transform: translate(0%, 0%); | |
| -ms-transform: translate(0%, 0%); | |
| transform: translate(0%, 0%); | |
| -webkit-transition: opacity 0.1s linear, visibility 0.1s linear, -webkit-transform 0.1s linear; | |
| transition: opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear; | |
| will-change: transform; } | |
| .slds .slds-fall-into-ground { | |
| visibility: hidden; | |
| opacity: 0; | |
| -webkit-transform: translate(0%, 0%); | |
| -ms-transform: translate(0%, 0%); | |
| transform: translate(0%, 0%); | |
| -webkit-transition: opacity 0.1s linear, visibility 0.1s linear, -webkit-transform 0.1s linear; | |
| transition: opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear; | |
| will-change: transform; } | |
| .slds .slds-slide-from-bottom-to-top { | |
| -webkit-transform: translateY(10%); | |
| -ms-transform: translateY(10%); | |
| transform: translateY(10%); | |
| will-change: transform; } | |
| .slds .slds-slide-from-top-to-bottom { | |
| -webkit-transform: translateY(-10%); | |
| -ms-transform: translateY(-10%); | |
| transform: translateY(-10%); | |
| will-change: transform; } | |
| .slds .slds-slide-from-right-to-left { | |
| -webkit-transform: translateX(5%); | |
| -ms-transform: translateX(5%); | |
| transform: translateX(5%); | |
| will-change: transform; } | |
| .slds .slds-slide-from-left-to-right { | |
| -webkit-transform: translateX(-5%); | |
| -ms-transform: translateX(-5%); | |
| transform: translateX(-5%); | |
| will-change: transform; } | |
| .slds .slds-popover--panel .slds-popover__header { | |
| background: #f4f6f9; | |
| padding: 1rem; | |
| border-radius: 0.25rem 0.25rem 0 0; } | |
| .slds .slds-popover--panel .slds-popover__body { | |
| padding: 0; } | |
| .slds .slds-popover--panel .slds-popover__body-list { | |
| padding: 1rem; | |
| border-top: 1px solid #d8dde6; } | |
| .slds .slds-popover--panel.slds-nubbin--left-top:before, | |
| .slds .slds-popover--panel.slds-nubbin--left-top:after, | |
| .slds .slds-popover--panel.slds-nubbin--right-top:before, | |
| .slds .slds-popover--panel.slds-nubbin--right-top:after, | |
| .slds .slds-popover--panel.slds-nubbin--top-left:before, | |
| .slds .slds-popover--panel.slds-nubbin--top-left:after, | |
| .slds .slds-popover--panel.slds-nubbin--top-right:before, | |
| .slds .slds-popover--panel.slds-nubbin--top-right:after { | |
| background: #f4f6f9; } | |
| .slds .slds-nubbin--top:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| top: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--top:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| top: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--top:after { | |
| box-shadow: -1px -1px 0 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--top-left:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| top: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--top-left:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| top: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--top-left:after { | |
| box-shadow: -1px -1px 0 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--top-left:before, | |
| .slds .slds-nubbin--top-left:after { | |
| left: 2rem; | |
| top: -0.5rem; } | |
| .slds .slds-nubbin--top-right:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| top: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--top-right:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| top: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--top-right:after { | |
| box-shadow: -1px -1px 0 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--top-right:before, | |
| .slds .slds-nubbin--top-right:after { | |
| left: auto; | |
| right: 2rem; | |
| top: -0.5rem; | |
| margin-right: -0.5rem; } | |
| .slds .slds-nubbin--bottom:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| bottom: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--bottom:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| bottom: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--bottom:after { | |
| box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--bottom-left:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| bottom: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--bottom-left:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| bottom: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--bottom-left:after { | |
| box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--bottom-left:before, | |
| .slds .slds-nubbin--bottom-left:after { | |
| left: 2rem; | |
| top: 100%; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--bottom-right:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| bottom: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--bottom-right:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| left: 50%; | |
| bottom: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-nubbin--bottom-right:after { | |
| box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--bottom-right:before, | |
| .slds .slds-nubbin--bottom-right:after { | |
| left: auto; | |
| right: 2rem; | |
| top: 100%; | |
| margin-top: -0.5rem; | |
| margin-right: -0.5rem; } | |
| .slds .slds-nubbin--left:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| left: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--left:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| left: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--left:after { | |
| box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--left-top:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| left: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--left-top:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| left: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--left-top:after { | |
| box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--left-top:before, | |
| .slds .slds-nubbin--left-top:after { | |
| top: 2rem; } | |
| .slds .slds-nubbin--left-bottom:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| left: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--left-bottom:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| left: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--left-bottom:before { | |
| margin-bottom: -1px; } | |
| .slds .slds-nubbin--left-bottom:after { | |
| box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--left-bottom:before, | |
| .slds .slds-nubbin--left-bottom:after { | |
| top: auto; | |
| bottom: 2rem; } | |
| .slds .slds-nubbin--right:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| right: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--right:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| right: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--right:after { | |
| box-shadow: 1px -1px 2px 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--right-top:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| right: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--right-top:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| right: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--right-top:after { | |
| box-shadow: 1px -1px 2px 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--right-top:before, | |
| .slds .slds-nubbin--right-top:after { | |
| top: 2rem; } | |
| .slds .slds-nubbin--right-bottom:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| right: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--right-bottom:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: inherit; | |
| top: 50%; | |
| right: -0.5rem; | |
| margin-top: -0.5rem; } | |
| .slds .slds-nubbin--right-bottom:before { | |
| margin-bottom: -1px; } | |
| .slds .slds-nubbin--right-bottom:after { | |
| box-shadow: 2px -1px 3px 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-nubbin--right-bottom:before, | |
| .slds .slds-nubbin--right-bottom:after { | |
| top: auto; | |
| bottom: 2rem; } | |
| .slds .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); | |
| -webkit-transform: translateX(-50%); | |
| -ms-transform: translateX(-50%); | |
| transform: translateX(-50%); } | |
| .slds .slds-dropdown--left { | |
| left: 0; | |
| -webkit-transform: translateX(0); | |
| -ms-transform: translateX(0); | |
| transform: translateX(0); } | |
| .slds .slds-dropdown--right { | |
| left: auto; | |
| right: 0; | |
| -webkit-transform: translateX(0); | |
| -ms-transform: translateX(0); | |
| transform: translateX(0); } | |
| .slds .slds-dropdown--bottom { | |
| bottom: 100%; } | |
| .slds .slds-dropdown--small { | |
| min-width: 15rem; } | |
| .slds .slds-dropdown--medium { | |
| min-width: 20rem; } | |
| .slds .slds-dropdown--large { | |
| min-width: 25rem; | |
| max-width: 512px; } | |
| .slds .slds-dropdown mark { | |
| font-weight: 700; | |
| background-color: transparent; } | |
| .slds .slds-dropdown[class*="slds-nubbin--top"] { | |
| margin-top: 0.5rem; } | |
| .slds .slds-dropdown[class*="slds-nubbin--bottom"] { | |
| margin-bottom: 0.5rem; } | |
| .slds .slds-dropdown--nubbin-top { | |
| margin-top: 0.5rem; } | |
| .slds .slds-dropdown--nubbin-top:before { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: white; | |
| left: 50%; | |
| top: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-dropdown--nubbin-top:after { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| content: ""; | |
| background-color: white; | |
| left: 50%; | |
| top: -0.5rem; | |
| margin-left: -0.5rem; } | |
| .slds .slds-dropdown--nubbin-top:before { | |
| background: white; } | |
| .slds .slds-dropdown--nubbin-top:after { | |
| background: white; | |
| box-shadow: -1px -1px 0 0px rgba(0, 0, 0, 0.16); | |
| z-index: -1; } | |
| .slds .slds-dropdown--nubbin-top.slds-dropdown--left { | |
| left: -1rem; } | |
| .slds .slds-dropdown--nubbin-top.slds-dropdown--left:before, | |
| .slds .slds-dropdown--nubbin-top.slds-dropdown--left:after { | |
| left: 1.5rem; | |
| margin-left: 0; } | |
| .slds .slds-dropdown--nubbin-top.slds-dropdown--right { | |
| right: -1rem; } | |
| .slds .slds-dropdown--nubbin-top.slds-dropdown--right:before, | |
| .slds .slds-dropdown--nubbin-top.slds-dropdown--right:after { | |
| left: auto; | |
| right: 1.5rem; | |
| margin-left: 0; } | |
| .slds .slds-dropdown__header { | |
| padding: 0.5rem 0.75rem; } | |
| .slds .slds-dropdown__item { | |
| line-height: 1.5; } | |
| .slds .slds-dropdown__item > a { | |
| position: relative; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: justify; | |
| -webkit-justify-content: space-between; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| padding: 0.5rem 0.75rem; | |
| color: #16325c; | |
| white-space: nowrap; | |
| cursor: pointer; } | |
| .slds .slds-dropdown__item > a:hover, | |
| .slds .slds-dropdown__item > a:focus { | |
| outline: 0; | |
| text-decoration: none; | |
| background-color: #f4f6f9; } | |
| .slds .slds-dropdown__item > a:active { | |
| text-decoration: none; | |
| background-color: #eef1f6; } | |
| .slds .slds-dropdown__item > a[aria-disabled="true"] { | |
| color: #d8dde6; | |
| cursor: default; } | |
| .slds .slds-dropdown__item > a[aria-disabled="true"]:hover { | |
| background-color: transparent; } | |
| .slds .slds-dropdown__item .slds-icon--selected { | |
| opacity: 0; | |
| -webkit-transition: opacity 0.05s ease; | |
| transition: opacity 0.05s ease; } | |
| .slds .slds-dropdown__item.slds-is-selected .slds-icon--selected { | |
| fill: #0070d2; | |
| opacity: 1; } | |
| .slds .slds-dropdown .slds-has-icon { | |
| position: relative; } | |
| .slds .slds-dropdown .slds-has-icon--left > a, | |
| .slds .slds-dropdown .slds-has-icon--left > span { | |
| padding-left: 2rem; } | |
| .slds .slds-dropdown .slds-has-icon--right > a, | |
| .slds .slds-dropdown .slds-has-icon--right > span { | |
| padding-right: 2rem; } | |
| .slds .slds-dropdown .slds-has-icon--left-right > a, | |
| .slds .slds-dropdown .slds-has-icon--left-right > span { | |
| padding-left: 2rem; | |
| padding-right: 2rem; } | |
| .slds .slds-dropdown .slds-has-icon .slds-icon { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| top: 50%; | |
| margin-top: -0.5rem; | |
| fill: #54698d; } | |
| .slds .slds-dropdown .slds-has-icon .slds-icon--left { | |
| left: 0.75rem; } | |
| .slds .slds-dropdown .slds-has-icon .slds-icon--right { | |
| right: 0.75rem; } | |
| .slds .slds-dropdown-trigger { | |
| position: relative; | |
| display: inline-block; } | |
| .slds .slds-dropdown-trigger .slds-dropdown { | |
| visibility: hidden; | |
| opacity: 0; | |
| -webkit-transition: opacity 0.1s linear, visibility 0.1s linear; | |
| transition: opacity 0.1s linear, visibility 0.1s linear; } | |
| .slds .slds-dropdown-trigger:hover, | |
| .slds .slds-dropdown-trigger:focus { | |
| outline: 0; } | |
| .slds .slds-dropdown-trigger:hover .slds-dropdown, | |
| .slds .slds-dropdown-trigger:focus .slds-dropdown { | |
| visibility: visible; | |
| opacity: 1; | |
| -webkit-transition: opacity 0.1s linear, visibility 0.1s linear; | |
| transition: opacity 0.1s linear, visibility 0.1s linear; } | |
| .slds .slds-dropdown-trigger--click .slds-dropdown { | |
| display: none; } | |
| .slds .slds-dropdown-trigger--click.slds-is-open { | |
| display: block; | |
| visibility: visible; | |
| opacity: 1; } | |
| .slds .slds-dropdown-trigger > [class*="slds-button--icon"] ~ .slds-dropdown--left[class*="slds-nubbin"] { | |
| left: -1rem; } | |
| .slds .slds-dropdown-trigger > [class*="slds-button--icon"] ~ .slds-dropdown--right[class*="slds-nubbin"] { | |
| right: -1rem; } | |
| .slds .slds-picklist { | |
| position: relative; } | |
| .slds .slds-picklist .slds-dropdown { | |
| width: 15rem; | |
| max-height: calc((((0.875rem * 1.5) + 1rem) * 5) + 0.5rem + 2px); | |
| overflow-y: auto; | |
| -webkit-overflow-scrolling: touch; } | |
| .slds .slds-picklist--fluid .slds-picklist__label, | |
| .slds .slds-picklist--fluid .slds-dropdown { | |
| width: auto; | |
| min-width: 0; | |
| max-width: 15rem; } | |
| .slds .slds-picklist__label { | |
| padding-right: 2rem; | |
| width: 15rem; | |
| color: #16325c; | |
| text-align: left; } | |
| .slds .slds-picklist__label .slds-icon { | |
| width: 0.75rem; | |
| height: 0.75rem; | |
| position: absolute; | |
| right: 1rem; | |
| top: 50%; | |
| margin-top: -0.375rem; | |
| fill: #54698d; } | |
| .slds .slds-picklist__label[aria-disabled="true"] { | |
| border-color: #a8b7c7; | |
| background-color: #e0e5ee; | |
| cursor: not-allowed; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; } | |
| .slds .slds-picklist__label .slds-truncate { | |
| display: block; } | |
| .slds .slds-dropdown--actions a { | |
| color: #0070d2; } | |
| .slds .slds-action-overflow--touch { | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 9001; } | |
| .slds .slds-action-overflow--touch__container { | |
| position: relative; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-box-pack: end; | |
| -webkit-justify-content: flex-end; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| height: 100%; } | |
| .slds .slds-action-overflow--touch__content { | |
| padding-top: 33.33333333333333%; | |
| overflow: hidden; | |
| overflow-y: auto; } | |
| .slds .slds-action-overflow--touch__body { | |
| position: relative; | |
| top: 2rem; | |
| background: white; | |
| box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.07); } | |
| .slds .slds-action-overflow--touch__footer { | |
| position: relative; | |
| -webkit-flex-shrink: 0; | |
| -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 .slds-datepicker { | |
| padding: 0; | |
| font-size: 0.75rem; } | |
| .slds .slds-datepicker th, | |
| .slds .slds-datepicker td { | |
| text-align: center; } | |
| .slds .slds-datepicker th { | |
| padding: 0.5rem; | |
| font-weight: 400; | |
| color: #54698d; } | |
| .slds .slds-datepicker td { | |
| padding: 0.25rem; | |
| text-align: center; | |
| font-size: 0.75rem; } | |
| .slds .slds-datepicker td > .slds-day { | |
| width: 2rem; | |
| height: 2rem; | |
| display: block; | |
| position: relative; | |
| min-width: 2rem; | |
| line-height: 2rem; | |
| border-radius: 50%; } | |
| .slds .slds-datepicker td:hover:not(.slds-disabled-text) > .slds-day, | |
| .slds .slds-datepicker td:focus:not(.slds-disabled-text) > .slds-day, | |
| .slds .slds-datepicker td.slds-is-today > .slds-day { | |
| background: #f4f6f9; | |
| cursor: pointer; } | |
| .slds .slds-datepicker td.slds-is-selected:not(.slds-disabled-text) > .slds-day { | |
| background: #005fb2; | |
| color: white; } | |
| .slds .slds-datepicker td.slds-is-selected-multi > .slds-day { | |
| overflow: visible; } | |
| .slds .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; | |
| -webkit-transform: translateX(-0.5rem); | |
| -ms-transform: translateX(-0.5rem); | |
| transform: translateX(-0.5rem); | |
| z-index: -1; } | |
| .slds .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child > .slds-day:before, | |
| .slds .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; | |
| -webkit-transform: translateX(-0.5rem); | |
| -ms-transform: translateX(-0.5rem); | |
| transform: translateX(-0.5rem); | |
| z-index: -1; } | |
| .slds .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child > .slds-day:before { | |
| left: 0; | |
| -webkit-transform: translateX(-0.25rem); | |
| -ms-transform: translateX(-0.25rem); | |
| transform: translateX(-0.25rem); } | |
| .slds .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child > .slds-day:after { | |
| left: auto; | |
| right: 0; | |
| -webkit-transform: translateX(0.25rem); | |
| -ms-transform: translateX(0.25rem); | |
| transform: translateX(0.25rem); } | |
| .slds .slds-datepicker__filter { | |
| padding: 0.25rem; } | |
| .slds .slds-datepicker__filter--month { | |
| padding: 0 0.25rem 0 0; } | |
| .slds .slds-disabled-text { | |
| color: #d8dde6; } | |
| .slds .slds-datepicker--time { | |
| max-width: 12rem; | |
| max-height: 13.5rem; | |
| overflow: hidden; | |
| overflow-y: auto; } | |
| .slds .slds-datepicker--time__list > li { | |
| white-space: nowrap; | |
| padding: 0.5rem; | |
| padding-left: 2rem; | |
| padding-right: 2rem; } | |
| .slds .slds-datepicker--time__list > li:hover, | |
| .slds .slds-datepicker--time__list > li:focus { | |
| background: #f4f6f9; | |
| text-decoration: none; | |
| cursor: pointer; } | |
| .slds .slds-publisher.slds-is-active .slds-publisher__toggle-visibility { | |
| display: inherit; } | |
| .slds .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 .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%; | |
| -webkit-transition: min-height 0.4s ease, max-height 0.4s ease; | |
| transition: min-height 0.4s ease, max-height 0.4s ease; } | |
| .slds .slds-publisher__actions > .slds-button { | |
| margin-left: 0.75rem; } | |
| .slds .slds-publisher .slds-publisher__toggle-visibility { | |
| display: none; } | |
| .slds .slds-publisher--discussion { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| .slds .slds-publisher--discussion.slds-is-active { | |
| display: block; } | |
| .slds .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); | |
| -webkit-transition: min-height 0.4s ease, max-height 0.4s ease; | |
| transition: min-height 0.4s ease, max-height 0.4s ease; } | |
| .slds .slds-publisher--comment.slds-is-active { | |
| min-height: 6rem; | |
| max-height: 15rem; } | |
| .slds .slds-publisher--comment.slds-is-active .slds-publisher__actions { | |
| opacity: 1; } | |
| .slds .slds-publisher--comment.slds-has-focus { | |
| outline: 0; | |
| border-color: #1589ee; | |
| background-color: white; | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-publisher--comment .slds-publisher__actions { | |
| opacity: 0; | |
| padding: 0 0.75rem 0.75rem; } | |
| .slds .slds-publisher--comment .slds-attachments { | |
| padding: 0.5rem 0.75rem; } | |
| .slds .slds-feed { | |
| position: relative; } | |
| .slds .slds-feed__list { | |
| margin: 0; | |
| padding: 0; } | |
| .slds .slds-feed__item { | |
| padding: 1rem 0; } | |
| .slds .slds-feed__item + .slds-feed__item { | |
| border-top: 1px solid #d8dde6; } | |
| .slds .slds-comment__content { | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; } | |
| .slds .slds-comment .slds-text-body--small a { | |
| color: inherit; } | |
| .slds .slds-comment__content { | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; } | |
| .slds .slds-tags { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| .slds .slds-tags__list { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| .slds .slds-tags__item { | |
| margin-left: 0.25rem; } | |
| .slds .slds-tags__item:after { | |
| content: ', '; } | |
| .slds .slds-tags__item:last-child:after { | |
| content: none; } | |
| .slds .slds-comment__replies { | |
| padding-top: 1rem; | |
| margin-left: 3.75rem; } | |
| .slds .slds-comment__replies > :last-child, | |
| .slds .slds-comment__replies > :last-child .slds-comment { | |
| padding-bottom: 0; } | |
| .slds .slds-comment__replies > :last-child:before, | |
| .slds .slds-comment__replies > :last-child .slds-comment:before { | |
| content: none; } | |
| .slds .slds-comment__replies .slds-comment { | |
| position: relative; | |
| margin-bottom: 0; | |
| padding-bottom: 1rem; } | |
| .slds .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 .slds-comment__replies .slds-avatar { | |
| border: 2px solid white; } | |
| .slds .slds-comment__overflow { | |
| margin-bottom: 1rem; } | |
| .slds .slds-attachments { | |
| padding: 0.5rem 0; } | |
| .slds .slds-attachments:empty { | |
| padding: 0; } | |
| .slds .slds-attachments__item + .slds .slds-attachments__item { | |
| margin-top: 1rem; } | |
| .slds .slds-modal { | |
| opacity: 0; | |
| visibility: hidden; | |
| -webkit-transition: -webkit-transform 0.1s linear, opacity 0.1s linear; | |
| transition: transform 0.1s linear, opacity 0.1s linear; | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 9001; } | |
| .slds .slds-modal__container { | |
| position: relative; | |
| -webkit-transform: translate(0, 0); | |
| -ms-transform: translate(0, 0); | |
| transform: translate(0, 0); | |
| -webkit-transition: -webkit-transform 0.1s linear, opacity 0.1s linear; | |
| transition: transform 0.1s linear, opacity 0.1s linear; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| margin: 0 2rem; | |
| height: 100%; | |
| padding: 3rem 0; | |
| border-radius: 0.25rem; } | |
| @media (min-width: 48em) { | |
| .slds .slds-modal__container { | |
| margin: 0 auto; | |
| width: 50%; | |
| max-width: 40rem; | |
| min-width: 20rem; } } | |
| .slds .slds-modal__header, | |
| .slds .slds-modal__content { | |
| background: white; } | |
| .slds .slds-modal__header, | |
| .slds .slds-modal__footer { | |
| -webkit-flex-shrink: 0; | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; } | |
| .slds .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 .slds-modal__header + .slds-modal__menu { | |
| border-top-left-radius: 0; | |
| border-top-right-radius: 0; } | |
| .slds .slds-modal__content { | |
| padding: 1rem; | |
| overflow: hidden; | |
| overflow-y: auto; } | |
| .slds .slds-modal__menu { | |
| position: relative; | |
| border-radius: 0.25rem; | |
| padding: 1rem; | |
| background-color: #f4f6f9; } | |
| .slds .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 .slds-modal__close { | |
| width: 3rem; | |
| height: 3rem; | |
| position: absolute; | |
| top: -3rem; | |
| right: -0.5rem; } | |
| .slds .slds-modal-backdrop { | |
| -webkit-transition-duration: 0.4s; | |
| 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 .slds-modal-backdrop--open { | |
| visibility: visible; | |
| opacity: 1; | |
| -webkit-transition: opacity 0.4s linear; | |
| transition: opacity 0.4s linear; } | |
| .slds .slds-backdrop { | |
| -webkit-transition-duration: 0.4s; | |
| 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 .slds-backdrop--open { | |
| visibility: visible; | |
| opacity: 1; | |
| -webkit-transition: opacity 0.4s linear; | |
| transition: opacity 0.4s linear; } | |
| .slds .slds-fade-in-open { | |
| opacity: 1; | |
| visibility: visible; | |
| -webkit-transition: opacity 0.1s linear; | |
| transition: opacity 0.1s linear; } | |
| .slds .slds-fade-in-open .slds-modal__container-reset { | |
| opacity: 1; | |
| visibility: visible; | |
| -webkit-transform: translate(0, 0); | |
| -ms-transform: translate(0, 0); | |
| transform: translate(0, 0); } | |
| .slds .slds-slide-up-open { | |
| opacity: 1; | |
| visibility: visible; | |
| -webkit-transform: translate(0, 0); | |
| -ms-transform: translate(0, 0); | |
| transform: translate(0, 0); | |
| -webkit-transition: opacity 0.1s linear, -webkit-transform 0.2s linear; | |
| transition: opacity 0.1s linear, transform 0.2s linear; } | |
| .slds .slds-slide-up-open .slds-modal__container-reset { | |
| opacity: 0; | |
| visibility: hidden; | |
| -webkit-transform: translate(0, 1rem); | |
| -ms-transform: translate(0, 1rem); | |
| transform: translate(0, 1rem); | |
| -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear; | |
| transition: opacity 0.2s linear, transform 0.2s linear; } | |
| .slds .slds-slide-up-saving { | |
| opacity: 1; | |
| visibility: visible; | |
| -webkit-transform: translate(0, -1rem); | |
| -ms-transform: translate(0, -1rem); | |
| transform: translate(0, -1rem); } | |
| .slds .slds-slide-down-cancel { | |
| opacity: 1; | |
| visibility: visible; | |
| -webkit-transform: translate(0, 1rem); | |
| -ms-transform: translate(0, 1rem); | |
| transform: translate(0, 1rem); } | |
| @media (min-width: 48em) { | |
| .slds .slds-modal--large .slds-modal__container { | |
| width: 90%; | |
| max-width: none; | |
| min-width: 40rem; } } | |
| .slds .slds-modal__footer--directional .slds-button:first-child { | |
| float: left; } | |
| .slds .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 .slds-pill + .slds-pill { | |
| margin-left: 0.25rem; } | |
| .slds .slds-pill:hover { | |
| background-color: #f4f6f9; } | |
| .slds .slds-pill:focus { | |
| outline: 0; | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-pill--bare { | |
| background-color: transparent; | |
| border: none; } | |
| .slds .slds-pill--bare:hover { | |
| background-color: transparent; } | |
| .slds .slds-pill-container { | |
| padding: 1px; | |
| border: 1px solid #d8dde6; | |
| border-radius: 0.25rem; | |
| min-height: calc(2.125rem + 2px); } | |
| .slds .slds-pill__container { | |
| padding: 1px; | |
| border: 1px solid #d8dde6; | |
| border-radius: 0.25rem; | |
| min-height: calc(2.125rem + 2px); } | |
| .slds .slds-pill__label { | |
| max-width: 13.5rem; | |
| display: inline-block; | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; } | |
| .slds .slds-pill__icon { | |
| width: 1.25rem; | |
| height: 1.25rem; | |
| margin-right: 0.5rem; | |
| border-radius: 0.125rem; } | |
| .slds .slds-pill__remove { | |
| margin-left: 0.5rem; } | |
| .slds .slds-pill .slds-avatar { | |
| margin-right: 0.5rem; } | |
| .slds .slds-spinner--small { | |
| width: 32px; | |
| height: 32px; } | |
| .slds .slds-spinner--medium { | |
| width: 56px; | |
| height: 56px; } | |
| .slds .slds-spinner--large { | |
| width: 68px; | |
| height: 68px; } | |
| .slds .slds-tile + .slds-tile { | |
| margin-top: 0.5rem; } | |
| .slds .slds-tile__title, | |
| .slds .slds-tile__detail { | |
| position: relative; } | |
| .slds .slds-tile__meta { | |
| color: #16325c; } | |
| .slds .slds-tile--board { | |
| position: relative; } | |
| .slds .slds-tile--board__icon { | |
| width: 1rem; | |
| height: 1rem; | |
| position: absolute; | |
| bottom: 0.25rem; | |
| right: 0.25rem; } | |
| .slds .slds-tile--board .slds-has-alert { | |
| padding-right: 1.5rem; } | |
| .slds .slds-tile__meta { | |
| color: #16325c; } | |
| .slds .slds-tree-container { | |
| min-width: 7.5rem; | |
| max-width: 25rem; } | |
| .slds .slds-tree-container > .slds-text-heading--label { | |
| margin-bottom: 0.5rem; } | |
| .slds .slds-tree__item { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| line-height: 2.125rem; | |
| padding-left: 1rem; } | |
| .slds .slds-tree__item a { | |
| color: #16325c; } | |
| .slds .slds-tree__item a:hover, | |
| .slds .slds-tree__item a:focus { | |
| outline: 0; | |
| text-decoration: none; } | |
| .slds .slds-tree__item:hover, | |
| .slds .slds-tree__item:focus { | |
| background: #f4f6f9; | |
| cursor: pointer; } | |
| .slds .slds-tree__group > .slds .slds-tree__item > a { | |
| display: inline-block; | |
| padding-left: 1.5rem; } | |
| .slds-nested .slds .slds-tree__branch > .slds .slds-tree__item { | |
| padding-left: 2.5rem; } | |
| .slds-nested .slds-nested .slds .slds-tree__item > a { | |
| padding-left: 4rem; } | |
| .slds .slds-tree .slds-is-selected { | |
| background: #f0f8fc; | |
| box-shadow: #0070d2 4px 0 0 inset; } | |
| .slds .slds-tree .slds-is-hovered, | |
| .slds .slds-tree .slds-is-focused { | |
| background: #f4f6f9; | |
| cursor: pointer; } | |
| .slds .slds-tree .slds-is-open .slds-button__icon { | |
| -webkit-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| transform: rotate(90deg); } | |
| .slds .slds-tree .slds-button { | |
| -webkit-align-self: center; | |
| -ms-flex-item-align: center; | |
| align-self: center; } | |
| .slds .slds-tree .slds-pill { | |
| margin-left: 0.75rem; } | |
| .slds .slds-tabs--default { | |
| display: block; | |
| width: 100%; } | |
| .slds .slds-tabs--default__nav { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: start; | |
| -webkit-align-items: flex-start; | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| border-bottom: 1px solid #d8dde6; } | |
| .slds .slds-tabs--default .slds-tabs__item { | |
| overflow: hidden; } | |
| @media (min-width: 48em) { | |
| .slds .slds-tabs--default .slds-tabs__item + .slds-tabs__item { | |
| margin-left: 1.5rem; } } | |
| .slds .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 .slds-tabs--default .slds-tabs__item > a:focus { | |
| outline: 0; } | |
| @media (min-width: 48em) { | |
| .slds .slds-tabs--default .slds-tabs__item > a { | |
| padding: 0 1rem; } } | |
| .slds .slds-tabs--default .slds-tabs__item > a:hover, | |
| .slds .slds-tabs--default .slds-tabs__item > a:focus { | |
| text-decoration: none; | |
| border-color: #0070d2; | |
| color: #16325c; } | |
| .slds .slds-tabs--default .slds-tabs__item > a:focus { | |
| color: #0070d2; | |
| box-shadow: #0070d2 0 -1px 0 inset; } | |
| .slds .slds-tabs--default .slds-tabs__item.slds-active a { | |
| border-color: #0070d2; | |
| color: #16325c; } | |
| .slds .slds-tabs--default .slds-tabs__item.slds-active a:focus { | |
| color: #0070d2; } | |
| .slds .slds-tabs--default > .slds-tabs__content { | |
| position: relative; | |
| padding: 1rem 0; } | |
| .slds .slds-tabs--default__item { | |
| overflow: hidden; } | |
| @media (min-width: 48em) { | |
| .slds .slds-tabs--default__item + .slds-tabs--default__item { | |
| margin-left: 1.5rem; } } | |
| .slds .slds-tabs--default__content { | |
| position: relative; | |
| padding: 1rem 0; } | |
| .slds .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 .slds-tabs--default__link:focus { | |
| outline: 0; } | |
| @media (min-width: 48em) { | |
| .slds .slds-tabs--default__link { | |
| padding: 0 1rem; } } | |
| .slds .slds-tabs--default__link:hover, | |
| .slds .slds-tabs--default__link:focus { | |
| text-decoration: none; | |
| border-color: #0070d2; | |
| color: #16325c; } | |
| .slds .slds-tabs--default__link:focus { | |
| color: #0070d2; | |
| box-shadow: #0070d2 0 -1px 0 inset; } | |
| .slds.slds-active .slds-tabs--default__link { | |
| border-color: #0070d2; | |
| color: #16325c; } | |
| .slds.slds-active .slds-tabs--default__link:focus { | |
| color: #0070d2; } | |
| .slds .slds-tabs--default .slds-tabs__item--overflow { | |
| overflow: visible; } | |
| .slds .slds-dropdown--overflow { | |
| max-height: calc((2rem + (0.25rem * 2)) * 10); | |
| overflow: auto; } | |
| .slds .slds-tabs--scoped { | |
| display: block; | |
| width: 100%; } | |
| .slds .slds-tabs--scoped__nav { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: start; | |
| -webkit-align-items: flex-start; | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| background-color: #f4f6f9; | |
| border: 1px solid #d8dde6; | |
| border-radius: 0.25rem 0.25rem 0 0; } | |
| .slds .slds-tabs--scoped .slds-tabs__item { | |
| overflow: hidden; | |
| position: relative; | |
| margin-bottom: -1px; } | |
| .slds .slds-tabs--scoped .slds-tabs__item + .slds-tabs__item { | |
| margin-left: -1px; } | |
| .slds .slds-tabs--scoped .slds-tabs__item:first-child > a { | |
| border-left: none; | |
| border-radius: 0.25rem 0 0 0; } | |
| .slds .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 .slds-tabs--scoped .slds-tabs__item > a:focus { | |
| outline: 0; } | |
| .slds .slds-tabs--scoped .slds-tabs__item > a:hover, | |
| .slds .slds-tabs--scoped .slds-tabs__item > a:focus { | |
| text-decoration: none; | |
| color: #005fb2; | |
| border-color: #d8dde6; } | |
| .slds .slds-tabs--scoped .slds-tabs__item .slds-active > a { | |
| background-color: white; | |
| color: #0070d2; | |
| border-color: #d8dde6; } | |
| .slds .slds-tabs--scoped .slds-tabs__item .slds-active > a:focus { | |
| text-decoration: underline; } | |
| .slds .slds-tabs--scoped > .slds-tabs__content { | |
| background-color: white; | |
| border: 1px solid #d8dde6; | |
| border-top: none; | |
| border-radius: 0 0 0.25rem 0.25rem; | |
| padding: 1rem; } | |
| .slds .slds-tabs--scoped__item { | |
| overflow: hidden; | |
| position: relative; | |
| margin-bottom: -1px; } | |
| .slds .slds-tabs--scoped__item + .slds-tabs--scoped__item { | |
| margin-left: -1px; } | |
| .slds .slds-tabs--scoped__item:first-child .slds-tabs--scoped__link { | |
| border-left: none; | |
| border-radius: 0.25rem 0 0 0; } | |
| .slds .slds-tabs--scoped__content { | |
| background-color: white; | |
| border: 1px solid #d8dde6; | |
| border-top: none; | |
| border-radius: 0 0 0.25rem 0.25rem; | |
| padding: 1rem; } | |
| .slds .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 .slds-tabs--scoped__link:focus { | |
| outline: 0; } | |
| .slds .slds-tabs--scoped__link:hover, | |
| .slds .slds-tabs--scoped__link:focus { | |
| text-decoration: none; | |
| color: #005fb2; | |
| border-color: #d8dde6; } | |
| .slds .slds-active .slds-tabs--scoped__link { | |
| background-color: white; | |
| color: #0070d2; | |
| border-color: #d8dde6; } | |
| .slds .slds-active .slds-tabs--scoped__link:focus { | |
| text-decoration: underline; } | |
| .slds .slds-tabs--path { | |
| display: block; | |
| width: 100%; } | |
| .slds .slds-tabs--path__nav { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: start; | |
| -webkit-align-items: flex-start; | |
| -ms-flex-align: start; | |
| align-items: flex-start; } | |
| .slds .slds-tabs--path .slds-is-complete { | |
| background-color: #4bca81; } | |
| .slds .slds-tabs--path .slds-is-complete .slds-tabs--path__stage { | |
| -webkit-transform: rotateX(0deg); | |
| transform: rotateX(0deg); } | |
| .slds .slds-tabs--path .slds-is-complete .slds-tabs--path__title { | |
| -webkit-transform: rotateX(180deg); | |
| transform: rotateX(180deg); } | |
| .slds .slds-tabs--path .slds-is-complete:hover { | |
| background-color: #04844b; } | |
| .slds .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__stage { | |
| -webkit-transform: rotateX(-180deg); | |
| transform: rotateX(-180deg); } | |
| .slds .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__title { | |
| -webkit-transform: rotateX(0deg); | |
| transform: rotateX(0deg); } | |
| .slds .slds-tabs--path .slds-is-current { | |
| background-color: #0076DE; } | |
| .slds .slds-tabs--path .slds-is-current:hover { | |
| background-color: #005fb2; } | |
| .slds .slds-tabs--path .slds-is-current + .slds-is-incomplete:before { | |
| background-color: #0076DE; } | |
| .slds .slds-tabs--path .slds-is-current:hover + .slds-is-incomplete:before { | |
| background-color: #005fb2; } | |
| .slds .slds-tabs--path .slds-is-incomplete { | |
| background-color: #e0e5ee; } | |
| .slds .slds-tabs--path .slds-is-incomplete .slds-tabs--path__link { | |
| color: #16325c; } | |
| .slds .slds-tabs--path .slds-is-current .slds-tabs--path__link, | |
| .slds .slds-tabs--path .slds-is-complete .slds-tabs--path__link { | |
| color: white; } | |
| .slds .slds-tabs--path .slds-is-active { | |
| background-color: #061c3f; } | |
| .slds .slds-tabs--path .slds-is-active .slds-tabs--path__link { | |
| color: white; } | |
| .slds .slds-tabs--path .slds-is-active .slds-tabs--path__stage { | |
| -webkit-transform: rotateX(-180deg); | |
| transform: rotateX(-180deg); } | |
| .slds .slds-tabs--path .slds-is-active .slds-tabs--path__title { | |
| -webkit-transform: rotateX(0deg); | |
| transform: rotateX(0deg); } | |
| .slds .slds-tabs--path .slds-is-active:hover { | |
| background-color: #16325c; } | |
| .slds .slds-tabs--path .slds-is-active:hover + .slds-tabs--path__item:before { | |
| background-color: #16325c; } | |
| .slds .slds-tabs--path .slds-is-active + .slds-tabs--path__item:before { | |
| background-color: #061c3f; } | |
| .slds .slds-tabs--path .slds-is-active ~ .slds-is-current { | |
| background-color: white; } | |
| .slds .slds-tabs--path .slds-is-active ~ .slds-is-current .slds-tabs--path__link { | |
| color: #16325c; } | |
| .slds .slds-tabs--path .slds-is-active ~ .slds-is-current + .slds-tabs--path__item:before { | |
| background-color: white; } | |
| .slds .slds-tabs--path__item { | |
| overflow: hidden; | |
| position: relative; | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 1 auto; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| min-width: 5rem; | |
| max-height: 2rem; | |
| text-align: center; | |
| -webkit-perspective: 500; | |
| perspective: 500; | |
| -webkit-transition: -webkit-transform 0.1s ease-in-out, background-color 0.1s linear; | |
| transition: transform 0.1s ease-in-out, background-color 0.1s linear; } | |
| .slds .slds-tabs--path__item:first-child { | |
| border-radius: 15rem 0 0 15rem; } | |
| .slds .slds-tabs--path__item:last-child { | |
| border-radius: 0 15rem 15rem 0; | |
| border-right: none; } | |
| .slds .slds-tabs--path__item:hover { | |
| background-color: #d8dde6; } | |
| .slds .slds-tabs--path__item:before { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| left: calc((2rem / 2 ) * -1); | |
| top: 2px; | |
| width: calc(2rem - (2px * 2)); | |
| height: calc(2rem - (2px * 2)); | |
| border: 2px solid white; | |
| border-left: none; | |
| border-bottom: none; | |
| background-clip: padding-box; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-transition: -webkit-transform 0.1s ease-in-out, background-color 0.1s linear; | |
| transition: transform 0.1s ease-in-out, background-color 0.1s linear; } | |
| .slds .slds-tabs--path__item:first-child:before { | |
| display: none; } | |
| .slds .slds-tabs--path__item + .slds-is-complete:before, | |
| .slds .slds-tabs--path__item + .slds-is-current:before { | |
| background-color: #4bca81; } | |
| .slds .slds-tabs--path__item:hover + .slds-is-complete:before { | |
| background-color: #04844b; } | |
| .slds .slds-tabs--path__item:hover + .slds-is-current:before { | |
| background-color: #04844b; } | |
| .slds .slds-tabs--path__item + .slds-is-incomplete:before { | |
| background-color: #e0e5ee; } | |
| .slds .slds-tabs--path__item:hover + .slds-is-incomplete:before { | |
| background-color: #d8dde6; } | |
| .slds .slds-tabs--path__title, | |
| .slds .slds-tabs--path__stage { | |
| display: block; | |
| -webkit-transition: -webkit-transform 0.2s linear; | |
| transition: transform 0.2s linear; | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; } | |
| .slds .slds-tabs--path__stage { | |
| position: absolute; | |
| top: 50%; | |
| left: 0; | |
| width: 100%; | |
| margin-top: calc((1rem - 0.25rem) * -1); | |
| -webkit-transform: rotateX(-180deg); | |
| transform: rotateX(-180deg); } | |
| .slds .slds-tabs--path__link { | |
| max-width: 100%; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| display: block; | |
| text-decoration: none; | |
| cursor: pointer; | |
| position: relative; | |
| padding: 0.25rem 0.5rem 0.25rem 1rem; | |
| line-height: calc(3rem / 2); } | |
| .slds .slds-tabs--path__link:focus { | |
| outline: 0; } | |
| .slds .slds-notify-container { | |
| position: fixed; | |
| width: 100%; | |
| left: 0; | |
| top: 0; | |
| z-index: 10000; | |
| text-align: center; } | |
| .slds .slds-notify { | |
| color: white; | |
| position: relative; | |
| background: #54698d; | |
| font-weight: 300; } | |
| .slds .slds-notify a:not(.slds-button--neutral) { | |
| color: white; | |
| text-decoration: underline; } | |
| .slds .slds-notify a:not(.slds-button--neutral):link, | |
| .slds .slds-notify a:not(.slds-button--neutral):visited { | |
| color: white; } | |
| .slds .slds-notify a:not(.slds-button--neutral):hover, | |
| .slds .slds-notify a:not(.slds-button--neutral):focus { | |
| color: rgba(255, 255, 255, 0.75); } | |
| .slds .slds-notify a:not(.slds-button--neutral):active { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .slds .slds-notify a:not(.slds-button--neutral)[disabled] { | |
| color: rgba(255, 255, 255, 0.15); } | |
| .slds .slds-notify--toast { | |
| border-radius: 0.25rem; | |
| margin: 0.5rem; | |
| padding: 1rem 1.5rem; | |
| min-width: 30rem; | |
| display: inline-block; | |
| text-align: left; } | |
| .slds .slds-notify--toast .slds-notify__close { | |
| -webkit-transform: translate3d(0.5rem, 0, 0); | |
| transform: translate3d(0.5rem, 0, 0); } | |
| .slds .slds-notify__close { | |
| float: right; | |
| margin-left: 0.25rem; | |
| line-height: 1; } | |
| .slds .slds-notify--alert { | |
| padding: 0.5rem; | |
| text-align: center; } | |
| .slds .slds-modal--prompt .slds-modal__header { | |
| border-bottom: none; } | |
| .slds .slds-modal--prompt .slds-modal__content { | |
| padding-left: 2rem; | |
| padding-right: 2rem; } | |
| .slds .slds-modal--prompt .slds-modal__footer { | |
| border-top: none; | |
| text-align: center; } | |
| .slds .slds-modal--prompt .slds-modal__close { | |
| display: none; } | |
| .slds .slds-modal__header .slds-notify-container { | |
| position: absolute; } | |
| .slds .slds-modal__header .slds-notify--toast { | |
| display: block; } | |
| .slds .slds-lookup { | |
| position: relative; } | |
| .slds .slds-lookup__list { | |
| max-height: 12.5rem; | |
| overflow-y: auto; } | |
| .slds .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 .slds-lookup__item > a, | |
| .slds .slds-lookup__item > span, | |
| .slds .slds-lookup__item > button { | |
| display: block; | |
| padding: 0.5rem; | |
| color: #16325c; | |
| text-align: left; | |
| width: 100%; | |
| line-height: 1.5; | |
| border-radius: 0; } | |
| .slds .slds-lookup__item > a:hover, | |
| .slds .slds-lookup__item > a:focus, | |
| .slds .slds-lookup__item > span:hover, | |
| .slds .slds-lookup__item > span:focus, | |
| .slds .slds-lookup__item > button:hover, | |
| .slds .slds-lookup__item > button:focus { | |
| outline: 0; | |
| background-color: #f4f6f9; | |
| color: #16325c; | |
| text-decoration: none; } | |
| .slds .slds-lookup__item > a .slds-icon, | |
| .slds .slds-lookup__item > span .slds-icon, | |
| .slds .slds-lookup__item > button .slds-icon { | |
| margin-right: 0.5rem; } | |
| .slds .slds-lookup[data-select="single"] .slds-pill { | |
| display: block; | |
| width: 100%; } | |
| .slds .slds-lookup[data-select="single"] .slds-pill .slds-button { | |
| position: absolute; | |
| right: 0.75rem; | |
| top: 50%; | |
| margin-top: -0.5rem; } | |
| .slds .slds-lookup[data-select="single"].slds-has-selection .slds-input, | |
| .slds .slds-lookup[data-select="single"].slds-has-selection .slds-input__icon { | |
| display: none; } | |
| .slds .slds-lookup[data-select="multi"] .slds-pill__container { | |
| border: transparent; | |
| border-bottom: 1px solid #d8dde6; | |
| border-radius: 0; } | |
| .slds .slds-lookup[data-scope="multi"] .slds-form-element__label { | |
| -webkit-align-self: center; | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| margin-left: 0.5rem; | |
| margin-right: 0; | |
| margin-bottom: 0; | |
| font-size: 0.875rem; | |
| max-width: 12rem; | |
| -webkit-box-pack: end; | |
| -webkit-justify-content: flex-end; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; } | |
| .slds .slds-lookup[data-scope="multi"] .slds-lookup__menu { | |
| max-width: calc(100% - 6rem); | |
| right: 0; | |
| top: calc(2.125rem + 2px); } | |
| .slds .slds-lookup[data-scope="multi"] .slds-lookup__list { | |
| max-height: 17.5rem; } | |
| .slds .slds-lookup[data-scope="multi"] .slds-dropdown-trigger { | |
| margin-left: 0.5rem; } | |
| .slds .slds-lookup[data-scope="multi"] .slds-input { | |
| padding-left: 12rem; } | |
| .slds .slds-lookup[data-scope="multi"] .slds-form-element__control { | |
| background-color: white; | |
| color: #16325c; | |
| border: 1px solid #d8dde6; | |
| border-radius: 0.25rem; | |
| width: 100%; | |
| -webkit-transition: border 0.1s linear, background-color 0.1s linear; | |
| transition: border 0.1s linear, background-color 0.1s linear; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-align: start; | |
| -webkit-align-items: flex-start; | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| .slds .slds-lookup[data-scope="multi"] .slds-form-element__control:focus, | |
| .slds .slds-lookup[data-scope="multi"] .slds-form-element__control:active { | |
| outline: 0; | |
| border-color: #1589ee; | |
| background-color: white; | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-lookup[data-scope="multi"] .slds-form-element__control[disabled], | |
| .slds .slds-lookup[data-scope="multi"] .slds-form-element__control.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 .slds-lookup[data-scope="multi"] .slds-form-element__control[disabled]:focus, | |
| .slds .slds-lookup[data-scope="multi"] .slds-form-element__control[disabled]:active, | |
| .slds .slds-lookup[data-scope="multi"] .slds-form-element__control.slds-is-disabled:focus, | |
| .slds .slds-lookup[data-scope="multi"] .slds-form-element__control.slds-is-disabled:active { | |
| box-shadow: none; } | |
| .slds .slds-lookup[data-scope="multi"] .slds-form-element__control .slds-input--bare { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1; | |
| -ms-flex: 1; | |
| flex: 1; | |
| -webkit-align-self: center; | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| margin-left: 0.5rem; | |
| line-height: 2.125rem; } | |
| .slds-modal .slds .slds-lookup tr:first-child > th { | |
| border-top: 2px solid #d8dde6; } | |
| .slds-modal .slds .slds-lookup tr:last-child > th { | |
| border-bottom: 2px solid #d8dde6; } | |
| .slds .slds-media { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: start; | |
| -webkit-align-items: flex-start; | |
| -ms-flex-align: start; | |
| align-items: flex-start; } | |
| .slds .slds-media__figure { | |
| -webkit-flex-shrink: 0; | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; | |
| margin-right: 0.75rem; } | |
| .slds .slds-media__body { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1; | |
| -ms-flex: 1; | |
| flex: 1; | |
| min-width: 0; } | |
| .slds .slds-media__body, | |
| .slds .slds-media__body > :last-child { | |
| margin-bottom: 0; } | |
| .slds .slds-media--small .slds-media__figure { | |
| margin-right: 0.25rem; } | |
| .slds .slds-media--large .slds-media__figure { | |
| margin-right: 1.5rem; } | |
| .slds .slds-media--center { | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; } | |
| .slds .slds-media__figure--reverse { | |
| margin: 0 0 0 0.75rem; } | |
| .slds .slds-media--small .slds-media__figure--reverse { | |
| margin-left: 0.25rem; } | |
| .slds .slds-media--reverse > .slds-media__figure { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-media--reverse.slds-media--small .slds-media__figure { | |
| margin-left: 0.25rem; } | |
| .slds .slds-media--double > .slds-media__figure { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-media--double .slds-media__figure--reverse { | |
| -webkit-box-ordinal-group: 4; | |
| -webkit-order: 3; | |
| -ms-flex-order: 3; | |
| order: 3; | |
| margin: 0 0 0 1rem; } | |
| .slds .slds-media--double .slds-media__body { | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; } | |
| @media (max-width: 48em) { | |
| .slds .slds-media--responsive { | |
| display: block; } | |
| .slds .slds-media--responsive .slds-media__figure { | |
| margin: 0 0 0.75rem; } } | |
| .slds .slds-avatar { | |
| overflow: hidden; | |
| display: inline-block; | |
| vertical-align: middle; | |
| border-radius: 0.25rem; | |
| line-height: 1; } | |
| .slds .slds-avatar--x-small { | |
| width: 1.5rem; | |
| height: 1.5rem; } | |
| .slds .slds-avatar--small { | |
| width: 2.25rem; | |
| height: 2.25rem; } | |
| .slds .slds-avatar--medium { | |
| width: 3rem; | |
| height: 3rem; } | |
| .slds .slds-avatar--large { | |
| width: 5rem; | |
| height: 5rem; } | |
| .slds .slds-avatar--circle { | |
| border-radius: 50%; } | |
| .slds .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: .0625em; | |
| color: #16325c; | |
| vertical-align: middle; | |
| white-space: nowrap; } | |
| .slds .slds-badge + .slds-badge { | |
| margin-left: 0.5rem; } | |
| .slds .slds-badge:empty { | |
| padding: 0; } | |
| .slds .slds-table { | |
| background-color: white; } | |
| .slds .slds-table th, | |
| .slds .slds-table td { | |
| padding: 0.5rem; | |
| white-space: nowrap; } | |
| .slds .slds-table th.slds-text-center, | |
| .slds .slds-table td.slds-text-center { | |
| text-align: center; } | |
| .slds .slds-table th.slds-text-right, | |
| .slds .slds-table td.slds-text-right { | |
| text-align: right; } | |
| .slds .slds-table tr > th:first-child, | |
| .slds .slds-table tr > td:first-child { | |
| padding-left: 1.5rem; } | |
| .slds .slds-table tr > th:last-child, | |
| .slds .slds-table tr > td:last-child { | |
| padding-right: 1.5rem; } | |
| .slds .slds-table th { | |
| font-weight: 400; } | |
| .slds .slds-table:not(.slds-no-row-hover) tbody tr:hover > td, | |
| .slds .slds-table:not(.slds-no-row-hover) tbody tr:hover > th { | |
| background-color: #f4f6f9; } | |
| .slds .slds-table tbody tr.slds-is-selected > td, | |
| .slds .slds-table tbody tr.slds-is-selected > th, | |
| .slds .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > td, | |
| .slds .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > th { | |
| background-color: #f0f8fc; } | |
| .slds .slds-table td.slds-is-selected, | |
| .slds .slds-table td.slds-is-selected:hover { | |
| box-shadow: #0070d2 0 0 0 2px inset; } | |
| .slds .slds-table .slds-truncate { | |
| min-width: 3.25rem; | |
| max-width: 15rem; } | |
| .slds .slds-table .slds-cell-wrap { | |
| white-space: normal; } | |
| .slds .slds-table .slds-cell-shrink { | |
| width: 1%; } | |
| .slds .slds-table--bordered { | |
| border-top: 1px solid #d8dde6; | |
| border-bottom: 1px solid #d8dde6; } | |
| .slds .slds-table--bordered thead > tr + tr > th { | |
| border-top: 1px solid #d8dde6; } | |
| .slds .slds-table--bordered td, | |
| .slds .slds-table--bordered th { | |
| border-top: 1px solid #d8dde6; } | |
| .slds .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > td, | |
| .slds .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > th { | |
| box-shadow: #d8dde6 0 -1px 0 inset; } | |
| .slds .slds-table--bordered:not(.slds-no-row-hover) .slds-is-selected:hover > td, | |
| .slds .slds-table--bordered:not(.slds-no-row-hover) .slds-is-selected:hover > th { | |
| border-color: #0070d2; | |
| box-shadow: #0070d2 0 -2px 0 inset; } | |
| .slds .slds-table--bordered:not(.slds-no-row-hover) .slds-is-selected:hover > td.slds-is-selected, | |
| .slds .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 .slds-table--striped tr:nth-of-type(even) > td { | |
| background-color: #f4f6f9; } | |
| .slds .slds-is-sortable { | |
| cursor: pointer; } | |
| .slds .slds-is-sortable .slds-button { | |
| visibility: hidden; | |
| margin-left: 0.5rem; } | |
| .slds .slds-is-sortable .slds-button__icon { | |
| fill: #0070d2; } | |
| .slds .slds-is-sortable:hover { | |
| background-color: #f4f6f9; | |
| color: #0070d2; } | |
| .slds .slds-is-sortable:hover .slds-button { | |
| visibility: visible; } | |
| @media (max-width: 48em) { | |
| .slds .slds-max-medium-table--stacked { | |
| border: 0; } | |
| .slds .slds-max-medium-table--stacked thead, | |
| .slds .slds-max-medium-table--stacked .slds-row-select, | |
| .slds .slds-max-medium-table--stacked .slds-row-action { | |
| position: absolute; | |
| top: 0; | |
| left: -9999em; } | |
| .slds .slds-max-medium-table--stacked th { | |
| border-top: none; } | |
| .slds .slds-max-medium-table--stacked tr { | |
| display: block; | |
| border-top: 2px solid #d8dde6; } | |
| .slds .slds-max-medium-table--stacked td { | |
| display: block; | |
| padding: 0.75rem; | |
| width: 100%; | |
| clear: both; | |
| white-space: normal; | |
| overflow: hidden; | |
| text-align: left; } | |
| .slds .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 .slds-max-medium-table--stacked tr > td:first-child, | |
| .slds .slds-max-medium-table--stacked tr > td:last-child { | |
| padding: 0.75rem; } | |
| .slds .slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover td, | |
| .slds .slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover th { | |
| background-color: inherit; | |
| box-shadow: none; } | |
| .slds .slds-max-medium-table--stacked .slds-is-interactive .slds-button { | |
| visibility: visible; } | |
| .slds .slds-max-medium-table--stacked .slds-cell-shrink { | |
| width: auto; } } | |
| @media (max-width: 48em) { | |
| .slds .slds-max-medium-table--stacked td:before, | |
| .slds .slds-max-medium-table--stacked th:before { | |
| padding-bottom: 0.25rem; } } | |
| @media (max-width: 48em) { | |
| .slds .slds-max-medium-table--stacked-horizontal { | |
| border: 0; } | |
| .slds .slds-max-medium-table--stacked-horizontal thead, | |
| .slds .slds-max-medium-table--stacked-horizontal .slds-row-select, | |
| .slds .slds-max-medium-table--stacked-horizontal .slds-row-action { | |
| position: absolute; | |
| top: 0; | |
| left: -9999em; } | |
| .slds .slds-max-medium-table--stacked-horizontal th { | |
| border-top: none; } | |
| .slds .slds-max-medium-table--stacked-horizontal tr { | |
| display: block; | |
| border-top: 2px solid #d8dde6; } | |
| .slds .slds-max-medium-table--stacked-horizontal td { | |
| display: block; | |
| padding: 0.75rem; | |
| width: 100%; | |
| clear: both; | |
| white-space: normal; | |
| overflow: hidden; | |
| text-align: left; } | |
| .slds .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 .slds-max-medium-table--stacked-horizontal tr > td:first-child, | |
| .slds .slds-max-medium-table--stacked-horizontal tr > td:last-child { | |
| padding: 0.75rem; } | |
| .slds .slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover td, | |
| .slds .slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th { | |
| background-color: inherit; | |
| box-shadow: none; } | |
| .slds .slds-max-medium-table--stacked-horizontal .slds-is-interactive .slds-button { | |
| visibility: visible; } | |
| .slds .slds-max-medium-table--stacked-horizontal .slds-cell-shrink { | |
| width: auto; } } | |
| @media (max-width: 48em) { | |
| .slds .slds-max-medium-table--stacked-horizontal td { | |
| text-align: right; } | |
| .slds .slds-max-medium-table--stacked-horizontal td:before { | |
| float: left; | |
| margin-top: 0.125rem; } } | |
| .slds .slds-m-top--xxx-small { | |
| margin-top: 0.125rem; } | |
| .slds .slds-m-right--xxx-small { | |
| margin-right: 0.125rem; } | |
| .slds .slds-m-bottom--xxx-small { | |
| margin-bottom: 0.125rem; } | |
| .slds .slds-m-left--xxx-small { | |
| margin-left: 0.125rem; } | |
| .slds .slds-m-vertical--xxx-small { | |
| margin-top: 0.125rem; | |
| margin-bottom: 0.125rem; } | |
| .slds .slds-m-horizontal--xxx-small { | |
| margin-right: 0.125rem; | |
| margin-left: 0.125rem; } | |
| .slds .slds-m-around--xxx-small { | |
| margin: 0.125rem; } | |
| .slds .slds-m-top--xx-small { | |
| margin-top: 0.25rem; } | |
| .slds .slds-m-right--xx-small { | |
| margin-right: 0.25rem; } | |
| .slds .slds-m-bottom--xx-small { | |
| margin-bottom: 0.25rem; } | |
| .slds .slds-m-left--xx-small { | |
| margin-left: 0.25rem; } | |
| .slds .slds-m-vertical--xx-small { | |
| margin-top: 0.25rem; | |
| margin-bottom: 0.25rem; } | |
| .slds .slds-m-horizontal--xx-small { | |
| margin-right: 0.25rem; | |
| margin-left: 0.25rem; } | |
| .slds .slds-m-around--xx-small { | |
| margin: 0.25rem; } | |
| .slds .slds-m-top--x-small { | |
| margin-top: 0.5rem; } | |
| .slds .slds-m-right--x-small { | |
| margin-right: 0.5rem; } | |
| .slds .slds-m-bottom--x-small { | |
| margin-bottom: 0.5rem; } | |
| .slds .slds-m-left--x-small { | |
| margin-left: 0.5rem; } | |
| .slds .slds-m-vertical--x-small { | |
| margin-top: 0.5rem; | |
| margin-bottom: 0.5rem; } | |
| .slds .slds-m-horizontal--x-small { | |
| margin-right: 0.5rem; | |
| margin-left: 0.5rem; } | |
| .slds .slds-m-around--x-small { | |
| margin: 0.5rem; } | |
| .slds .slds-m-top--small { | |
| margin-top: 0.75rem; } | |
| .slds .slds-m-right--small { | |
| margin-right: 0.75rem; } | |
| .slds .slds-m-bottom--small { | |
| margin-bottom: 0.75rem; } | |
| .slds .slds-m-left--small { | |
| margin-left: 0.75rem; } | |
| .slds .slds-m-vertical--small { | |
| margin-top: 0.75rem; | |
| margin-bottom: 0.75rem; } | |
| .slds .slds-m-horizontal--small { | |
| margin-right: 0.75rem; | |
| margin-left: 0.75rem; } | |
| .slds .slds-m-around--small { | |
| margin: 0.75rem; } | |
| .slds .slds-m-top--medium { | |
| margin-top: 1rem; } | |
| .slds .slds-m-right--medium { | |
| margin-right: 1rem; } | |
| .slds .slds-m-bottom--medium { | |
| margin-bottom: 1rem; } | |
| .slds .slds-m-left--medium { | |
| margin-left: 1rem; } | |
| .slds .slds-m-vertical--medium { | |
| margin-top: 1rem; | |
| margin-bottom: 1rem; } | |
| .slds .slds-m-horizontal--medium { | |
| margin-right: 1rem; | |
| margin-left: 1rem; } | |
| .slds .slds-m-around--medium { | |
| margin: 1rem; } | |
| .slds .slds-m-top--large { | |
| margin-top: 1.5rem; } | |
| .slds .slds-m-right--large { | |
| margin-right: 1.5rem; } | |
| .slds .slds-m-bottom--large { | |
| margin-bottom: 1.5rem; } | |
| .slds .slds-m-left--large { | |
| margin-left: 1.5rem; } | |
| .slds .slds-m-vertical--large { | |
| margin-top: 1.5rem; | |
| margin-bottom: 1.5rem; } | |
| .slds .slds-m-horizontal--large { | |
| margin-right: 1.5rem; | |
| margin-left: 1.5rem; } | |
| .slds .slds-m-around--large { | |
| margin: 1.5rem; } | |
| .slds .slds-m-top--x-large { | |
| margin-top: 2rem; } | |
| .slds .slds-m-right--x-large { | |
| margin-right: 2rem; } | |
| .slds .slds-m-bottom--x-large { | |
| margin-bottom: 2rem; } | |
| .slds .slds-m-left--x-large { | |
| margin-left: 2rem; } | |
| .slds .slds-m-vertical--x-large { | |
| margin-top: 2rem; | |
| margin-bottom: 2rem; } | |
| .slds .slds-m-horizontal--x-large { | |
| margin-right: 2rem; | |
| margin-left: 2rem; } | |
| .slds .slds-m-around--x-large { | |
| margin: 2rem; } | |
| .slds .slds-m-top--xx-large { | |
| margin-top: 3rem; } | |
| .slds .slds-m-right--xx-large { | |
| margin-right: 3rem; } | |
| .slds .slds-m-bottom--xx-large { | |
| margin-bottom: 3rem; } | |
| .slds .slds-m-left--xx-large { | |
| margin-left: 3rem; } | |
| .slds .slds-m-vertical--xx-large { | |
| margin-top: 3rem; | |
| margin-bottom: 3rem; } | |
| .slds .slds-m-horizontal--xx-large { | |
| margin-right: 3rem; | |
| margin-left: 3rem; } | |
| .slds .slds-m-around--xx-large { | |
| margin: 3rem; } | |
| .slds .slds-p-top--xxx-small { | |
| padding-top: 0.125rem; } | |
| .slds .slds-p-right--xxx-small { | |
| padding-right: 0.125rem; } | |
| .slds .slds-p-bottom--xxx-small { | |
| padding-bottom: 0.125rem; } | |
| .slds .slds-p-left--xxx-small { | |
| padding-left: 0.125rem; } | |
| .slds .slds-p-vertical--xxx-small { | |
| padding-top: 0.125rem; | |
| padding-bottom: 0.125rem; } | |
| .slds .slds-p-horizontal--xxx-small { | |
| padding-right: 0.125rem; | |
| padding-left: 0.125rem; } | |
| .slds .slds-p-around--xxx-small { | |
| padding: 0.125rem; } | |
| .slds .slds-p-top--xx-small { | |
| padding-top: 0.25rem; } | |
| .slds .slds-p-right--xx-small { | |
| padding-right: 0.25rem; } | |
| .slds .slds-p-bottom--xx-small { | |
| padding-bottom: 0.25rem; } | |
| .slds .slds-p-left--xx-small { | |
| padding-left: 0.25rem; } | |
| .slds .slds-p-vertical--xx-small { | |
| padding-top: 0.25rem; | |
| padding-bottom: 0.25rem; } | |
| .slds .slds-p-horizontal--xx-small { | |
| padding-right: 0.25rem; | |
| padding-left: 0.25rem; } | |
| .slds .slds-p-around--xx-small { | |
| padding: 0.25rem; } | |
| .slds .slds-p-top--x-small { | |
| padding-top: 0.5rem; } | |
| .slds .slds-p-right--x-small { | |
| padding-right: 0.5rem; } | |
| .slds .slds-p-bottom--x-small { | |
| padding-bottom: 0.5rem; } | |
| .slds .slds-p-left--x-small { | |
| padding-left: 0.5rem; } | |
| .slds .slds-p-vertical--x-small { | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; } | |
| .slds .slds-p-horizontal--x-small { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; } | |
| .slds .slds-p-around--x-small { | |
| padding: 0.5rem; } | |
| .slds .slds-p-top--small { | |
| padding-top: 0.75rem; } | |
| .slds .slds-p-right--small { | |
| padding-right: 0.75rem; } | |
| .slds .slds-p-bottom--small { | |
| padding-bottom: 0.75rem; } | |
| .slds .slds-p-left--small { | |
| padding-left: 0.75rem; } | |
| .slds .slds-p-vertical--small { | |
| padding-top: 0.75rem; | |
| padding-bottom: 0.75rem; } | |
| .slds .slds-p-horizontal--small { | |
| padding-right: 0.75rem; | |
| padding-left: 0.75rem; } | |
| .slds .slds-p-around--small { | |
| padding: 0.75rem; } | |
| .slds .slds-p-top--medium { | |
| padding-top: 1rem; } | |
| .slds .slds-p-right--medium { | |
| padding-right: 1rem; } | |
| .slds .slds-p-bottom--medium { | |
| padding-bottom: 1rem; } | |
| .slds .slds-p-left--medium { | |
| padding-left: 1rem; } | |
| .slds .slds-p-vertical--medium { | |
| padding-top: 1rem; | |
| padding-bottom: 1rem; } | |
| .slds .slds-p-horizontal--medium { | |
| padding-right: 1rem; | |
| padding-left: 1rem; } | |
| .slds .slds-p-around--medium { | |
| padding: 1rem; } | |
| .slds .slds-p-top--large { | |
| padding-top: 1.5rem; } | |
| .slds .slds-p-right--large { | |
| padding-right: 1.5rem; } | |
| .slds .slds-p-bottom--large { | |
| padding-bottom: 1.5rem; } | |
| .slds .slds-p-left--large { | |
| padding-left: 1.5rem; } | |
| .slds .slds-p-vertical--large { | |
| padding-top: 1.5rem; | |
| padding-bottom: 1.5rem; } | |
| .slds .slds-p-horizontal--large { | |
| padding-right: 1.5rem; | |
| padding-left: 1.5rem; } | |
| .slds .slds-p-around--large { | |
| padding: 1.5rem; } | |
| .slds .slds-p-top--x-large { | |
| padding-top: 2rem; } | |
| .slds .slds-p-right--x-large { | |
| padding-right: 2rem; } | |
| .slds .slds-p-bottom--x-large { | |
| padding-bottom: 2rem; } | |
| .slds .slds-p-left--x-large { | |
| padding-left: 2rem; } | |
| .slds .slds-p-vertical--x-large { | |
| padding-top: 2rem; | |
| padding-bottom: 2rem; } | |
| .slds .slds-p-horizontal--x-large { | |
| padding-right: 2rem; | |
| padding-left: 2rem; } | |
| .slds .slds-p-around--x-large { | |
| padding: 2rem; } | |
| .slds .slds-p-top--xx-large { | |
| padding-top: 3rem; } | |
| .slds .slds-p-right--xx-large { | |
| padding-right: 3rem; } | |
| .slds .slds-p-bottom--xx-large { | |
| padding-bottom: 3rem; } | |
| .slds .slds-p-left--xx-large { | |
| padding-left: 3rem; } | |
| .slds .slds-p-vertical--xx-large { | |
| padding-top: 3rem; | |
| padding-bottom: 3rem; } | |
| .slds .slds-p-horizontal--xx-large { | |
| padding-right: 3rem; | |
| padding-left: 3rem; } | |
| .slds .slds-p-around--xx-large { | |
| padding: 3rem; } | |
| .slds .slds-float--left { | |
| float: left; } | |
| .slds .slds-float--right { | |
| float: right; } | |
| .slds .slds-clearfix:after { | |
| content: ''; | |
| display: table; | |
| clear: both; } | |
| .slds .slds-clear { | |
| clear: both; } | |
| .slds .slds-size--1-of-1 { | |
| width: 100%; } | |
| .slds .slds-size--1-of-2 { | |
| width: 50%; } | |
| .slds .slds-size--2-of-2 { | |
| width: 100%; } | |
| .slds .slds-size--1-of-3 { | |
| width: 33.33333%; } | |
| .slds .slds-size--2-of-3 { | |
| width: 66.66667%; } | |
| .slds .slds-size--3-of-3 { | |
| width: 100%; } | |
| .slds .slds-size--1-of-4 { | |
| width: 25%; } | |
| .slds .slds-size--2-of-4 { | |
| width: 50%; } | |
| .slds .slds-size--3-of-4 { | |
| width: 75%; } | |
| .slds .slds-size--4-of-4 { | |
| width: 100%; } | |
| .slds .slds-size--1-of-5 { | |
| width: 20%; } | |
| .slds .slds-size--2-of-5 { | |
| width: 40%; } | |
| .slds .slds-size--3-of-5 { | |
| width: 60%; } | |
| .slds .slds-size--4-of-5 { | |
| width: 80%; } | |
| .slds .slds-size--5-of-5 { | |
| width: 100%; } | |
| .slds .slds-size--1-of-6 { | |
| width: 16.66667%; } | |
| .slds .slds-size--2-of-6 { | |
| width: 33.33333%; } | |
| .slds .slds-size--3-of-6 { | |
| width: 50%; } | |
| .slds .slds-size--4-of-6 { | |
| width: 66.66667%; } | |
| .slds .slds-size--5-of-6 { | |
| width: 83.33333%; } | |
| .slds .slds-size--6-of-6 { | |
| width: 100%; } | |
| .slds .slds-size--1-of-7 { | |
| width: 14.28571%; } | |
| .slds .slds-size--2-of-7 { | |
| width: 28.57143%; } | |
| .slds .slds-size--3-of-7 { | |
| width: 42.85714%; } | |
| .slds .slds-size--4-of-7 { | |
| width: 57.14286%; } | |
| .slds .slds-size--5-of-7 { | |
| width: 71.42857%; } | |
| .slds .slds-size--6-of-7 { | |
| width: 85.71429%; } | |
| .slds .slds-size--7-of-7 { | |
| width: 100%; } | |
| .slds .slds-size--1-of-8 { | |
| width: 12.5%; } | |
| .slds .slds-size--2-of-8 { | |
| width: 25%; } | |
| .slds .slds-size--3-of-8 { | |
| width: 37.5%; } | |
| .slds .slds-size--4-of-8 { | |
| width: 50%; } | |
| .slds .slds-size--5-of-8 { | |
| width: 62.5%; } | |
| .slds .slds-size--6-of-8 { | |
| width: 75%; } | |
| .slds .slds-size--7-of-8 { | |
| width: 87.5%; } | |
| .slds .slds-size--8-of-8 { | |
| width: 100%; } | |
| .slds .slds-size--1-of-12 { | |
| width: 8.33333%; } | |
| .slds .slds-size--2-of-12 { | |
| width: 16.66667%; } | |
| .slds .slds-size--3-of-12 { | |
| width: 25%; } | |
| .slds .slds-size--4-of-12 { | |
| width: 33.33333%; } | |
| .slds .slds-size--5-of-12 { | |
| width: 41.66667%; } | |
| .slds .slds-size--6-of-12 { | |
| width: 50%; } | |
| .slds .slds-size--7-of-12 { | |
| width: 58.33333%; } | |
| .slds .slds-size--8-of-12 { | |
| width: 66.66667%; } | |
| .slds .slds-size--9-of-12 { | |
| width: 75%; } | |
| .slds .slds-size--10-of-12 { | |
| width: 83.33333%; } | |
| .slds .slds-size--11-of-12 { | |
| width: 91.66667%; } | |
| .slds .slds-size--12-of-12 { | |
| width: 100%; } | |
| .slds .slds-order--1 { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-order--2 { | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; } | |
| .slds .slds-order--3 { | |
| -webkit-box-ordinal-group: 4; | |
| -webkit-order: 3; | |
| -ms-flex-order: 3; | |
| order: 3; } | |
| .slds .slds-order--4 { | |
| -webkit-box-ordinal-group: 5; | |
| -webkit-order: 4; | |
| -ms-flex-order: 4; | |
| order: 4; } | |
| .slds .slds-order--5 { | |
| -webkit-box-ordinal-group: 6; | |
| -webkit-order: 5; | |
| -ms-flex-order: 5; | |
| order: 5; } | |
| .slds .slds-order--6 { | |
| -webkit-box-ordinal-group: 7; | |
| -webkit-order: 6; | |
| -ms-flex-order: 6; | |
| order: 6; } | |
| .slds .slds-order--7 { | |
| -webkit-box-ordinal-group: 8; | |
| -webkit-order: 7; | |
| -ms-flex-order: 7; | |
| order: 7; } | |
| .slds .slds-order--8 { | |
| -webkit-box-ordinal-group: 9; | |
| -webkit-order: 8; | |
| -ms-flex-order: 8; | |
| order: 8; } | |
| .slds .slds-order--9 { | |
| -webkit-box-ordinal-group: 10; | |
| -webkit-order: 9; | |
| -ms-flex-order: 9; | |
| order: 9; } | |
| .slds .slds-order--10 { | |
| -webkit-box-ordinal-group: 11; | |
| -webkit-order: 10; | |
| -ms-flex-order: 10; | |
| order: 10; } | |
| .slds .slds-order--11 { | |
| -webkit-box-ordinal-group: 12; | |
| -webkit-order: 11; | |
| -ms-flex-order: 11; | |
| order: 11; } | |
| @media (min-width: 20em) { | |
| .slds .slds-x-small-size--1-of-1 { | |
| width: 100%; } | |
| .slds .slds-x-small-size--1-of-2 { | |
| width: 50%; } | |
| .slds .slds-x-small-size--2-of-2 { | |
| width: 100%; } | |
| .slds .slds-x-small-size--1-of-3 { | |
| width: 33.33333%; } | |
| .slds .slds-x-small-size--2-of-3 { | |
| width: 66.66667%; } | |
| .slds .slds-x-small-size--3-of-3 { | |
| width: 100%; } | |
| .slds .slds-x-small-size--1-of-4 { | |
| width: 25%; } | |
| .slds .slds-x-small-size--2-of-4 { | |
| width: 50%; } | |
| .slds .slds-x-small-size--3-of-4 { | |
| width: 75%; } | |
| .slds .slds-x-small-size--4-of-4 { | |
| width: 100%; } | |
| .slds .slds-x-small-order--1 { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-x-small-order--2 { | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; } | |
| .slds .slds-x-small-order--3 { | |
| -webkit-box-ordinal-group: 4; | |
| -webkit-order: 3; | |
| -ms-flex-order: 3; | |
| order: 3; } | |
| .slds .slds-x-small-order--4 { | |
| -webkit-box-ordinal-group: 5; | |
| -webkit-order: 4; | |
| -ms-flex-order: 4; | |
| order: 4; } } | |
| @media (max-width: 20em) { | |
| .slds .slds-max-x-small-size--1-of-1 { | |
| width: 100%; } | |
| .slds .slds-max-x-small-size--1-of-2 { | |
| width: 50%; } | |
| .slds .slds-max-x-small-size--2-of-2 { | |
| width: 100%; } | |
| .slds .slds-max-x-small-size--1-of-3 { | |
| width: 33.33333%; } | |
| .slds .slds-max-x-small-size--2-of-3 { | |
| width: 66.66667%; } | |
| .slds .slds-max-x-small-size--3-of-3 { | |
| width: 100%; } | |
| .slds .slds-max-x-small-size--1-of-4 { | |
| width: 25%; } | |
| .slds .slds-max-x-small-size--2-of-4 { | |
| width: 50%; } | |
| .slds .slds-max-x-small-size--3-of-4 { | |
| width: 75%; } | |
| .slds .slds-max-x-small-size--4-of-4 { | |
| width: 100%; } | |
| .slds .slds-max-x-small-order--1 { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-max-x-small-order--2 { | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; } | |
| .slds .slds-max-x-small-order--3 { | |
| -webkit-box-ordinal-group: 4; | |
| -webkit-order: 3; | |
| -ms-flex-order: 3; | |
| order: 3; } | |
| .slds .slds-max-x-small-order--4 { | |
| -webkit-box-ordinal-group: 5; | |
| -webkit-order: 4; | |
| -ms-flex-order: 4; | |
| order: 4; } } | |
| @media (min-width: 30em) { | |
| .slds .slds-small-size--1-of-1 { | |
| width: 100%; } | |
| .slds .slds-small-size--1-of-2 { | |
| width: 50%; } | |
| .slds .slds-small-size--2-of-2 { | |
| width: 100%; } | |
| .slds .slds-small-size--1-of-3 { | |
| width: 33.33333%; } | |
| .slds .slds-small-size--2-of-3 { | |
| width: 66.66667%; } | |
| .slds .slds-small-size--3-of-3 { | |
| width: 100%; } | |
| .slds .slds-small-size--1-of-4 { | |
| width: 25%; } | |
| .slds .slds-small-size--2-of-4 { | |
| width: 50%; } | |
| .slds .slds-small-size--3-of-4 { | |
| width: 75%; } | |
| .slds .slds-small-size--4-of-4 { | |
| width: 100%; } | |
| .slds .slds-small-size--1-of-5 { | |
| width: 20%; } | |
| .slds .slds-small-size--2-of-5 { | |
| width: 40%; } | |
| .slds .slds-small-size--3-of-5 { | |
| width: 60%; } | |
| .slds .slds-small-size--4-of-5 { | |
| width: 80%; } | |
| .slds .slds-small-size--5-of-5 { | |
| width: 100%; } | |
| .slds .slds-small-size--1-of-6 { | |
| width: 16.66667%; } | |
| .slds .slds-small-size--2-of-6 { | |
| width: 33.33333%; } | |
| .slds .slds-small-size--3-of-6 { | |
| width: 50%; } | |
| .slds .slds-small-size--4-of-6 { | |
| width: 66.66667%; } | |
| .slds .slds-small-size--5-of-6 { | |
| width: 83.33333%; } | |
| .slds .slds-small-size--6-of-6 { | |
| width: 100%; } | |
| .slds .slds-small-size--1-of-7 { | |
| width: 14.28571%; } | |
| .slds .slds-small-size--2-of-7 { | |
| width: 28.57143%; } | |
| .slds .slds-small-size--3-of-7 { | |
| width: 42.85714%; } | |
| .slds .slds-small-size--4-of-7 { | |
| width: 57.14286%; } | |
| .slds .slds-small-size--5-of-7 { | |
| width: 71.42857%; } | |
| .slds .slds-small-size--6-of-7 { | |
| width: 85.71429%; } | |
| .slds .slds-small-size--7-of-7 { | |
| width: 100%; } | |
| .slds .slds-small-size--1-of-8 { | |
| width: 12.5%; } | |
| .slds .slds-small-size--2-of-8 { | |
| width: 25%; } | |
| .slds .slds-small-size--3-of-8 { | |
| width: 37.5%; } | |
| .slds .slds-small-size--4-of-8 { | |
| width: 50%; } | |
| .slds .slds-small-size--5-of-8 { | |
| width: 62.5%; } | |
| .slds .slds-small-size--6-of-8 { | |
| width: 75%; } | |
| .slds .slds-small-size--7-of-8 { | |
| width: 87.5%; } | |
| .slds .slds-small-size--8-of-8 { | |
| width: 100%; } | |
| .slds .slds-small-order--1 { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-small-order--2 { | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; } | |
| .slds .slds-small-order--3 { | |
| -webkit-box-ordinal-group: 4; | |
| -webkit-order: 3; | |
| -ms-flex-order: 3; | |
| order: 3; } | |
| .slds .slds-small-order--4 { | |
| -webkit-box-ordinal-group: 5; | |
| -webkit-order: 4; | |
| -ms-flex-order: 4; | |
| order: 4; } | |
| .slds .slds-small-order--5 { | |
| -webkit-box-ordinal-group: 6; | |
| -webkit-order: 5; | |
| -ms-flex-order: 5; | |
| order: 5; } | |
| .slds .slds-small-order--6 { | |
| -webkit-box-ordinal-group: 7; | |
| -webkit-order: 6; | |
| -ms-flex-order: 6; | |
| order: 6; } | |
| .slds .slds-small-order--7 { | |
| -webkit-box-ordinal-group: 8; | |
| -webkit-order: 7; | |
| -ms-flex-order: 7; | |
| order: 7; } | |
| .slds .slds-small-order--8 { | |
| -webkit-box-ordinal-group: 9; | |
| -webkit-order: 8; | |
| -ms-flex-order: 8; | |
| order: 8; } } | |
| @media (max-width: 30em) { | |
| .slds .slds-max-small-size--1-of-1 { | |
| width: 100%; } | |
| .slds .slds-max-small-size--1-of-2 { | |
| width: 50%; } | |
| .slds .slds-max-small-size--2-of-2 { | |
| width: 100%; } | |
| .slds .slds-max-small-size--1-of-3 { | |
| width: 33.33333%; } | |
| .slds .slds-max-small-size--2-of-3 { | |
| width: 66.66667%; } | |
| .slds .slds-max-small-size--3-of-3 { | |
| width: 100%; } | |
| .slds .slds-max-small-size--1-of-4 { | |
| width: 25%; } | |
| .slds .slds-max-small-size--2-of-4 { | |
| width: 50%; } | |
| .slds .slds-max-small-size--3-of-4 { | |
| width: 75%; } | |
| .slds .slds-max-small-size--4-of-4 { | |
| width: 100%; } | |
| .slds .slds-max-small-size--1-of-5 { | |
| width: 20%; } | |
| .slds .slds-max-small-size--2-of-5 { | |
| width: 40%; } | |
| .slds .slds-max-small-size--3-of-5 { | |
| width: 60%; } | |
| .slds .slds-max-small-size--4-of-5 { | |
| width: 80%; } | |
| .slds .slds-max-small-size--5-of-5 { | |
| width: 100%; } | |
| .slds .slds-max-small-size--1-of-6 { | |
| width: 16.66667%; } | |
| .slds .slds-max-small-size--2-of-6 { | |
| width: 33.33333%; } | |
| .slds .slds-max-small-size--3-of-6 { | |
| width: 50%; } | |
| .slds .slds-max-small-size--4-of-6 { | |
| width: 66.66667%; } | |
| .slds .slds-max-small-size--5-of-6 { | |
| width: 83.33333%; } | |
| .slds .slds-max-small-size--6-of-6 { | |
| width: 100%; } | |
| .slds .slds-max-small-size--1-of-7 { | |
| width: 14.28571%; } | |
| .slds .slds-max-small-size--2-of-7 { | |
| width: 28.57143%; } | |
| .slds .slds-max-small-size--3-of-7 { | |
| width: 42.85714%; } | |
| .slds .slds-max-small-size--4-of-7 { | |
| width: 57.14286%; } | |
| .slds .slds-max-small-size--5-of-7 { | |
| width: 71.42857%; } | |
| .slds .slds-max-small-size--6-of-7 { | |
| width: 85.71429%; } | |
| .slds .slds-max-small-size--7-of-7 { | |
| width: 100%; } | |
| .slds .slds-max-small-size--1-of-8 { | |
| width: 12.5%; } | |
| .slds .slds-max-small-size--2-of-8 { | |
| width: 25%; } | |
| .slds .slds-max-small-size--3-of-8 { | |
| width: 37.5%; } | |
| .slds .slds-max-small-size--4-of-8 { | |
| width: 50%; } | |
| .slds .slds-max-small-size--5-of-8 { | |
| width: 62.5%; } | |
| .slds .slds-max-small-size--6-of-8 { | |
| width: 75%; } | |
| .slds .slds-max-small-size--7-of-8 { | |
| width: 87.5%; } | |
| .slds .slds-max-small-size--8-of-8 { | |
| width: 100%; } | |
| .slds .slds-max-small-order--1 { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-max-small-order--2 { | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; } | |
| .slds .slds-max-small-order--3 { | |
| -webkit-box-ordinal-group: 4; | |
| -webkit-order: 3; | |
| -ms-flex-order: 3; | |
| order: 3; } | |
| .slds .slds-max-small-order--4 { | |
| -webkit-box-ordinal-group: 5; | |
| -webkit-order: 4; | |
| -ms-flex-order: 4; | |
| order: 4; } | |
| .slds .slds-max-small-order--5 { | |
| -webkit-box-ordinal-group: 6; | |
| -webkit-order: 5; | |
| -ms-flex-order: 5; | |
| order: 5; } | |
| .slds .slds-max-small-order--6 { | |
| -webkit-box-ordinal-group: 7; | |
| -webkit-order: 6; | |
| -ms-flex-order: 6; | |
| order: 6; } | |
| .slds .slds-max-small-order--7 { | |
| -webkit-box-ordinal-group: 8; | |
| -webkit-order: 7; | |
| -ms-flex-order: 7; | |
| order: 7; } | |
| .slds .slds-max-small-order--8 { | |
| -webkit-box-ordinal-group: 9; | |
| -webkit-order: 8; | |
| -ms-flex-order: 8; | |
| order: 8; } } | |
| @media (min-width: 48em) { | |
| .slds .slds-medium-size--1-of-1 { | |
| width: 100%; } | |
| .slds .slds-medium-size--1-of-2 { | |
| width: 50%; } | |
| .slds .slds-medium-size--2-of-2 { | |
| width: 100%; } | |
| .slds .slds-medium-size--1-of-3 { | |
| width: 33.33333%; } | |
| .slds .slds-medium-size--2-of-3 { | |
| width: 66.66667%; } | |
| .slds .slds-medium-size--3-of-3 { | |
| width: 100%; } | |
| .slds .slds-medium-size--1-of-4 { | |
| width: 25%; } | |
| .slds .slds-medium-size--2-of-4 { | |
| width: 50%; } | |
| .slds .slds-medium-size--3-of-4 { | |
| width: 75%; } | |
| .slds .slds-medium-size--4-of-4 { | |
| width: 100%; } | |
| .slds .slds-medium-size--1-of-5 { | |
| width: 20%; } | |
| .slds .slds-medium-size--2-of-5 { | |
| width: 40%; } | |
| .slds .slds-medium-size--3-of-5 { | |
| width: 60%; } | |
| .slds .slds-medium-size--4-of-5 { | |
| width: 80%; } | |
| .slds .slds-medium-size--5-of-5 { | |
| width: 100%; } | |
| .slds .slds-medium-size--1-of-6 { | |
| width: 16.66667%; } | |
| .slds .slds-medium-size--2-of-6 { | |
| width: 33.33333%; } | |
| .slds .slds-medium-size--3-of-6 { | |
| width: 50%; } | |
| .slds .slds-medium-size--4-of-6 { | |
| width: 66.66667%; } | |
| .slds .slds-medium-size--5-of-6 { | |
| width: 83.33333%; } | |
| .slds .slds-medium-size--6-of-6 { | |
| width: 100%; } | |
| .slds .slds-medium-size--1-of-7 { | |
| width: 14.28571%; } | |
| .slds .slds-medium-size--2-of-7 { | |
| width: 28.57143%; } | |
| .slds .slds-medium-size--3-of-7 { | |
| width: 42.85714%; } | |
| .slds .slds-medium-size--4-of-7 { | |
| width: 57.14286%; } | |
| .slds .slds-medium-size--5-of-7 { | |
| width: 71.42857%; } | |
| .slds .slds-medium-size--6-of-7 { | |
| width: 85.71429%; } | |
| .slds .slds-medium-size--7-of-7 { | |
| width: 100%; } | |
| .slds .slds-medium-size--1-of-8 { | |
| width: 12.5%; } | |
| .slds .slds-medium-size--2-of-8 { | |
| width: 25%; } | |
| .slds .slds-medium-size--3-of-8 { | |
| width: 37.5%; } | |
| .slds .slds-medium-size--4-of-8 { | |
| width: 50%; } | |
| .slds .slds-medium-size--5-of-8 { | |
| width: 62.5%; } | |
| .slds .slds-medium-size--6-of-8 { | |
| width: 75%; } | |
| .slds .slds-medium-size--7-of-8 { | |
| width: 87.5%; } | |
| .slds .slds-medium-size--8-of-8 { | |
| width: 100%; } | |
| .slds .slds-medium-size--1-of-12 { | |
| width: 8.33333%; } | |
| .slds .slds-medium-size--2-of-12 { | |
| width: 16.66667%; } | |
| .slds .slds-medium-size--3-of-12 { | |
| width: 25%; } | |
| .slds .slds-medium-size--4-of-12 { | |
| width: 33.33333%; } | |
| .slds .slds-medium-size--5-of-12 { | |
| width: 41.66667%; } | |
| .slds .slds-medium-size--6-of-12 { | |
| width: 50%; } | |
| .slds .slds-medium-size--7-of-12 { | |
| width: 58.33333%; } | |
| .slds .slds-medium-size--8-of-12 { | |
| width: 66.66667%; } | |
| .slds .slds-medium-size--9-of-12 { | |
| width: 75%; } | |
| .slds .slds-medium-size--10-of-12 { | |
| width: 83.33333%; } | |
| .slds .slds-medium-size--11-of-12 { | |
| width: 91.66667%; } | |
| .slds .slds-medium-size--12-of-12 { | |
| width: 100%; } | |
| .slds .slds-medium-order--1 { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-medium-order--2 { | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; } | |
| .slds .slds-medium-order--3 { | |
| -webkit-box-ordinal-group: 4; | |
| -webkit-order: 3; | |
| -ms-flex-order: 3; | |
| order: 3; } | |
| .slds .slds-medium-order--4 { | |
| -webkit-box-ordinal-group: 5; | |
| -webkit-order: 4; | |
| -ms-flex-order: 4; | |
| order: 4; } | |
| .slds .slds-medium-order--5 { | |
| -webkit-box-ordinal-group: 6; | |
| -webkit-order: 5; | |
| -ms-flex-order: 5; | |
| order: 5; } | |
| .slds .slds-medium-order--6 { | |
| -webkit-box-ordinal-group: 7; | |
| -webkit-order: 6; | |
| -ms-flex-order: 6; | |
| order: 6; } | |
| .slds .slds-medium-order--7 { | |
| -webkit-box-ordinal-group: 8; | |
| -webkit-order: 7; | |
| -ms-flex-order: 7; | |
| order: 7; } | |
| .slds .slds-medium-order--8 { | |
| -webkit-box-ordinal-group: 9; | |
| -webkit-order: 8; | |
| -ms-flex-order: 8; | |
| order: 8; } | |
| .slds .slds-medium-order--9 { | |
| -webkit-box-ordinal-group: 10; | |
| -webkit-order: 9; | |
| -ms-flex-order: 9; | |
| order: 9; } | |
| .slds .slds-medium-order--10 { | |
| -webkit-box-ordinal-group: 11; | |
| -webkit-order: 10; | |
| -ms-flex-order: 10; | |
| order: 10; } | |
| .slds .slds-medium-order--11 { | |
| -webkit-box-ordinal-group: 12; | |
| -webkit-order: 11; | |
| -ms-flex-order: 11; | |
| order: 11; } | |
| .slds .slds-medium-order--12 { | |
| -webkit-box-ordinal-group: 13; | |
| -webkit-order: 12; | |
| -ms-flex-order: 12; | |
| order: 12; } } | |
| @media (max-width: 48em) { | |
| .slds .slds-max-medium-size--1-of-1 { | |
| width: 100%; } | |
| .slds .slds-max-medium-size--1-of-2 { | |
| width: 50%; } | |
| .slds .slds-max-medium-size--2-of-2 { | |
| width: 100%; } | |
| .slds .slds-max-medium-size--1-of-3 { | |
| width: 33.33333%; } | |
| .slds .slds-max-medium-size--2-of-3 { | |
| width: 66.66667%; } | |
| .slds .slds-max-medium-size--3-of-3 { | |
| width: 100%; } | |
| .slds .slds-max-medium-size--1-of-4 { | |
| width: 25%; } | |
| .slds .slds-max-medium-size--2-of-4 { | |
| width: 50%; } | |
| .slds .slds-max-medium-size--3-of-4 { | |
| width: 75%; } | |
| .slds .slds-max-medium-size--4-of-4 { | |
| width: 100%; } | |
| .slds .slds-max-medium-size--1-of-5 { | |
| width: 20%; } | |
| .slds .slds-max-medium-size--2-of-5 { | |
| width: 40%; } | |
| .slds .slds-max-medium-size--3-of-5 { | |
| width: 60%; } | |
| .slds .slds-max-medium-size--4-of-5 { | |
| width: 80%; } | |
| .slds .slds-max-medium-size--5-of-5 { | |
| width: 100%; } | |
| .slds .slds-max-medium-size--1-of-6 { | |
| width: 16.66667%; } | |
| .slds .slds-max-medium-size--2-of-6 { | |
| width: 33.33333%; } | |
| .slds .slds-max-medium-size--3-of-6 { | |
| width: 50%; } | |
| .slds .slds-max-medium-size--4-of-6 { | |
| width: 66.66667%; } | |
| .slds .slds-max-medium-size--5-of-6 { | |
| width: 83.33333%; } | |
| .slds .slds-max-medium-size--6-of-6 { | |
| width: 100%; } | |
| .slds .slds-max-medium-size--1-of-7 { | |
| width: 14.28571%; } | |
| .slds .slds-max-medium-size--2-of-7 { | |
| width: 28.57143%; } | |
| .slds .slds-max-medium-size--3-of-7 { | |
| width: 42.85714%; } | |
| .slds .slds-max-medium-size--4-of-7 { | |
| width: 57.14286%; } | |
| .slds .slds-max-medium-size--5-of-7 { | |
| width: 71.42857%; } | |
| .slds .slds-max-medium-size--6-of-7 { | |
| width: 85.71429%; } | |
| .slds .slds-max-medium-size--7-of-7 { | |
| width: 100%; } | |
| .slds .slds-max-medium-size--1-of-8 { | |
| width: 12.5%; } | |
| .slds .slds-max-medium-size--2-of-8 { | |
| width: 25%; } | |
| .slds .slds-max-medium-size--3-of-8 { | |
| width: 37.5%; } | |
| .slds .slds-max-medium-size--4-of-8 { | |
| width: 50%; } | |
| .slds .slds-max-medium-size--5-of-8 { | |
| width: 62.5%; } | |
| .slds .slds-max-medium-size--6-of-8 { | |
| width: 75%; } | |
| .slds .slds-max-medium-size--7-of-8 { | |
| width: 87.5%; } | |
| .slds .slds-max-medium-size--8-of-8 { | |
| width: 100%; } | |
| .slds .slds-max-medium-size--1-of-12 { | |
| width: 8.33333%; } | |
| .slds .slds-max-medium-size--2-of-12 { | |
| width: 16.66667%; } | |
| .slds .slds-max-medium-size--3-of-12 { | |
| width: 25%; } | |
| .slds .slds-max-medium-size--4-of-12 { | |
| width: 33.33333%; } | |
| .slds .slds-max-medium-size--5-of-12 { | |
| width: 41.66667%; } | |
| .slds .slds-max-medium-size--6-of-12 { | |
| width: 50%; } | |
| .slds .slds-max-medium-size--7-of-12 { | |
| width: 58.33333%; } | |
| .slds .slds-max-medium-size--8-of-12 { | |
| width: 66.66667%; } | |
| .slds .slds-max-medium-size--9-of-12 { | |
| width: 75%; } | |
| .slds .slds-max-medium-size--10-of-12 { | |
| width: 83.33333%; } | |
| .slds .slds-max-medium-size--11-of-12 { | |
| width: 91.66667%; } | |
| .slds .slds-max-medium-size--12-of-12 { | |
| width: 100%; } | |
| .slds .slds-max-medium-order--1 { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-max-medium-order--2 { | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; } | |
| .slds .slds-max-medium-order--3 { | |
| -webkit-box-ordinal-group: 4; | |
| -webkit-order: 3; | |
| -ms-flex-order: 3; | |
| order: 3; } | |
| .slds .slds-max-medium-order--4 { | |
| -webkit-box-ordinal-group: 5; | |
| -webkit-order: 4; | |
| -ms-flex-order: 4; | |
| order: 4; } | |
| .slds .slds-max-medium-order--5 { | |
| -webkit-box-ordinal-group: 6; | |
| -webkit-order: 5; | |
| -ms-flex-order: 5; | |
| order: 5; } | |
| .slds .slds-max-medium-order--6 { | |
| -webkit-box-ordinal-group: 7; | |
| -webkit-order: 6; | |
| -ms-flex-order: 6; | |
| order: 6; } | |
| .slds .slds-max-medium-order--7 { | |
| -webkit-box-ordinal-group: 8; | |
| -webkit-order: 7; | |
| -ms-flex-order: 7; | |
| order: 7; } | |
| .slds .slds-max-medium-order--8 { | |
| -webkit-box-ordinal-group: 9; | |
| -webkit-order: 8; | |
| -ms-flex-order: 8; | |
| order: 8; } | |
| .slds .slds-max-medium-order--9 { | |
| -webkit-box-ordinal-group: 10; | |
| -webkit-order: 9; | |
| -ms-flex-order: 9; | |
| order: 9; } | |
| .slds .slds-max-medium-order--10 { | |
| -webkit-box-ordinal-group: 11; | |
| -webkit-order: 10; | |
| -ms-flex-order: 10; | |
| order: 10; } | |
| .slds .slds-max-medium-order--11 { | |
| -webkit-box-ordinal-group: 12; | |
| -webkit-order: 11; | |
| -ms-flex-order: 11; | |
| order: 11; } | |
| .slds .slds-max-medium-order--12 { | |
| -webkit-box-ordinal-group: 13; | |
| -webkit-order: 12; | |
| -ms-flex-order: 12; | |
| order: 12; } } | |
| @media (min-width: 64em) { | |
| .slds .slds-large-size--1-of-1 { | |
| width: 100%; } | |
| .slds .slds-large-size--1-of-2 { | |
| width: 50%; } | |
| .slds .slds-large-size--2-of-2 { | |
| width: 100%; } | |
| .slds .slds-large-size--1-of-3 { | |
| width: 33.33333%; } | |
| .slds .slds-large-size--2-of-3 { | |
| width: 66.66667%; } | |
| .slds .slds-large-size--3-of-3 { | |
| width: 100%; } | |
| .slds .slds-large-size--1-of-4 { | |
| width: 25%; } | |
| .slds .slds-large-size--2-of-4 { | |
| width: 50%; } | |
| .slds .slds-large-size--3-of-4 { | |
| width: 75%; } | |
| .slds .slds-large-size--4-of-4 { | |
| width: 100%; } | |
| .slds .slds-large-size--1-of-5 { | |
| width: 20%; } | |
| .slds .slds-large-size--2-of-5 { | |
| width: 40%; } | |
| .slds .slds-large-size--3-of-5 { | |
| width: 60%; } | |
| .slds .slds-large-size--4-of-5 { | |
| width: 80%; } | |
| .slds .slds-large-size--5-of-5 { | |
| width: 100%; } | |
| .slds .slds-large-size--1-of-6 { | |
| width: 16.66667%; } | |
| .slds .slds-large-size--2-of-6 { | |
| width: 33.33333%; } | |
| .slds .slds-large-size--3-of-6 { | |
| width: 50%; } | |
| .slds .slds-large-size--4-of-6 { | |
| width: 66.66667%; } | |
| .slds .slds-large-size--5-of-6 { | |
| width: 83.33333%; } | |
| .slds .slds-large-size--6-of-6 { | |
| width: 100%; } | |
| .slds .slds-large-size--1-of-7 { | |
| width: 14.28571%; } | |
| .slds .slds-large-size--2-of-7 { | |
| width: 28.57143%; } | |
| .slds .slds-large-size--3-of-7 { | |
| width: 42.85714%; } | |
| .slds .slds-large-size--4-of-7 { | |
| width: 57.14286%; } | |
| .slds .slds-large-size--5-of-7 { | |
| width: 71.42857%; } | |
| .slds .slds-large-size--6-of-7 { | |
| width: 85.71429%; } | |
| .slds .slds-large-size--7-of-7 { | |
| width: 100%; } | |
| .slds .slds-large-size--1-of-8 { | |
| width: 12.5%; } | |
| .slds .slds-large-size--2-of-8 { | |
| width: 25%; } | |
| .slds .slds-large-size--3-of-8 { | |
| width: 37.5%; } | |
| .slds .slds-large-size--4-of-8 { | |
| width: 50%; } | |
| .slds .slds-large-size--5-of-8 { | |
| width: 62.5%; } | |
| .slds .slds-large-size--6-of-8 { | |
| width: 75%; } | |
| .slds .slds-large-size--7-of-8 { | |
| width: 87.5%; } | |
| .slds .slds-large-size--8-of-8 { | |
| width: 100%; } | |
| .slds .slds-large-size--1-of-12 { | |
| width: 8.33333%; } | |
| .slds .slds-large-size--2-of-12 { | |
| width: 16.66667%; } | |
| .slds .slds-large-size--3-of-12 { | |
| width: 25%; } | |
| .slds .slds-large-size--4-of-12 { | |
| width: 33.33333%; } | |
| .slds .slds-large-size--5-of-12 { | |
| width: 41.66667%; } | |
| .slds .slds-large-size--6-of-12 { | |
| width: 50%; } | |
| .slds .slds-large-size--7-of-12 { | |
| width: 58.33333%; } | |
| .slds .slds-large-size--8-of-12 { | |
| width: 66.66667%; } | |
| .slds .slds-large-size--9-of-12 { | |
| width: 75%; } | |
| .slds .slds-large-size--10-of-12 { | |
| width: 83.33333%; } | |
| .slds .slds-large-size--11-of-12 { | |
| width: 91.66667%; } | |
| .slds .slds-large-size--12-of-12 { | |
| width: 100%; } | |
| .slds .slds-large-order--1 { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-large-order--2 { | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; } | |
| .slds .slds-large-order--3 { | |
| -webkit-box-ordinal-group: 4; | |
| -webkit-order: 3; | |
| -ms-flex-order: 3; | |
| order: 3; } | |
| .slds .slds-large-order--4 { | |
| -webkit-box-ordinal-group: 5; | |
| -webkit-order: 4; | |
| -ms-flex-order: 4; | |
| order: 4; } | |
| .slds .slds-large-order--5 { | |
| -webkit-box-ordinal-group: 6; | |
| -webkit-order: 5; | |
| -ms-flex-order: 5; | |
| order: 5; } | |
| .slds .slds-large-order--6 { | |
| -webkit-box-ordinal-group: 7; | |
| -webkit-order: 6; | |
| -ms-flex-order: 6; | |
| order: 6; } | |
| .slds .slds-large-order--7 { | |
| -webkit-box-ordinal-group: 8; | |
| -webkit-order: 7; | |
| -ms-flex-order: 7; | |
| order: 7; } | |
| .slds .slds-large-order--8 { | |
| -webkit-box-ordinal-group: 9; | |
| -webkit-order: 8; | |
| -ms-flex-order: 8; | |
| order: 8; } | |
| .slds .slds-large-order--9 { | |
| -webkit-box-ordinal-group: 10; | |
| -webkit-order: 9; | |
| -ms-flex-order: 9; | |
| order: 9; } | |
| .slds .slds-large-order--10 { | |
| -webkit-box-ordinal-group: 11; | |
| -webkit-order: 10; | |
| -ms-flex-order: 10; | |
| order: 10; } | |
| .slds .slds-large-order--11 { | |
| -webkit-box-ordinal-group: 12; | |
| -webkit-order: 11; | |
| -ms-flex-order: 11; | |
| order: 11; } | |
| .slds .slds-large-order--12 { | |
| -webkit-box-ordinal-group: 13; | |
| -webkit-order: 12; | |
| -ms-flex-order: 12; | |
| order: 12; } } | |
| @media (max-width: 64em) { | |
| .slds .slds-max-large-size--1-of-1 { | |
| width: 100%; } | |
| .slds .slds-max-large-size--1-of-2 { | |
| width: 50%; } | |
| .slds .slds-max-large-size--2-of-2 { | |
| width: 100%; } | |
| .slds .slds-max-large-size--1-of-3 { | |
| width: 33.33333%; } | |
| .slds .slds-max-large-size--2-of-3 { | |
| width: 66.66667%; } | |
| .slds .slds-max-large-size--3-of-3 { | |
| width: 100%; } | |
| .slds .slds-max-large-size--1-of-4 { | |
| width: 25%; } | |
| .slds .slds-max-large-size--2-of-4 { | |
| width: 50%; } | |
| .slds .slds-max-large-size--3-of-4 { | |
| width: 75%; } | |
| .slds .slds-max-large-size--4-of-4 { | |
| width: 100%; } | |
| .slds .slds-max-large-size--1-of-5 { | |
| width: 20%; } | |
| .slds .slds-max-large-size--2-of-5 { | |
| width: 40%; } | |
| .slds .slds-max-large-size--3-of-5 { | |
| width: 60%; } | |
| .slds .slds-max-large-size--4-of-5 { | |
| width: 80%; } | |
| .slds .slds-max-large-size--5-of-5 { | |
| width: 100%; } | |
| .slds .slds-max-large-size--1-of-6 { | |
| width: 16.66667%; } | |
| .slds .slds-max-large-size--2-of-6 { | |
| width: 33.33333%; } | |
| .slds .slds-max-large-size--3-of-6 { | |
| width: 50%; } | |
| .slds .slds-max-large-size--4-of-6 { | |
| width: 66.66667%; } | |
| .slds .slds-max-large-size--5-of-6 { | |
| width: 83.33333%; } | |
| .slds .slds-max-large-size--6-of-6 { | |
| width: 100%; } | |
| .slds .slds-max-large-size--1-of-7 { | |
| width: 14.28571%; } | |
| .slds .slds-max-large-size--2-of-7 { | |
| width: 28.57143%; } | |
| .slds .slds-max-large-size--3-of-7 { | |
| width: 42.85714%; } | |
| .slds .slds-max-large-size--4-of-7 { | |
| width: 57.14286%; } | |
| .slds .slds-max-large-size--5-of-7 { | |
| width: 71.42857%; } | |
| .slds .slds-max-large-size--6-of-7 { | |
| width: 85.71429%; } | |
| .slds .slds-max-large-size--7-of-7 { | |
| width: 100%; } | |
| .slds .slds-max-large-size--1-of-8 { | |
| width: 12.5%; } | |
| .slds .slds-max-large-size--2-of-8 { | |
| width: 25%; } | |
| .slds .slds-max-large-size--3-of-8 { | |
| width: 37.5%; } | |
| .slds .slds-max-large-size--4-of-8 { | |
| width: 50%; } | |
| .slds .slds-max-large-size--5-of-8 { | |
| width: 62.5%; } | |
| .slds .slds-max-large-size--6-of-8 { | |
| width: 75%; } | |
| .slds .slds-max-large-size--7-of-8 { | |
| width: 87.5%; } | |
| .slds .slds-max-large-size--8-of-8 { | |
| width: 100%; } | |
| .slds .slds-max-large-size--1-of-12 { | |
| width: 8.33333%; } | |
| .slds .slds-max-large-size--2-of-12 { | |
| width: 16.66667%; } | |
| .slds .slds-max-large-size--3-of-12 { | |
| width: 25%; } | |
| .slds .slds-max-large-size--4-of-12 { | |
| width: 33.33333%; } | |
| .slds .slds-max-large-size--5-of-12 { | |
| width: 41.66667%; } | |
| .slds .slds-max-large-size--6-of-12 { | |
| width: 50%; } | |
| .slds .slds-max-large-size--7-of-12 { | |
| width: 58.33333%; } | |
| .slds .slds-max-large-size--8-of-12 { | |
| width: 66.66667%; } | |
| .slds .slds-max-large-size--9-of-12 { | |
| width: 75%; } | |
| .slds .slds-max-large-size--10-of-12 { | |
| width: 83.33333%; } | |
| .slds .slds-max-large-size--11-of-12 { | |
| width: 91.66667%; } | |
| .slds .slds-max-large-size--12-of-12 { | |
| width: 100%; } | |
| .slds .slds-max-large-order--1 { | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; } | |
| .slds .slds-max-large-order--2 { | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; } | |
| .slds .slds-max-large-order--3 { | |
| -webkit-box-ordinal-group: 4; | |
| -webkit-order: 3; | |
| -ms-flex-order: 3; | |
| order: 3; } | |
| .slds .slds-max-large-order--4 { | |
| -webkit-box-ordinal-group: 5; | |
| -webkit-order: 4; | |
| -ms-flex-order: 4; | |
| order: 4; } | |
| .slds .slds-max-large-order--5 { | |
| -webkit-box-ordinal-group: 6; | |
| -webkit-order: 5; | |
| -ms-flex-order: 5; | |
| order: 5; } | |
| .slds .slds-max-large-order--6 { | |
| -webkit-box-ordinal-group: 7; | |
| -webkit-order: 6; | |
| -ms-flex-order: 6; | |
| order: 6; } | |
| .slds .slds-max-large-order--7 { | |
| -webkit-box-ordinal-group: 8; | |
| -webkit-order: 7; | |
| -ms-flex-order: 7; | |
| order: 7; } | |
| .slds .slds-max-large-order--8 { | |
| -webkit-box-ordinal-group: 9; | |
| -webkit-order: 8; | |
| -ms-flex-order: 8; | |
| order: 8; } | |
| .slds .slds-max-large-order--9 { | |
| -webkit-box-ordinal-group: 10; | |
| -webkit-order: 9; | |
| -ms-flex-order: 9; | |
| order: 9; } | |
| .slds .slds-max-large-order--10 { | |
| -webkit-box-ordinal-group: 11; | |
| -webkit-order: 10; | |
| -ms-flex-order: 10; | |
| order: 10; } | |
| .slds .slds-max-large-order--11 { | |
| -webkit-box-ordinal-group: 12; | |
| -webkit-order: 11; | |
| -ms-flex-order: 11; | |
| order: 11; } | |
| .slds .slds-max-large-order--12 { | |
| -webkit-box-ordinal-group: 13; | |
| -webkit-order: 12; | |
| -ms-flex-order: 12; | |
| order: 12; } } | |
| .slds .slds-list--dotted { | |
| margin-left: 1.5rem; | |
| list-style: disc; } | |
| .slds .slds-list--ordered { | |
| margin-left: 1.5rem; | |
| list-style: decimal; } | |
| .slds .slds-dl--inline:after { | |
| content: ''; | |
| display: table; | |
| clear: both; } | |
| @media (min-width: 48em) { | |
| .slds .slds-dl--inline__label { | |
| float: left; | |
| clear: left; } | |
| .slds .slds-dl--inline__detail { | |
| float: left; | |
| padding-left: 0.25rem; } } | |
| @media (min-width: 48em) { | |
| .slds .slds-dl--horizontal__label { | |
| width: 33%; | |
| float: left; | |
| clear: left; } | |
| .slds .slds-dl--horizontal__detail { | |
| margin-left: calc(33% + 0.75rem); } } | |
| .slds .slds-list--horizontal { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| .slds .slds-list--horizontal > .slds-list__item { | |
| -webkit-align-self: center; | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| display: inline-block; | |
| vertical-align: middle; } | |
| .slds .slds-list--horizontal-large > .slds-list__item > a { | |
| padding: 0.75rem 1rem; } | |
| .slds .slds-is-nested { | |
| margin-left: 1rem; } | |
| .slds .slds-has-divider { | |
| margin-top: 0.5rem; | |
| padding-top: 0.5rem; | |
| border-top: 1px solid #d8dde6; } | |
| .slds .slds-has-divider--top { | |
| border-top: 1px solid #d8dde6; } | |
| .slds .slds-has-divider--top-space { | |
| border-top: 1px solid #d8dde6; | |
| margin-top: 0.5rem; | |
| padding-top: 0.5rem; } | |
| .slds .slds-has-divider--bottom { | |
| border-bottom: 1px solid #d8dde6; } | |
| .slds .slds-has-divider--bottom-space { | |
| border-bottom: 1px solid #d8dde6; | |
| margin-bottom: 0.5rem; | |
| padding-bottom: 0.5rem; } | |
| .slds .slds-list--vertical.slds-has-dividers > .slds-list__item { | |
| padding: 0.5rem; | |
| border-bottom: 1px solid #d8dde6; } | |
| .slds .slds-list--vertical.slds-has-dividers > .slds-list__item:hover { | |
| background-color: #f4f6f9; | |
| border-color: #d8dde6; | |
| cursor: pointer; } | |
| .slds .slds-list--vertical.slds-has-dividers > .slds-list__item:active { | |
| background-color: #eef1f6; | |
| box-shadow: #d8dde6 0 -1px 0 inset; } | |
| .slds .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected { | |
| box-shadow: #0070d2 0 0 0 1px inset; | |
| background-color: #f0f8fc; } | |
| .slds .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected:hover, | |
| .slds .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 .slds-has-dividers--top > .slds-list__item { | |
| border-top: 1px solid #d8dde6; } | |
| .slds .slds-has-dividers--top-space > .slds-list__item { | |
| border-top: 1px solid #d8dde6; | |
| padding: 0.75rem; } | |
| @media (min-width: 30em) { | |
| .slds .slds-has-dividers--top-space > .slds-list__item { | |
| padding: 0.5rem; } } | |
| .slds .slds-has-dividers--bottom > .slds-list__item { | |
| border-bottom: 1px solid #d8dde6; } | |
| .slds .slds-has-dividers--bottom-space > .slds-list__item { | |
| border-bottom: 1px solid #d8dde6; | |
| padding: 0.75rem; } | |
| @media (min-width: 30em) { | |
| .slds .slds-has-dividers--bottom-space > .slds-list__item { | |
| padding: 0.5rem; } } | |
| .slds .slds-has-list-interactions > .slds-list__item:hover { | |
| background-color: #f4f6f9; | |
| border-color: #d8dde6; | |
| cursor: pointer; } | |
| .slds .slds-has-list-interactions > .slds-list__item:active { | |
| background-color: #eef1f6; | |
| box-shadow: #d8dde6 0 -1px 0 inset; } | |
| .slds .slds-has-list-interactions > .slds-list__item.slds-is-selected { | |
| box-shadow: #0070d2 0 0 0 1px inset; | |
| background-color: #f0f8fc; } | |
| .slds .slds-has-list-interactions > .slds-list__item.slds-is-selected:hover, | |
| .slds .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 .slds-list--horizontal.slds-has-dividers > .slds-list__item { | |
| position: relative; } | |
| .slds .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 .slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child { | |
| margin-right: 0; | |
| padding-right: 0; } | |
| .slds .slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child:after { | |
| content: none; } | |
| .slds .slds-has-dividers--left > .slds-list__item { | |
| position: relative; } | |
| .slds .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 .slds-has-dividers--left > .slds-list__item:first-child { | |
| margin-right: 0; | |
| padding-right: 0; } | |
| .slds .slds-has-dividers--left > .slds-list__item:first-child:before { | |
| content: none; } | |
| .slds .slds-has-dividers--right > .slds-list__item { | |
| position: relative; } | |
| .slds .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 .slds-has-dividers--right > .slds-list__item:last-child { | |
| margin-right: 0; | |
| padding-right: 0; } | |
| .slds .slds-has-dividers--right > .slds-list__item:last-child:after { | |
| content: none; } | |
| .slds .slds-has-cards .slds-list__item { | |
| border: 1px solid #d8dde6; | |
| border-radius: 0.25rem; | |
| background-clip: padding-box; } | |
| .slds .slds-has-cards .slds-list__item + .slds-list__item { | |
| margin-top: 0.5rem; } | |
| .slds .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 .slds-has-cards--space .slds-list__item { | |
| padding: 0.5rem; } } | |
| .slds .slds-has-cards--space .slds-list__item + .slds-list__item { | |
| margin-top: 0.5rem; } | |
| .slds .slds-has-block-links a { | |
| display: block; | |
| text-decoration: none; } | |
| .slds .slds-has-block-links .slds-is-nested { | |
| margin-left: 1rem; } | |
| .slds .slds-has-block-links--space .slds-list__item { | |
| padding: 0; } | |
| .slds .slds-has-block-links--space a { | |
| display: block; | |
| text-decoration: none; | |
| padding: 0.75rem; } | |
| @media (min-width: 48em) { | |
| .slds .slds-has-block-links--space a { | |
| padding: 0.5rem; } } | |
| .slds .slds-has-inline-block-links a { | |
| display: inline-block; | |
| text-decoration: none; } | |
| .slds .slds-has-inline-block-links--space a { | |
| display: inline-block; | |
| text-decoration: none; | |
| padding: 0.75rem; } | |
| @media (min-width: 48em) { | |
| .slds .slds-has-inline-block-links--space a { | |
| padding: 0.5rem; } } | |
| .slds .slds-truncate { | |
| max-width: 100%; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; } | |
| .slds .slds-page-header { | |
| padding: 1.5rem 1.5rem 0.75rem; | |
| border-bottom: 1px solid #d8dde6; | |
| background: #f4f6f9; } | |
| .slds .slds-box { | |
| padding: 1rem; | |
| border-radius: 0.25rem; | |
| background-clip: padding-box; | |
| border: 1px solid #d8dde6; } | |
| .slds .slds-box--x-small { | |
| padding: 0.5rem; } | |
| .slds .slds-box--small { | |
| padding: 0.75rem; } | |
| .slds .slds-theme--default { | |
| background-color: white; } | |
| .slds .slds-theme--shade { | |
| background-color: #f4f6f9; } | |
| .slds .slds-theme--inverse { | |
| background-color: #061c3f; | |
| color: white; | |
| border-color: #061c3f; } | |
| .slds .slds-theme--inverse a:not(.slds-button--neutral) { | |
| color: white; | |
| text-decoration: underline; } | |
| .slds .slds-theme--inverse a:not(.slds-button--neutral):link, | |
| .slds .slds-theme--inverse a:not(.slds-button--neutral):visited { | |
| color: white; } | |
| .slds .slds-theme--inverse a:not(.slds-button--neutral):hover, | |
| .slds .slds-theme--inverse a:not(.slds-button--neutral):focus { | |
| color: rgba(255, 255, 255, 0.75); } | |
| .slds .slds-theme--inverse a:not(.slds-button--neutral):active { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .slds .slds-theme--inverse a:not(.slds-button--neutral)[disabled] { | |
| color: rgba(255, 255, 255, 0.15); } | |
| .slds .slds-theme--alt-inverse { | |
| background-color: #16325c; | |
| color: white; | |
| border-color: #16325c; } | |
| .slds .slds-theme--alt-inverse a:not(.slds-button--neutral) { | |
| color: white; | |
| text-decoration: underline; } | |
| .slds .slds-theme--alt-inverse a:not(.slds-button--neutral):link, | |
| .slds .slds-theme--alt-inverse a:not(.slds-button--neutral):visited { | |
| color: white; } | |
| .slds .slds-theme--alt-inverse a:not(.slds-button--neutral):hover, | |
| .slds .slds-theme--alt-inverse a:not(.slds-button--neutral):focus { | |
| color: rgba(255, 255, 255, 0.75); } | |
| .slds .slds-theme--alt-inverse a:not(.slds-button--neutral):active { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .slds .slds-theme--alt-inverse a:not(.slds-button--neutral)[disabled] { | |
| color: rgba(255, 255, 255, 0.15); } | |
| .slds .slds-theme--success { | |
| color: white; | |
| background-color: #04844b; } | |
| .slds .slds-theme--success a:not(.slds-button--neutral) { | |
| color: white; | |
| text-decoration: underline; } | |
| .slds .slds-theme--success a:not(.slds-button--neutral):link, | |
| .slds .slds-theme--success a:not(.slds-button--neutral):visited { | |
| color: white; } | |
| .slds .slds-theme--success a:not(.slds-button--neutral):hover, | |
| .slds .slds-theme--success a:not(.slds-button--neutral):focus { | |
| color: rgba(255, 255, 255, 0.75); } | |
| .slds .slds-theme--success a:not(.slds-button--neutral):active { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .slds .slds-theme--success a:not(.slds-button--neutral)[disabled] { | |
| color: rgba(255, 255, 255, 0.15); } | |
| .slds .slds-theme--info { | |
| color: white; | |
| background-color: #54698d; } | |
| .slds .slds-theme--info a:not(.slds-button--neutral) { | |
| color: white; | |
| text-decoration: underline; } | |
| .slds .slds-theme--info a:not(.slds-button--neutral):link, | |
| .slds .slds-theme--info a:not(.slds-button--neutral):visited { | |
| color: white; } | |
| .slds .slds-theme--info a:not(.slds-button--neutral):hover, | |
| .slds .slds-theme--info a:not(.slds-button--neutral):focus { | |
| color: rgba(255, 255, 255, 0.75); } | |
| .slds .slds-theme--info a:not(.slds-button--neutral):active { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .slds .slds-theme--info a:not(.slds-button--neutral)[disabled] { | |
| color: rgba(255, 255, 255, 0.15); } | |
| .slds .slds-theme--warning { | |
| background-color: #ffb75d; | |
| color: #16325c; } | |
| .slds .slds-theme--warning .slds-button__icon { | |
| fill: #54698d; } | |
| .slds .slds-theme--error { | |
| color: white; | |
| background-color: #c23934; } | |
| .slds .slds-theme--error a:not(.slds-button--neutral) { | |
| color: white; | |
| text-decoration: underline; } | |
| .slds .slds-theme--error a:not(.slds-button--neutral):link, | |
| .slds .slds-theme--error a:not(.slds-button--neutral):visited { | |
| color: white; } | |
| .slds .slds-theme--error a:not(.slds-button--neutral):hover, | |
| .slds .slds-theme--error a:not(.slds-button--neutral):focus { | |
| color: rgba(255, 255, 255, 0.75); } | |
| .slds .slds-theme--error a:not(.slds-button--neutral):active { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .slds .slds-theme--error a:not(.slds-button--neutral)[disabled] { | |
| color: rgba(255, 255, 255, 0.15); } | |
| .slds .slds-theme--offline { | |
| color: white; | |
| background-color: #444; } | |
| .slds .slds-theme--offline a:not(.slds-button--neutral) { | |
| color: white; | |
| text-decoration: underline; } | |
| .slds .slds-theme--offline a:not(.slds-button--neutral):link, | |
| .slds .slds-theme--offline a:not(.slds-button--neutral):visited { | |
| color: white; } | |
| .slds .slds-theme--offline a:not(.slds-button--neutral):hover, | |
| .slds .slds-theme--offline a:not(.slds-button--neutral):focus { | |
| color: rgba(255, 255, 255, 0.75); } | |
| .slds .slds-theme--offline a:not(.slds-button--neutral):active { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .slds .slds-theme--offline a:not(.slds-button--neutral)[disabled] { | |
| color: rgba(255, 255, 255, 0.15); } | |
| .slds .slds-theme--alert-texture { | |
| background-image: -webkit-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-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 .slds-theme--inverse-text { | |
| color: white; } | |
| .slds .slds-theme--inverse-text a:not(.slds-button--neutral) { | |
| color: white; | |
| text-decoration: underline; } | |
| .slds .slds-theme--inverse-text a:not(.slds-button--neutral):link, | |
| .slds .slds-theme--inverse-text a:not(.slds-button--neutral):visited { | |
| color: white; } | |
| .slds .slds-theme--inverse-text a:not(.slds-button--neutral):hover, | |
| .slds .slds-theme--inverse-text a:not(.slds-button--neutral):focus { | |
| color: rgba(255, 255, 255, 0.75); } | |
| .slds .slds-theme--inverse-text a:not(.slds-button--neutral):active { | |
| color: rgba(255, 255, 255, 0.5); } | |
| .slds .slds-theme--inverse-text a:not(.slds-button--neutral)[disabled] { | |
| color: rgba(255, 255, 255, 0.15); } | |
| .slds .slds-text-body--regular { | |
| font-size: 0.875rem; } | |
| .slds .slds-text-heading--small { | |
| font-weight: 300; | |
| font-size: 1.125rem; | |
| line-height: 1.25; } | |
| .slds .slds-text-heading--medium { | |
| font-weight: 300; | |
| font-size: 1.5rem; | |
| line-height: 1.25; } | |
| .slds .slds-text-heading--large { | |
| font-weight: 300; | |
| font-size: 2rem; | |
| line-height: 1.25; } | |
| .slds .slds-text-heading--label { | |
| font-size: 0.75rem; | |
| line-height: 1.25; | |
| text-transform: uppercase; | |
| letter-spacing: .0625em; | |
| color: #54698d; } | |
| .slds .slds-text-body--small { | |
| font-size: 0.75rem; | |
| color: #54698d; } | |
| .slds .slds-text-align--left { | |
| text-align: left; } | |
| .slds .slds-text-align--center { | |
| text-align: center; } | |
| .slds .slds-text-align--right { | |
| text-align: right; } | |
| .slds .slds-text-longform h1, | |
| .slds .slds-text-longform h2, | |
| .slds .slds-text-longform h3, | |
| .slds .slds-text-longform p, | |
| .slds .slds-text-longform ul, | |
| .slds .slds-text-longform ol, | |
| .slds .slds-text-longform dl, | |
| .slds .slds-text-longform img { | |
| margin-bottom: 0.75rem; } | |
| .slds .slds-text-longform h1:last-child, | |
| .slds .slds-text-longform h2:last-child, | |
| .slds .slds-text-longform h3:last-child, | |
| .slds .slds-text-longform p:last-child, | |
| .slds .slds-text-longform ul:last-child, | |
| .slds .slds-text-longform ol:last-child, | |
| .slds .slds-text-longform dl:last-child, | |
| .slds .slds-text-longform img:last-child { | |
| margin-bottom: 0; } | |
| .slds .slds-text-longform ul { | |
| margin-left: 1.5rem; | |
| list-style: disc; } | |
| .slds .slds-text-longform ol { | |
| margin-left: 1.5rem; | |
| list-style: decimal; } | |
| .slds .slds-section-title { | |
| font-size: 1.125rem; } | |
| .slds .slds-section-title > a { | |
| display: inline-block; | |
| color: #16325c; } | |
| .slds .slds-section-title > a:hover, | |
| .slds .slds-section-title > a:focus { | |
| color: #005fb2; } | |
| .slds .slds-section-title > a:focus { | |
| box-shadow: 0 0 3px #0070D2; } | |
| .slds .slds-section-title > a:active { | |
| color: #16325c; } | |
| .slds .slds-section-title .slds-icon { | |
| width: 1rem; | |
| height: 1rem; | |
| fill: currentColor; } | |
| .slds .slds-section-title .slds-section-group--is-closed .slds-icon { | |
| -webkit-transform: rotate(-90deg); | |
| -ms-transform: rotate(-90deg); | |
| transform: rotate(-90deg); } | |
| .slds .slds-section-title--divider { | |
| font-size: 0.75rem; | |
| line-height: 1.25; | |
| text-transform: uppercase; | |
| letter-spacing: .0625em; | |
| color: #54698d; | |
| margin: 0 -1rem 1rem; | |
| padding: 0.75rem 1rem; | |
| background: #f4f6f9; } | |
| .slds .slds-section-title--divider:first-child { | |
| margin-top: -1rem; } | |
| .slds .slds-type-focus { | |
| border-bottom: 1px solid transparent; | |
| cursor: pointer; } | |
| .slds .slds-type-focus:hover { | |
| border-bottom: 1px solid #005fb2; } | |
| .slds .slds-type-focus:focus { | |
| outline: thin dotted; | |
| outline: 5px auto #1589ee; | |
| outline-offset: -2px; } | |
| .slds .slds-scrollable--y { | |
| -webkit-overflow-scrolling: touch; | |
| max-height: 100%; | |
| overflow: hidden; | |
| overflow-y: auto; } | |
| .slds .slds-scrollable--y::-webkit-scrollbar { | |
| width: 10px; | |
| height: 10px; } | |
| .slds .slds-scrollable--y::-webkit-scrollbar:window-inactive { | |
| opacity: 0; } | |
| .slds .slds-scrollable--y::-webkit-scrollbar-thumb { | |
| background: #e0e5ee; | |
| border-radius: 0.5rem; | |
| box-shadow: #a8b7c7 0 0 0 1px inset; } | |
| .slds .slds-scrollable--y::-webkit-scrollbar-track { | |
| background: #a8b7c7; } | |
| .slds .slds-scrollable--x { | |
| -webkit-overflow-scrolling: touch; | |
| max-width: 100%; | |
| overflow: hidden; | |
| overflow-x: auto; } | |
| .slds .slds-scrollable--x::-webkit-scrollbar { | |
| width: 10px; | |
| height: 10px; } | |
| .slds .slds-scrollable--x::-webkit-scrollbar:window-inactive { | |
| opacity: 0; } | |
| .slds .slds-scrollable--x::-webkit-scrollbar-thumb { | |
| background: #e0e5ee; | |
| border-radius: 0.5rem; | |
| box-shadow: #a8b7c7 0 0 0 1px inset; } | |
| .slds .slds-scrollable--x::-webkit-scrollbar-track { | |
| background: #a8b7c7; } | |
| .slds .slds-hide { | |
| display: none; } | |
| .slds .slds-show { | |
| display: block; } | |
| .slds .slds-show--inline-block { | |
| display: inline-block; } | |
| .slds .slds-show--inline { | |
| display: inline; } | |
| .slds .slds-hidden { | |
| visibility: hidden; } | |
| .slds .slds-visible { | |
| visibility: visible; } | |
| .slds .slds-transition-hide { | |
| opacity: 0; } | |
| .slds .slds-transition-show { | |
| opacity: 1; } | |
| .slds .slds-collapsed { | |
| height: 0; | |
| overflow: hidden; } | |
| .slds .slds-expanded { | |
| height: auto; | |
| overflow: visible; } | |
| .slds .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 .slds-x-small-show { | |
| display: none; } | |
| @media (min-width: 320px) { | |
| .slds .slds-x-small-show { | |
| display: block; } | |
| .slds .slds-x-small-show--inline-block { | |
| display: inline-block; } | |
| .slds .slds-x-small-show--inline { | |
| display: inline; } } | |
| .slds .slds-x-small-show-only { | |
| display: none; } | |
| @media (min-width: 320px) and (max-width: 479px) { | |
| .slds .slds-x-small-show-only { | |
| display: block; } | |
| .slds .slds-x-small-show-only--inline-block { | |
| display: inline-block; } | |
| .slds .slds-x-small-show-only--inline { | |
| display: inline; } } | |
| @media (max-width: 479px) { | |
| .slds .slds-max-x-small-hide { | |
| display: none; } } | |
| .slds .slds-small-show { | |
| display: none; } | |
| @media (min-width: 480px) { | |
| .slds .slds-small-show { | |
| display: block; } | |
| .slds .slds-small-show--inline-block { | |
| display: inline-block; } | |
| .slds .slds-small-show--inline { | |
| display: inline; } } | |
| .slds .slds-small-show-only { | |
| display: none; } | |
| @media (min-width: 480px) and (max-width: 767px) { | |
| .slds .slds-small-show-only { | |
| display: block; } | |
| .slds .slds-small-show-only--inline-block { | |
| display: inline-block; } | |
| .slds .slds-small-show-only--inline { | |
| display: inline; } } | |
| @media (max-width: 767px) { | |
| .slds .slds-max-small-hide { | |
| display: none; } } | |
| .slds .slds-medium-show { | |
| display: none; } | |
| @media (min-width: 768px) { | |
| .slds .slds-medium-show { | |
| display: block; } | |
| .slds .slds-medium-show--inline-block { | |
| display: inline-block; } | |
| .slds .slds-medium-show--inline { | |
| display: inline; } } | |
| .slds .slds-medium-show-only { | |
| display: none; } | |
| @media (min-width: 768px) and (max-width: 1023px) { | |
| .slds .slds-medium-show-only { | |
| display: block; } | |
| .slds .slds-medium-show-only--inline-block { | |
| display: inline-block; } | |
| .slds .slds-medium-show-only--inline { | |
| display: inline; } } | |
| @media (max-width: 1023px) { | |
| .slds .slds-max-medium-hide { | |
| display: none; } } | |
| .slds .slds-large-show { | |
| display: none; } | |
| @media (min-width: 1024px) { | |
| .slds .slds-large-show { | |
| display: block; } | |
| .slds .slds-large-show--inline-block { | |
| display: inline-block; } | |
| .slds .slds-large-show--inline { | |
| display: inline; } } | |
| @media print { | |
| .slds *, | |
| .slds *:before, | |
| .slds *:after { | |
| background: transparent !important; | |
| color: #000 !important; | |
| box-shadow: none !important; | |
| text-shadow: none !important; } | |
| .slds a, | |
| .slds a:visited { | |
| text-decoration: underline; } | |
| .slds a[href]:after { | |
| content: " (" attr(href) ")"; } | |
| .slds abbr[title]:after { | |
| content: " (" attr(title) ")"; } | |
| .slds a[href^="#"]:after, | |
| .slds a[href^="javascript:"]:after { | |
| content: ""; } | |
| .slds pre, | |
| .slds blockquote { | |
| border: 1px solid #999; | |
| page-break-inside: avoid; } | |
| .slds thead { | |
| display: table-header-group; } | |
| .slds tr, | |
| .slds img { | |
| page-break-inside: avoid; } | |
| .slds img { | |
| max-width: 100% !important; } | |
| .slds p, | |
| .slds h2, | |
| .slds h3 { | |
| orphans: 3; | |
| widows: 3; } | |
| .slds h2, | |
| .slds h3 { | |
| page-break-after: avoid; } } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment