<!DOCTYPE html>
<html class="tsab">
<head>
<base href="." />
<title>angular2 playground</title>
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<script src="https://unpkg.com/zone.js/dist/zone.js"></script>
<script src="https://unpkg.com/zone.js/dist/long-stack-trace-zone.js"></script>
<script src="https://unpkg.com/reflect-metadata@0.1.3/Reflect.js"></script>
<script src="https://unpkg.com/systemjs@0.19.31/dist/system.js"></script>
<script src="config.js"></script>
<script>
System.import('app')
.catch(console.error.bind(console));
</script>
</head>
<body>
<my-app>
loading...
</my-app>
</body>
</html>
System.config({
//use typescript for compilation
transpiler: 'typescript',
//typescript compiler options
typescriptOptions: {
emitDecoratorMetadata: true
},
paths: {
'npm:': 'https://unpkg.com/'
},
//map tells the System loader where to look for things
map: {
'app': './src',
'@angular/core': 'npm:@angular/core/bundles/core.umd.js',
'@angular/common': 'npm:@angular/common/bundles/common.umd.js',
'@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
'@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
'@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
'@angular/http': 'npm:@angular/http/bundles/http.umd.js',
'@angular/router': 'npm:@angular/router/bundles/router.umd.js',
'@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
'@angular/core/testing': 'npm:@angular/core/bundles/core-testing.umd.js',
'@angular/common/testing': 'npm:@angular/common/bundles/common-testing.umd.js',
'@angular/compiler/testing': 'npm:@angular/compiler/bundles/compiler-testing.umd.js',
'@angular/platform-browser/testing': 'npm:@angular/platform-browser/bundles/platform-browser-testing.umd.js',
'@angular/platform-browser-dynamic/testing': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic-testing.umd.js',
'@angular/http/testing': 'npm:@angular/http/bundles/http-testing.umd.js',
'@angular/router/testing': 'npm:@angular/router/bundles/router-testing.umd.js',
'rxjs': 'npm:rxjs',
'typescript': 'npm:typescript@2.0.2/lib/typescript.js'
},
//packages defines our app package
packages: {
app: {
main: './main.ts',
defaultExtension: 'ts'
},
rxjs: {
defaultExtension: 'js'
}
}
});
//main entry point
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {AppModule} from './app.module';
platformBrowserDynamic().bootstrapModule(AppModule)
//our root app component
import {Component} from '@angular/core'
@Component({
selector: 'my-app',
template: `
<p>
<a routerLink="">Home</a>
<a routerLink="/about">About</a>
</p>
<router-outlet></router-outlet>
`,
styles: [`
ul {
display: flex;
justify-content: space-around;
list-style-type: none;
}
p {
color: blue;
}`]
})
export class AppComponent {
title = 'app works!';
}
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import appRoutes from './app.routes';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
appRoutes
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
* {
font-family: lato;
}
/*! Lightning Design System 2.3.1 */
/*!
* Copyright (c) 2015-present, 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 the Salesforce.com 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 COPYRIGHT HOLDER 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.
*/
.tsab {
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* @summary Create each activity timeline item in a list
*
* @name base
* @selector .slds-timeline__media
* @restrict .slds-media
* @support dev-ready
* @variant
*/
/**
* @selector .slds-timeline__title
* @restrict .slds-timeline__media h3
* @deprecated
*/
/**
* @summary Create badge component
*
* @name base
* @selector .slds-badge
* @restrict span
* @variant
*/
/**
* @summary Create breadcrumbs component
*
* @name base
* @selector .slds-breadcrumb
* @restrict ol
* @support dev-ready
* @variant
*/
/**
* @summary Creates button group container
*
* @name base
* @selector .slds-button-group
* @restrict div
* @variant
*/
/**
* These selectors must remain in long hand in order to zero out borders that
* we don't want on last-child or :only-child wrapped buttons
*
* @selector .slds-button_last
* @restrict .slds-button-group div, .slds-button-group-list div
*/
/**
* The base `.slds-button` looks like a plain text link. It removes all the
* styling of the native button. It’s typically used to trigger a modal or
* display a “like” link. All button variations are built by adding another
* class to `.slds-button`.
*
* Add the `.slds-button--neutral` class to create a neutral button, which
* has a white background and gray border.
*
* Use a neutral icon button is for buttons with an icon on the left or
* right (not for stateful buttons). Add the `.slds-button--neutral` class
* to `.slds-button`.
*
* The SVG inside receives the `.slds-button__icon` class. You can position
* the icon on the right or the left using `.slds-button__icon--right` or
* `.slds-button__icon--left` , which apply the correct amount of space
* between the icon and the text.
*
* To create the brand button, add the `.slds-button--brand` class to
* the `.slds-button` class.
*
* To create the destructive button, add the `.slds-button--destructive`
* class to the `.slds-button` class.
*
* Use the inverse button on dark backgrounds. Add the `.slds-button--inverse`
* class to the `.slds-button` class.
*
* @summary This neutralizes all the base styles making it look like a text link
*
* @name base
* @selector .slds-button
* @restrict button, a, span
* @variant
*/
/**
* Resets attributes of .slds-button back to the browser default
*
* @selector .slds-button_reset
* @restrict button
* @modifier
*/
/**
* Creates the gray border with white background default style
*
* @selector .slds-button_neutral
* @restrict .slds-button
* @modifier
* @group theme
*/
/**
* Creates the brand blue Salesforce style
*
* @selector .slds-button_brand
* @restrict .slds-button
* @modifier
* @group theme
*/
/**
* Creates the inverse style for dark backgrounds
*
* @selector .slds-button_inverse
* @restrict .slds-button
* @modifier
* @group theme
*/
/**
* Creates a red button style
*
* @selector .slds-button_destructive
* @restrict .slds-button
* @group theme
* @modifier
*/
/**
* Creates a green button style
*
* @selector .slds-button_success
* @restrict .slds-button
* @group theme
* @modifier
*/
/**
* Creates a smaller button style
*
* @selector .slds-button_small
* @restrict .slds-button
* @deprecated
*/
/**
* @selector .slds-button-space-left
* @deprecated
*/
/**
* The stateful button requires the `.slds-button--neutral` class in addition to the `.slds-button` class.
*
* The stateful inverse button works just like the stateful button. It requires the `.slds-button--inverse` class in addition to the `.slds-button` class.
*
* It uses the class `.slds-not-selected` in its initial state. When the user activates the button, use JavaScript to toggleSelection the class to `.slds-is-selected`. The button contains three spans with classes that hide or show the content of the spans based on the class on the button. Each span contains text and a corresponding icon. The SVG will have the `.slds-button__icon--stateful` class as well as the `.slds-button__icon--left` class setting the icon on the left.
*
* Stateful icons can be toggled on and off and retain their state. Like stateful buttons, the initial state is `.slds-not-selected`, and JavaScript is used to toggleSelection it to `.slds-is-selected` when activated.
*
* #### Accessibility
*
* For accessibility, include the attribute `aria-live="assertive"` on the button. The `aria-live="assertive"` attribute means the value of the `<span>` inside the button will be spoken whenever it changes.
*
* @summary Initiates a stateful button
*
* @name stateful
* @selector .slds-button_stateful
* @restrict .slds-button
* @variant
*/
/**
* Default state of a stateful button
*
* @selector .slds-not-selected
* @restrict .slds-button_stateful
* @notes This class should be toggled with JavaScript
* @modifier
* @group interaction
*/
/**
* When button is selected and still has focus from click
*
* @selector .slds-is-selected-clicked
* @restrict .slds-button_stateful
* @notes This class should be toggled with JavaScript
* @modifier
* @group interaction
*/
/**
* When button is pressed and selected
*
* @selector .slds-is-selected
* @restrict .slds-button_stateful
* @notes This class should be toggled with JavaScript
* @modifier
* @group interaction
*/
/**
* Sizing for icon that sits inside button--icon
*
* @name with-icon
* @selector .slds-button__icon
* @restrict .slds-button svg
* @variant
*/
/**
* @summary Creates a button that looks like a plain icon
*
* @name base
* @selector .slds-button_icon
* @restrict button
* @variant
*/
/**
* Default width + height for button icon with containers
*
* @selector .slds-button_icon-container
* @restrict .slds-button_icon
* @modifier
*/
/**
* Creates an icon button with a border
*
* @selector .slds-button_icon-border
* @restrict .slds-button_icon
* @modifier
* @group borders
*/
/**
* Gives a white icon color on a dark background
*
* @selector .slds-button_icon-border-inverse
* @restrict .slds-button_icon
* @modifier
* @group borders
*/
/**
* Button icon with background
*
* @selector .slds-button_icon-border-filled
* @restrict .slds-button_icon
* @modifier
* @group borders
*/
/**
* Button icon on inversed background
*
* @selector .slds-button_icon-inverse
* @restrict .slds-button_icon
* @modifier
* @group color
*/
/**
* Button icon for errors
*
* @selector .slds-button_icon-error
* @restrict .slds-button_icon
* @modifier
* @group color
*/
/**
* Button icon container - size small modifier
*
* @selector .slds-button_icon-small
* @restrict .slds-button_icon
* @modifier
* @group size
*/
/**
* Button icon container - size x-small modifier
*
* @selector .slds-button_icon-x-small
* @restrict .slds-button_icon
* @modifier
* @group size
*/
/**
* Button icon container - size xx-small modifier
*
* @selector .slds-button_icon-xx-small
* @restrict .slds-button_icon
* @modifier
* @group size
*/
/**
* @summary Button icon with dropdown
*
* @name icon-with-dropdown
* @selector .slds-button_icon-more
* @restrict .slds-button_icon
* @variant
*/
/**
* The stateful button requires the `.slds-button--icon-border` class in addition to the `.slds-button` class.
*
* The stateful inverse button works just like the stateful button. It requires the `.slds-button--icon-border-inverse` class in addition to the `.slds-button` class.
*
* Stateful icons can be toggled on and off and retain their state. JavaScript is used to add the `.slds-is-selected` class to the button when activated.
*
* #### Accessibility
*
* For accessibility, implement the [ARIA Toggle Button](http://w3c.github.io/aria-practices/#button) concept.
* - Similar to a mute button, the button represents a pressed or unpressed state.
* - Button text doesn't change per state
* - `aria-pressed` is set to `true` or `false`, depending its state
*
* @summary Stateful Button Icon
*
* @name stateful
* @selector .slds-is-selected
* @restrict .slds-button_icon
* @variant
*/
/**
* @summary A parent class must be put on anything that contains a .slds-button__icon--hint so that the child reacts when the parent is hovered.
*
* @name icon-with-hint-hover
* @selector .slds-button__icon_hint
* @restrict .slds-button_icon .slds-button__icon
* @variant
*/
/**
* A parent class must be put on anything that contains
* a .slds-button__icon--inverse-hint so that the child reacts
* when the parent is hovered. This is for a dark background.
*
* @selector .slds-button__icon_inverse-hint
* @restrict .slds-button_icon .slds-button__icon
*/
/**
* @summary Container for icons
*
* @name base
* @selector .slds-icon_container
* @restrict span, div
* @notes Used when an icon with a background color is accompanied by `.slds-assistive-text` and also receives a `background-color` class
* @variant
*/
/**
* @selector .slds-icon
* @restrict .slds-icon_container svg, svg
* @required
*/
/**
* @selector .slds-icon_xx-small
* @restrict .slds-icon
* @modifier
* @group size
* depreacted
*/
/**
* @selector .slds-icon_x-small
* @restrict .slds-icon
* @modifier
* @group size
*/
/**
* @selector .slds-icon_small
* @restrict .slds-icon
* @modifier
* @group size
*/
/**
* @selector .slds-icon_large
* @restrict .slds-icon
* @modifier
* @group size
*/
/**
* @selector .slds-icon-text-default
* @restrict .slds-icon
* @modifier
* @group color
*/
/**
* @selector .slds-icon-text-warning
* @restrict .slds-icon
* @modifier
* @group color
*/
/**
* @selector .slds-icon-text-error
* @restrict .slds-icon
* @modifier
* @group color
*/
/**
* @selector .slds-icon-text-light
* @restrict .slds-icon
* @modifier
* @group color
*/
/**
* @summary Initializes an accordion list with more than one section that will have its display toggled by invoking an interaction on the summary title
*
* @name base
* @selector .slds-accordion
* @restrict ul
* @variant
* @required
* @support dev-ready
*/
/**
* List item for each accordion section
*
* @selector .slds-accordion__list-item
* @restrict .slds-accordion li
* @required
*/
/**
* Summary title for each expandable panel inside of an accordion
*
* @selector .slds-accordion__summary
* @restrict .slds-accordion__section div
* @required
*/
/**
* Summary title for each expandable panel inside of an accordion
*
* @selector .slds-accordion__summary-heading
* @restrict .slds-accordion__section h3
* @required
*/
/**
* Actionable button inside of accordion summary that would toggleSelection the visibility of each section
*
* @selector .slds-accordion__summary-action
* @restrict .slds-accordion__summary button
* @required
*/
/**
* Icon inside of actionable button within an accordion section
*
* @selector .slds-accordion__summary-action-icon
* @restrict .slds-accordion__summary-action svg
* @required
*/
/**
* Each expandable panel inside of an accordion
*
* @selector .slds-accordion__section
* @restrict .slds-accordion section
* @required
*/
/**
* Each expandable panel inside of an accordion
*
* @selector .slds-accordion__content
* @restrict .slds-accordion__section div
* @required
*/
/**
* Toggle visibility of accordion section + rotate icon
*
* @selector .slds-is-open
* @restrict .slds-accordion__section
* @modifier
*/
/**
* @name ellie
* @selector .slds-icon-ellie
* @restrict span
* @variant
*/
/**
* @name eq
* @selector .slds-icon-eq
* @restrict div
* @variant
*/
/**
* @summary Vertical bar for equalizer icon
*
* @selector .slds-icon-eq__bar
* @restrict .slds-icon-eq div
*/
/**
* @summary Initializes score icon
*
* @name score
* @selector .slds-icon-score
* @restrict span
* @variant
*/
/**
* @summary Positive score icon
*
* @selector .slds-icon-score__positive
* @restrict .slds-icon-score svg
*/
/**
* @summary Negative score icon
*
* @selector .slds-icon-score__negative
* @restrict .slds-icon-score svg
*/
/**
* @summary Initializes strength icon
*
* @name strength
* @selector .slds-icon-strength
* @restrict span
* @variant
*/
/**
* @summary Initializes trend icon
*
* @name trend
* @selector .slds-icon-trend
* @restrict span
* @variant
*/
/**
* @summary Arrow element inside of trend icon
*
* @selector .slds-icon-trend__arrow
* @restrict .slds-icon-trend path
*/
/**
* @summary Circle element inside of trend icon
*
* @selector .slds-icon-trend__circle
* @restrict .slds-icon-trend circle
*/
/**
* @summary Containing actionable element that holds the waffle icon
*
* @name waffle
* @selector .slds-icon-waffle_container
* @restrict button
* @variant
*/
/**
* @summary Element container circles for the waffle icon
*
* @selector .slds-icon-waffle
* @restrict .slds-icon-waffle_container
*/
/**
* The base card is used primarily on desktop within a “wide” column
* or “main content area”, which uses two-thirds of the viewport.
* In addition, the `.slds-card` class is used for layout purposes
* when a card has an adjacent card, those proceeding the initial will provide margin
* to give the cards spacing between each other.
*
* @summary Initializes card
*
* @name base
* @selector .slds-card
* @restrict article, div
* @variant
*/
/**
* Use class if card consumes any form of a tile
*
* @selector .slds-card__tile
* @restrict .slds-tile
*/
/**
* @summary Creates layout for a form element
*
* @name base
* @selector .slds-form-element
* @restrict div, fieldset, li
* @variant
*/
/**
* Required Star
*
* @selector .slds-required
* @restrict .slds-form-element abbr, abbr
*/
/**
* Error styles for form element
*
* @selector .slds-has-error
* @restrict .slds-form-element
* @modifier
* @group feedback
*/
/**
* @summary Initializes text input
*
* @name base
* @selector .slds-input
* @restrict input
* @required
* @variant
*/
/**
* @summary Modifier if text input has svg icon adjacent to input
*
* @selector .slds-input-has-icon
* @restrict .slds-form-element div
*/
/**
* Positions two items (icons and/or spinners) on one side or the other of the input
*
* @selector .slds-input__icon-group
* @restrict .slds-input-has-icon div
*/
/**
* Positions the close icon and spinner on the right side of the input while searching
*
* @selector .slds-input__icon-group_right
* @restrict .slds-input__icon-group
* @modifier
* @group position
*/
/**
* @summary Use on input container to let it know there is fixed text to the left or right of the input
*
* @selector .slds-input-has-fixed-addon
* @restrict .slds-form-element .slds-form-element__control
*/
/**
* Fixed text that sits to the left or right of an input
*
* @selector .slds-form-element__addon
* @restrict .slds-form-element span
*/
/**
* Read-only components are used to display immutable data within a form
*
* @summary Initializes read-only form element
*
* @selector .slds-form-element__static
* @restrict .slds-form-element span, .slds-form-element div
*/
/**
* Error Styles for input field
*
* @selector .slds-has-error
* @restrict .slds-form-element
* @modifier
*/
/**
* @summary Initialize textarea
*
* @name base
* @selector .slds-textarea
* @restrict textarea
* @required
* @variant
*/
/**
* Error Styles for textarea
*
* @selector .slds-has-error
* @restrict .slds-form-element
* @modifier
*/
/**
* @summary Initializes radio button
*
* @name base
* @selector .slds-radio
* @restrict span
* @variant
*/
/**
* Error state for radio group
*
* @selector .slds-has-error
* @restrict .slds-form-element
* @modifier
*/
/**
* @summary Initializes radio button
*
* @name base
* @selector .slds-radio_button-group
* @restrict .slds-form-element div
* @required
* @variant
*/
/**
* @selector .slds-radio_button
* @restrict .slds-radio_button-group span
*/
/**
* Label element inside of a radio button
*
* @selector .slds-radio_button__label
* @restrict .slds-radio_button label
*/
/**
* @summary Initializes checkbox
*
* @name base
* @selector .slds-checkbox
* @restrict span, label
* @required
* @variant
*/
/**
* Error styles for checkbox or checkbox group
*
* @selector .slds-has-error
* @restrict .slds-form-element
* @modifier
*/
/**
* @summary Initializes checkbox toggleSelection
*
* @name base
* @selector .slds-checkbox_toggle
* @restrict label
* @variant
*/
/**
* @summary Initializes checkbox add button
*
* @name base
* @selector .slds-checkbox_add-button
* @restrict div
* @variant
*/
/**
* @summary Initializes checkbox button group
*
* @name base
* @selector .slds-checkbox_button-group
* @restrict div, span
* @required
* @variant
*/
/**
* Initializes checkbox inside a button group
*
* @selector .slds-checkbox_button
* @restrict .slds-checkbox_button-group span
* @required
*/
/**
* @summary Initializes select
*
* @name base
* @selector .slds-select
* @restrict select
* @required
* @variant
*/
/**
* Error Styles for select
*
* @selector .slds-has-error
* @restrict .slds-form-element
* @modifier
*/
/**
* @name base
* @selector .slds-form
* @restrict form, div, fieldset
* @variant
*/
/**
* Vertically aligns form label and control, provides spacing between form elements
*
* @selector .slds-form_stacked
* @restrict .slds-form:not(.slds-form_compound)
* @modifier
* @group layout
*/
/**
* Horizontally aligns a single form label and control on the same line
*
* @selector .slds-form_horizontal
* @restrict .slds-form:not(.slds-form_compound)
* @modifier
* @group layout
*/
/**
* Horizontally align multiple form elements on the same axis
*
* @selector .slds-form_inline
* @restrict .slds-form
*/
/**
* @summary Creates a form that consists of multiple form groups
*
* @name compound
* @selector .slds-form_compound
* @restrict .slds-form
* @variant
*/
/**
* The popover should be positioned with JavaScript.
*
* When errors are found within a form, the user will be notified with a popover
* with the page-level errors listed out. Please provide a contextually specific
* title for the dialog with the aria-label attribute. e.g. "Acme Global edit
* form errors"
*
* @summary Creates a docked form footer
*
* @name base
* @selector .slds-docked-form-footer
* @restrict div
* @required
* @variant
*/
/**
* @name base
* @selector .slds-file-selector
* @restrict div
* @variant
*/
/**
* Region that a file can be dropped within
*
* @selector .slds-file-selector__dropzone
* @restrict .slds-file-selector div
* @required
*/
/**
* Hidden input element
*
* @selector .slds-file-selector__input
* @restrict .slds-file-selector input
* @required
*/
/**
* Faux button
*
* @selector .slds-file-selector__button
* @restrict .slds-file-selector button, .slds-file-selector span
* @required
*/
/**
* Modifications based on context
*
* Single Line
* Dedicated dropzone when there are multiple dropzones in the form or when
* the input is positioned among other form inputs.
*
* @selector .slds-file-selector_files
* @restrict .slds-file-selector
* @required
*/
/**
* Multi Line / Image
*
* Use as a dedicated dropzone for image files only. May require a
* cropping control.
*
* @name image
* @selector .slds-file-selector_images
* @restrict .slds-file-selector
* @required
* @variant
*/
/**
* Invisible Dropzone (Container)
*
* Use when an entire container should be droppable.
* The container should have a visible boundary, like a modal, composer, or page.
*
* @name integrated
* @selector .slds-file-selector_integrated
* @restrict .slds-file-selector
* @required
* @variant
*/
/**
* Specific to integrated file selector — region that a file can be dropped within
*
* @selector .slds-file-selector__dropzone_integrated
* @restrict .slds-file-selector_integrated div
* @required
*/
/**
* Specific to integrated file selector — container for file selector
* content, specifically within the dropzone
*
* @selector .slds-file-selector__body_integrated
* @restrict .slds-file-selector_integrated label
* @required
*/
/**
* Specific to integrated file selector — Descriptive call back text
*
* @selector .slds-file-selector__text_integrated
* @restrict .slds-file-selector_integrated span
* @required
*/
/**
* The page header is a masthead that contains the Title of the page, and supporting details. For large form factors, it may include actions.
*
* @summary Initializes page header
*
* @variant
* @name base
* @selector .slds-page-header
* @restrict div
* @support dev-ready
*/
/**
* Page header record home contains up to four
* compact layout fields. They're contained in the `.slds-page-header__detail-row` div.
* That div contains the top and bottom spacing needed for this version of the page header.
*
* When text is truncated, the full text should be placed in
* a tooltip on hover (currently shown in the title
* attribute). One line truncation is created by using the
* `.slds-truncate` class. Two line truncation must be achieved
* using JavaScript.
*
* The page header is located at the top of every record home. It includes the record title and compact layout for a record. Excluding the title, the page header displays 4 compact layout fields. Similar data types can be rolled up and be displayed as a single field.
*
* **Record Title**
*
* - Display Record Type icon to the left of the title
* - Record Type is displayed above the title
* - When required, follow action is displayed to the right of the record title
* - Display one line of text, truncate when the length conflicts with the page level actions
*
* As shown in Field 3, web addresses and email addresses should be parsed and displayed as hyperlinks linking to the appropriate mailto: or web url. Do not modify the user's input, display as intended.
*
* When text is truncated, display full field text in browser tooltip on hover.
*
* Display addresses in two lines. Street address on first line, City, State and Postal Code on line 2. For lengthy addresses, truncate each line individually based on the available width of the area using the `.slds-truncate` class. Display the full address via browser tooltip.
*
* @summary Bottom section containing record details
*
* @variant
* @name record-home
* @selector .slds-page-header__detail
* @restrict .slds-page-header div
* @support dev-ready
* @required
*/
/**
* Vertical page header record home contains up to seven compact layout fields. They're contained in the `.slds-page-header__detail-row` div.
* The heading does not truncate. This is typically used in more compact layouts where more vertical space is desired.
*
* @summary Initializes vertical page header
*
* @variant
* @name record-home-vertical
* @selector .slds-page-header_vertical
* @restrict .slds-page-header
* @support dev-ready
*/
/**
* The title for the Object Home page header is sorting component.
* The `.slds-text-focus` class is placed on the media object that
* contains the title and down icon to simulate a hover and
* focus state of a link.
*
* This component is created entirely of existing components
* like grids, buttons, button groups, and
* icons.
*
* @summary Initializes object home page header
*
* @variant
* @name object-home
* @selector .slds-page-header_object-home
* @restrict .slds-page-header
* @support dev-ready
*/
/**
* @summary Initiates a panel
*
* @name detail
* @selector .slds-panel
* @restrict div
* @variant
*/
/**
* @name filtering
* @selector .slds-panel_filters
* @restrict .slds-panel
* @variant
*/
/**
* @selector .slds-filters
* @restrict .slds-panel_filters div
* @required
*/
/**
* Filters Header
*
* @selector .slds-filters__header
* @restrict .slds-panel_filters div
* @required
*/
/**
* Filters Body
*
* @selector .slds-filters__body
* @restrict .slds-panel_filters div
* @required
*/
/**
* Filters Footer
*
* @selector .slds-filters__footer
* @restrict .slds-panel_filters div
* @required
*/
/**
* Filterable Item
*
* @selector .slds-filters__item
* @restrict .slds-panel_filters li div
* @required
*/
/**
* @name base
* @selector .slds-popover
* @restrict section
* @variant
*/
/**
* @name panels
* @selector .slds-popover_panel
* @restrict .slds-popover
* @variant
*/
/**
* @selector .slds-nubbin_top
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_top-left
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_top-right
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_bottom
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_bottom-left
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_bottom-right
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_left
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_left-top
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_left-bottom
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_right
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_right-top
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* @selector .slds-nubbin_right-bottom
* @restrict .slds-popover, .slds-dropdown
* @modifier
* @group nubbins
*/
/**
* Walkthrough components are used to provide an interactive and educational prospect experience for setup.
*
* @summary Initializes a walkthrough non-modal dialog
*
* @name walkthrough
* @selector .slds-popover_walkthrough
* @restrict .slds-popover
* @variant
*/
/**
* Alternate background for walkthrough non-modal dialog
*
* @selector .slds-popover_walkthrough-alt
* @restrict .slds-popover_walkthrough
* @modifier
*/
/**
* The tooltip should be positioned with JavaScript.
*
* You can include inline help tooltips for form elements and any focusable items, such as anchor links, buttons, etc. If your tooltips are available on hover, also make sure that they’re available on keyboard focus. To allow screen readers to access the tooltip, the HTML form field element must have an `aria-describedby` attribute that points to the tooltip `ID` of the tooltip.
*
* @summary Initializes a tooltip
*
* @variant
* @name base
* @selector .slds-popover_tooltip
* @restrict div
* @support dev-ready
*/
/**
* @selector .slds-rise-from-ground
* @restrict .slds-popover_tooltip
* @modifier
* @group toggleSelection
*/
/**
* @selector .slds-fall-into-ground
* @restrict .slds-popover_tooltip
* @modifier
* @group toggleSelection
*/
/**
* Icons can be included on either the right, left, or both sides of an option.
*
* When using icons (e.g. checkmarks) to indicate selected state:
* - all selectable items should contain an icon
* - icons of non-selected are hidden by default
* - a selected item reveals its icon when `aria-checked="true"` is applied to its `menuitemcheckbox` or `menuitemradio` child (e.g. `<a role="menuitemcheckbox" aria-checked="true" ...>`).
*
* @summary Initializes a trigger element around the dropdown
*
* @name dropdown
* @selector .slds-dropdown-trigger
* @restrict div, span, li
* @variant
*/
/**
* Initializes dropdown
*
* @selector .slds-dropdown
* @restrict .slds-dropdown-trigger div, .slds-dropdown-trigger ul
* @notes Applies positioning and container styles, by default, dropdown appears below and center of target
*/
/**
* @name base
* @selector .slds-combobox-picklist
* @restrict div
* @variant
*/
/**
* Read-only input element for picklist
*
* @selector .slds-picklist__input
* @restrict .slds-picklist .slds-form-element__control
* @required
*/
/**
* A Combobox is a composite widget that lets a user select one or more optons, from a
* predefined or autocompleted searchable list. The result of that selection
* is then shown as the value of an input, inside the Combobox widget.
*
* The multi-select Combobox can have more than one selected option.
* When more than one option has been selected, the value of the input should
* be updated with the total number of selected items, such as "3 options selected".
* When a Combobox with multiple selected options is closed,
* a listbox of pills is also used to represent those selected options.
* The listbox of pills is positioned below the read-only input, each pill represents a selected option.
* This allows a user to easily see and remove selected items from the Combobox.
*
* The Combobox comes with 2 distinct variations of functionality. A "Read-Only and an "Autocomplete" Combobox.
* A read-only Combobox allows a user to select an option from a pre-defined list of options. It does not allow
* free form user input, nor does it allow the user to modify the selected value.
* An autocomplete Combobox also allows a user to select an option from a list
* but, that list can be affected by what the user types into the input of the Combobox. This can be
* useful when the list of options a user can choose from is very large, as user input can start
* to only display options that match the text the user has entered, effectively performing a search.
* If no option matches, the user can complete the value of the combobox by finishing their own text entry.
*
* The listbox of options can be displayed as just a simple single list, or that list can be grouped with
* headings, to better organise the options.
*
* The target HTML element, `slds-combobox` and dropdown need to be wrapped in the class
* `.slds-dropdown-trigger dropdown-trigger--click`.
*
* #### Accessibility
*
* We follow the ARIA Combobox widget pattern to implement this component. Comboboxes allows the user to have
* dual keyboard focus enabling them to select an option from the list with arrow keys, whilst leaving browser focus inside
* the `input`.
*
* Implementing a multi-select pattern with a Combobox is not standard, nor is it technically supported by the specification.
* Therefore great care should be paid to the extra steps we take to try and communicate multi-selection.
*
* We have decided to implement the Combobox based on the [ARIA 1.1 specification](http://w3c.github.io/aria/aria/aria.html#combobox).
* The Combobox from ARIA 1.1 is a composite widget, in that it is a widget that is composed of other widgets or concepts.
* In this implementation the `combobox` now owns (by means of parent / child relationships) a `textbox` and a `listbox` of `option`'s.
*
* **Expected markup:**
*
* ##### Combobox
*
* - A Combobox must come with an associated `label` element, with an appropriate `for` attribute
* - `slds-combobox` acts as the root node to the composite Combobox widget. It takes the `role="combobox"` attribute as a result
* - `aria-haspopup="listbox"` attribute is then applied to indicate the Combobox will display a popup, of type `listbox`
* - `aria-expanded="true|false"` attribute is applied to describe whether the popup of `listbox` is currently visible or not
*
* ##### Textbox
*
* - The Textbox is an `input` with a role of `textbox`. The role is implicit on inputs, but in this case it doesn't hurt to be explicit
* - The Textbox has `autocomplete="off"` to remove the browsers suggestions from the `input`
* - The Textbox has `aria-controls=""` which points to the ID of the `listbox`. It informs Assistive Technology what DOM node the input controls, in display or content
* - The Textbox has the `type` attribute set to be `text` as it's not a search field
* - The Textbox has `aria-activedescendant` attribute applied only when an option is in "dual focus" via keyboard navigation, otherwise it should be removed
* - The Textbox gets a `value` set to reflect that that option has been selected by the user
*
* ##### Textbox - Read-only
*
* - The Textbox has `readonly` attribute applied
*
* ##### Textbox - Autocomplete
*
* - The Textbox has `aria-autocomplete="list"` attribute applied
*
* ##### Listbox
*
* - The `listbox` has `role="listbox"` applied
* - The `listbox` can have child `option`'s. We place `role="option"` on a `span` element, inside a list item. As such the list item `li` needs to be removed from the Accessibility Tree with `role="presentation"`
* - A `listbox` has the ability to group options together under a visual heading or label. This means the `role="listbox"` attribute is placed on a common parent element, which can wrap multiple lists (or groups) of options
* - When a `listbox` has no option groups
* - The `ul` element has `role="presentation"` to remove it from the Accessibility Tree
* - When a `listbox` has option groups, each group gets a visual label. Exactly like `optgroup` in a `select` element
* - The `ul` element in this case has `role="group"` with an `aria-label` that describes the group
* - Display the group label visually, but due to the way a listbox works it can only be marked as `role="presentation"`, as a `listbox` can only have `option` children. This allows us to communicate the group label visually and programmatically to a screen reader
* - Every `option` has `aria-selected="false"` by default
* - Disabled `option`s should have `aria-disabled="true"` applied
*
* ##### Listbox - Multi-select
*
* - To represent multi-selection on a `listbox` to a screen reader, we must describe previously selected options with hidden assistive text, to represent the check mark
*
* **Expected keyboard interactions:**
*
* - Focus is placed into the `input` by the user
* - The `listbox` is show on `input` focus, and `aria-expanded` is set to `true` on the `combobox` element to reflect that
* - Up and Down arrow keys cycle through the available `option`s by setting and updating `aria-activedescendant="id_of_option"` on the `input`, each time you press the arrow key
* - `aria-selected` on the current `option` is changed to `true`
* - Disabled options should be skipped
* - Esc key closes the `listbox` and sets `aria-expanded` to `false` on the `combobox`
* - Enter key confirms selection, sets `value` if not already set, and closes the `listbox` and sets `aria-expanded` to `false` on the `combobox`
*
* ##### Read-only
*
* - Up and Down arrows also **must** update the `input` value as you navigate through the list, to reflect the currently selected option
* - Any character key updates `aria-activedescendant` to the next `option` that starts with that character, if applicable
*
* ##### Autocomplete (when not allowing free form text as a valid value)
*
* - Up and Down arrows also **should** update the `input` value as you navigate through the list, to reflect the currently selected option
* - Enter key, with an option selected should also set `readonly` on the `input`
* - Esc key with an option selected should remove `readonly` and clear the `value` of the `input`
*
* @summary A widget that provides a user with an input field that is either an autocomplete or readonly, accompanied with a listbox of pre-defined options.
*
* @base
* @name combobox
* @selector .slds-combobox_container
* @support prototype
* @category experience
* @type user-input
* @layout adaptive
* @role combobox
*/
/**
* @summary Container that manages layout when a listbox of pill options sit next to a combobox search input
*
* @name base
* @selector .slds-combobox_container
* @restrict div
* @variant
*/
/**
* Container around form element with combobox input
*
* @selector .slds-combobox
* @restrict .slds-combobox_container > div
*/
/**
* Form element with combobox input
*
* @selector .slds-combobox__form-element
* @restrict .slds-combobox > div
*/
/**
* Listbox container
*
* @selector .slds-listbox
* @restrict ul
*/
/**
* Inline listbox
*
* @selector .slds-listbox_inline
* @restrict .slds-listbox
* @modifier
*/
/**
* Horizontal listbox
*
* @selector .slds-listbox_horizontal
* @restrict .slds-listbox
* @modifier
*/
/**
* Choosable option within listbox
*
* @selector .slds-listbox__option
* @restrict .slds-listbox__item > span
*/
/**
* Creates a vertical listbox
*
* @selector .slds-listbox_vertical
* @restrict .slds-listbox
* @modifier
*/
/**
* If readonly selection is an entity, use this class
*
* @selector .slds-combobox__input-entity-icon
* @restrict .slds-combobox__form-element span
*/
/**
* Icon that is a direct sibling of a combobox container. This is not the same as an input icon.
*
* @selector .slds-combobox_container__icon
* @restrict .slds-combobox_container svg
*/
/**
* The icon within a plain listbox that indicates if an option has been selected or not.
*
* @selector .slds-listbox__icon-selected
* @restrict .slds-listbox__item svg
*/
/**
* Modifier that makes selected icon visible
*
* @selector .slds-is-selected
* @restrict .slds-listbox__option
* @modifier
*/
/**
* The main text of an entity listbox
*
* @selector .slds-listbox__option-text_entity
* @restrict .slds-listbox__option span
*/
/**
* The metadata or secondary text of an entity listbox
*
* @selector .slds-listbox__option-meta_entity
* @restrict .slds-listbox__option span
*/
/**
* If combo has a selection model that requires a listbox of pills to be displayed
* inside of a combobox
*
* @selector .slds-has-inline-listbox
* @restrict .slds-combobox_container
*/
/**
* A dueling picklist inherits styles from the listbox component
* @summary Initializes a dueling picklist
*
* @name base
* @selector .slds-dueling-list
* @restrict div
* @variant
*/
/**
* @summary Handles the layout of the dueling picklist
*
* @selector .slds-dueling-list__column
* @restrict .slds-dueling-list div
*/
/**
* @summary Bounding visual container for listbox of options
*
* @selector .slds-dueling-list__options
* @restrict .slds-dueling-list div
*/
/**
* If you desire a multi-select date range, the selected cell will need to have
* `.slds-is-selected-multi` applied. Another scenario would be a multi range
* selection spanning over two or more weeks. If this scenario is true, each
* `<tr>` will need the class `.slds-has-multi-row-selections` added.
*
* @summary Initiates a datepicker component
*
* @name base
* @selector .slds-datepicker
* @restrict div
* @support dev-ready
* @variant
*/
/**
* Indicates days that are in previous/next months
*
* @selector .slds-disabled-text
* @restrict .slds-datepicker td
* @modifier
*/
/**
* Intializes docked composer container window
*
* @selector .slds-docked_container
* @restrict div
*/
/**
* @variant
* @name base
* @selector .slds-docked-composer
* @restrict section, div
* @support dev-ready
*/
/**
* @summary Initiazes email composer inside of a docked composer
*
* @selector .slds-email-composer
* @restrict .slds-docked-composer__body div
*/
/**
* @summary Modifier combobox when used inside of email composer
*
* @selector .slds-email-composer__combobox
* @restrict .slds-email-composer div
*/
/**
* @summary Provides styles for recipient labels inside of email composer
*
* @selector .slds-email-composer__recipient
* @restrict .slds-email-composer label
*/
/**
* Fixed bar at the bottom of viewport, contains items
*
* @name base
* @selector .slds-utility-bar_container
* @restrict footer
* @support dev-ready
* @variant
*/
/**
* Fixed bar at the bottom of viewport, contains items
*
* @selector .slds-utility-bar
* @restrict .slds-utility-bar_container ul
*/
/**
* Items that invoke specific utility bar panel
*
* @selector .slds-utility-bar__item
* @restrict .slds-utility-bar li
*/
/**
* Button that invokes utility panel
*
* @selector .slds-utility-bar__action
* @restrict .slds-utility-bar button
*/
/**
* Container for utility bar item text, allows for multi-line text output
*
* @selector .slds-utility-bar__text
* @restrict .slds-utility-bar__action > span
*/
/**
* Creates styles for a utility bar item when it has a notification within its panel
*
* @selector .slds-has-notification
* @restrict .slds-utility-bar__item
*/
/**
* Container of the utility panel
*
* @selector .slds-utility-panel
* @restrict .slds-utility-bar_container section
*/
/**
* Container that fixes the global header to the top of the viewport,
* contains global header element
*
* @name base
* @selector .slds-global-header_container
* @restrict header
* @variant
*/
/**
* @selector .slds-global-header
* @restrict .slds-global-header_container div
*/
/**
* @summary Handles styling for notification item interactions
*
* @name notifications
* @selector .slds-global-header__notification
* @restrict .slds-global-header_container li
* @variant
*/
/**
* @summary Navigation bar wrapper
*
* @name navigation-bar
* @selector .slds-context-bar
* @restrict div
* @variant
*/
/**
* Unsaved indicator - This can probably be used in other locations as well
*
* @selector .slds-indicator_unsaved
* @restrict .slds-context-bar__item span, abbr
*/
/**
* Styles for application name region
*
* @selector .slds-context-bar__app-name
* @restrict .slds-context-bar__label-action
*/
/**
* Styles for object switcher region
*
* @selector .slds-context-bar__object-switcher
* @restrict .slds-context-bar__item
* @required
*/
/**
* The discussion feed publisher is found at the top of a feed stream. It contains
* basic and advanced publishing capibilities.
*
* The discussion feed is in a collapsed state by default. There are 3 states
* of the discussion feed that provide different feedback to the user. First,
* the collapsed state, this indicates the user has not interacted with the
* discussion feed publisher. When the user initiates an interaction with the
* publisher, by either focusing of the textara or clicking the "Share" button,
* through javascript the class of `slds-is-active` should be applied to the
* `slds-publisher` div. This class will expand the publisher box and display
* additional publisher actions.
*
* During the active state, before the user has begun typing or attaching
* additional content, the "Share" button should be disabled by applying the
* `disabled` attribute to the `<textarea>`. When the user begins typing, the
* `disabled` attribute should be toggled off.
*
* @summary Initializes a publisher
*
* @name base
* @selector .slds-publisher
* @restrict div
* @variant
*/
/**
* The comment publisher is found at the bottom of a discussion feed comment
* thread. It contains basic publishing capibilities.
*
* The comment publisher is in a collapsed state by default. There are 4 states
* of the discussion feed that provide different feedback to the user. First,
* the collapsed state, this indicates the user has not interacted with the
* comment publisher. When the user initiates an interaction with the publisher,
* by either focusing of the textara or clicking the "Comment" button, through
* javascript the class of `slds-is-active` should be applied to the
* `slds-publisher` element. This class will expand the publisher box and
* display additional publisher actions.
*
* Due to the implementation of the comment publisher design, we used a faux
* textarea container and we'll need to apply the our focus state to that custom
* container. Using javascript, the class `slds-has-focus` should be applied to
* the `slds-publisher` element when the user interacts with `<textarea>`. When
* the user loses focus on the `<textarea>`, the class `slds-has-focus` should
* be toggled off from the `slds-publisher` element.
*
* During the active state, before the user has begun typing or attaching
* additional content, the "Comment" button should be disabled by applying the
* `disabled` attribute to the `<textarea>`. When the user begins typing, the
* `disabled` attribute should be toggled off.
*
* @summary Initiates publisher that is specific to commenting in threads
*
* @name comment
* @selector .slds-publisher_comment
* @restrict .slds-publisher
* @required
* @variant
*/
/**
* A discussion feed consists of a list of posts. A `.slds-feed__item` contains a post and comments related to that post.
*
* @name base
* @selector .slds-feed
* @restrict div
* @support dev-ready
* @variant
*/
/**
* Container for feed item comments
*
* @selector .slds-feed__item-comments
* @restrict .slds-feed__item div
* @notes Contains comment replies and publisher
* @required
*/
/**
* @name post
* @selector .slds-post
* @restrict .slds-feed article
* @variant
*/
/**
* Footer region that contains quick action items for post
*
* @selector .slds-post__footer-actions-list
* @restrict .slds-post__footer ul
*/
/**
* Action items within the feed post footer
*
* @selector .slds-post__footer-action
* @restrict .slds-post__footer-actions-list button
*/
/**
* Footer region that contains read only items for post
*
* @selector .slds-post__footer-meta-list
* @restrict .slds-post__footer ul
*/
/**
* @name base
* @selector .slds-modal
* @restrict section
* @variant
*/
/**
* Widens the modal to take more horizontal space
*
* @selector .slds-modal_large
* @restrict .slds-modal
* @modifier
* @group size
*/
/**
* Creates the shaded backdrop used behind the modal.
*
* @selector .slds-backdrop
* @restrict .slds-modal ~ div
* @notes This should follow after the `.slds-modal` as an empty element.
* @required
*/
/**
* Allows the modal to be visible.
*
* @selector .slds-fade-in-open
* @restrict .slds-modal
* @notes Apply this class to a modal with JavaScript to make it visible.
* @modifier
* @group animation
*/
/**
*
*
* @selector .slds-slide-up-open
* @restrict .slds-modal
* @modifier
* @group animation
*/
/**
*
*
* @selector .slds-slide-up-saving
* @restrict .slds-modal
* @modifier
* @group animation
*/
/**
*
*
* @selector .slds-slide-down-cancel
* @restrict .slds-modal
* @modifier
* @group animation
*/
/**
* @summary Creates styles for app-launcher
*
* @name base
* @selector .slds-app-launcher
* @restrict section
* @support prototype
* @variant
*/
/**
* @summary Initializes a visual picker component
*
* @name coverable-content
* @selector .slds-visual-picker
* @restrict div
* @variant
*/
/**
* Visual container for icon and text
*
* @selector .slds-visual-picker__figure
* @restrict .slds-visual-picker div, .slds-visual-picker span
*/
/**
* Size modifier to adjust to the default size of medium
*
* @selector .slds-visual-picker_medium
* @restrict .slds-visual-picker
* @modifier
* @group size
*/
/**
* Size modifier to adjust to the size of large
*
* @selector .slds-visual-picker_large
* @restrict .slds-visual-picker
* @modifier
* @group size
*/
/**
* Text area that sits outside the visual picker
*
* @selector .slds-visual-picker__body
* @restrict .slds-visual-picker span
*/
/**
* Checkmark that is visibily toggled when input is checked
*
* @name non-coverable-content
* @selector .slds-visual-picker__text-check
* @restrict .slds-visual-picker span
* @variant
*/
/**
* @summary Initializes pill
*
* @name base
* @selector .slds-pill
* @restrict span
* @support dev-ready
* @variant
*/
/**
* Creates a pill with a hyperlink
*
* @selector .slds-pill_link
* @restrict .slds-pill
*/
/**
* Actionable element inside of pill with hyperlink
*
* @selector .slds-pill__action
* @restrict .slds-pill_link a
*/
/**
* Pill error styles
*
* @selector .slds-has-error
* @restrict .slds-pill
* @modifier
*/
/**
* @name base
* @selector .slds-path-coach
* @restrict div
* @required
* @variant
*/
/**
* Creates the container for tabs in a path
*
* @selector .slds-tabs_path
* @restrict .slds-path-coach div
* @required
*/
/**
* Individual stages of a path
*
* @selector .slds-tabs_path__item
* @restrict .slds-tabs_path__nav li
* @required
*/
/**
* Contains the name of the stage
*
* @selector .slds-tabs_path__title
* @restrict .slds-tabs_path__link span
* @required
*/
/**
* Contains the check mark when the stage is completed
*
* @selector .slds-tabs_path__stage
* @restrict .slds-tabs_path__link span
* @required
*/
/**
* Creates actionable element inside of each path tab
*
* @selector .slds-tabs_path__link
* @restrict .slds-tabs_path__item a
* @required
*/
/**
* Button that toggles visibility of stage's tabpanel
*
* @selector .slds-path__trigger
* @restrict .slds-path-coach button
* @required
*/
/**
* Actionable button that invokes a completion of the path
*
* @selector .slds-path__mark-complete
* @restrict .slds-path-coach button
* @required
*/
/**
* Actionable button that invokes a current stage of the path
*
* @selector .slds-path__mark-current
* @restrict .slds-path-coach button
* @required
*/
/**
* Tabpanel of each stage of the path
*
* @selector .slds-tabs_path__content
* @restrict .slds-path-coach div
* @required
*/
/**
* Key field section of expanded tabpanel
*
* @selector .slds-coach__keys
* @restrict .slds-tabs_path__content div
* @required
*/
/**
* Guidance section of expanded tabpanel
*
* @selector .slds-coach__guidance
* @restrict .slds-tabs_path__content div
* @required
*/
/**
* Name or label of name/value pair inside of key fields section
*
* @selector .slds-coach__item
* @restrict .slds-coach__keys dt
* @required
*/
/**
* Value of name/value pair inside of key fields section
*
* @selector .slds-coach__value
* @restrict .slds-coach__keys dd
* @required
*/
/**
* @name base
* @selector .slds-progress-bar
* @restrict div
* @variant
*/
/**
* Fill up blue bar inside of the progress bar
*
* @selector .slds-progress-bar__value
* @restrict .slds-progress-bar span
*/
/**
* @name base
* @selector .slds-progress
* @restrict div
* @variant
*/
/**
* An ordered list containing steps of a process
*
* @selector .slds-progress__list
* @restrict .slds-progress ol
* @required
*/
/**
* A list item for each step of the process
*
* @selector .slds-progress__item
* @restrict .slds-progress ol li
* @required
*/
/**
* Dot indicator for each step
*
* @selector .slds-progress__marker
* @restrict .slds-progress ol li button
* @required
*/
/**
* The default rich text editor contains a minimal amount of text formatting capabilities.
*
* @name base
* @selector .slds-rich-text-editor
* @restrict div
* @variant
*/
/**
* Container for Rich Text Editor Toolbar
*
* @selector .slds-rich-text-editor__toolbar
* @restrict .slds-rich-text-editor div
*/
/**
* Container for Rich Text Editor Bottom Toolbar
*
* @selector .slds-rich-text-editor__toolbar-bottom
* @restrict .slds-rich-text-editor__toolbar
*/
/**
* Container for Rich Text Editor Combobox
*
* @selector .slds-rich-text-editor__select
* @restrict .slds-rich-text-editor__toolbar div
*/
/**
* Focus state for rich text editor
*
* @selector .slds-has-focus
* @restrict .slds-rich-text-editor
* @modifier
*/
/**
* Error state for rich text editor
*
* @selector .slds-has-error
* @restrict .slds-rich-text-editor
* @modifier
*/
/**
* Textarea for Rich Text Editor which is an editable div
*
* @selector .slds-textarea__content
* @restrict .slds-rich-text-editor__textarea div
*/
/**
* These are the overrides for both input and output from the RTE.
* We may need to add or adjust these later based on further input.
*/
/* Follow production class names (not starting with slds-) */
/* stylelint-disable selector-class-pattern */
/* stylelint-enable selector-class-pattern */
/**
* This is the gray base class for spinner
*
* @name base
* @selector .slds-spinner
* @restrict div
* @variant
*/
/**
* This creates two of the circles
*
* @selector .slds-spinner__dot-a
* @restrict .slds-spinner div
* @required
*/
/**
* This creates two of the circles
*
* @selector .slds-spinner__dot-b
* @restrict .slds-spinner div
* @required
*/
/**
* This creates the blue brand spinner
*
* @selector .slds-spinner_brand
* @restrict .slds-spinner
* @modifier
* @group color
*/
/**
* This creates the inverse spinner
*
* @selector .slds-spinner_inverse
* @restrict .slds-spinner
* @modifier
* @group color
*/
/**
* This is the extra extra small spinner
*
* @selector .slds-spinner_xx-small
* @restrict .slds-spinner
* @modifier
* @group size
*/
/**
* This is the extra small spinner
*
* @selector .slds-spinner_x-small
* @restrict .slds-spinner
* @modifier
* @group size
*/
/**
* This is the small spinner
*
* @selector .slds-spinner_small
* @restrict .slds-spinner
* @modifier
* @group size
*/
/**
* This is the medium spinner
*
* @selector .slds-spinner_medium
* @restrict .slds-spinner
* @modifier
* @group size
*/
/**
* This is the large spinner
*
* @selector .slds-spinner_large
* @restrict .slds-spinner
* @modifier
* @group size
*/
/**
* @summary Wrapper of split view
*
* @name base
* @selector .slds-split-view_container
* @restrict div
* @required
* @variant
*/
/**
*
*
* @selector .slds-split-view
* @restrict .slds-split-view_container article
* @required
*/
/**
* Header of split view
*
* Contains elements such as the list filter, view switcher and refresh button
*
* @selector .slds-split-view__header
* @restrict .slds-split-view header
* @required
*/
/**
* Column headers
*
* @selector .slds-split-view__list-header
* @restrict .slds-split-view div
* @required
*/
/**
* Each row of the list of split view
*
* @selector .slds-split-view__list-item
* @restrict .slds-split-view li
* @required
*/
/**
* Unread states
*
* Positions the dot indicator to the left of the content
*
* @selector .slds-indicator_unread
* @restrict .slds-split-view__list-item abbr
* @required
*/
/**
* Actionable row of split view
*
* @selector .slds-split-view__list-item-action
* @restrict .slds-split-view__list-item a
* @required
*/
/**
* Expand/Collapse button to toggleSelection open/close state of split view
*
* @selector .slds-split-view__toggle-button
* @restrict .slds-split-view_container button
* @required
*/
/**
* @summary Initializes tile
*
* @name base
* @selector .slds-tile
* @restrict article
* @variant
*/
/**
* The default tab set style encapsulates everything that is underneath it
* without enclosing it visually. Initialize a default tab set by applying the
* `.slds-tab--default` class to the containing `<div>` around the tab list and
* tab panels. The `<ul>` element also requires the class `.slds-tab--default__nav`
* to prevent styles from bleeding into nested tabs.
*
* The overflow tab style is provided as a tab item type that acts as a menu
* component and appears as a tab item. It could contain those tab items that
* don't all fit in a horizontal orientation. Initialize a default tab set and
* in the last tab item of the set, apply the additional classes `slds-dropdown-trigger`
* and `.slds-tabs__item--overflow`. Include an `<a>` element to contain the
* tab item label like the other tab items. After the `<a>` element, the
* `.slds-dropdown` segment of a search overflow menu component is used. The
* `slds-dropdown__list` element also then requires a `slds-dropdown--length-X`
* class, where X is the number of items to show in it.
*
* @summary Initializes a default tablist
*
* @name base
* @selector .slds-tabs_default
* @restrict div
* @required
* @variant
*/
/**
* Styles each list item as a single tab
*
* @selector .slds-tabs_default__item
* @restrict .slds-tabs_default ul li
* @required
*/
/**
* Styles each actionable element inside each tab item
*
* @selector .slds-tabs_default__link
* @restrict .slds-tabs_default__item a
* @required
*/
/**
* Styles each tab content wrapper
*
* @selector .slds-tabs_default__content
* @restrict .slds-tabs_default div
* @required
*/
/**
* A scoped tabset style has a closed container with a defined border. Initialize
* a scoped tab set by applying the `.slds-tab--scoped` class to the containing
* `<div>` around the tab list and tab panels. The `<ul>` element also requires
* the class `.slds-tab--scoped__nav` to prevent styles from bleeding into nested tabs.
*
* @summary Initializes scoped tabs
*
* @name base
* @selector .slds-tabs_scoped
* @restrict div
* @required
* @variant
*/
/**
* Styles each list item as a single tab
*
* @selector .slds-tabs_scoped__item
* @restrict .slds-tabs_scoped ul li
* @required
*/
/**
* Styles each tab content wrapper
*
* @selector .slds-tabs_scoped__content
* @restrict .slds-tabs_scoped div
* @required
*/
/**
* Styles each actionable element inside each tab item
*
* @selector .slds-tabs_scoped__link
* @restrict .slds-tabs_scoped__item a
* @required
*/
/**
* Active state for a tab item
*
* @selector .slds-is-active
* @restrict .slds-tabs_scoped__item
* @notes Required on the `<li>` element that is associated with the active tab panel
* @modifier
*/
/**
* @name base
* @selector .slds-nav-vertical
* @restrict nav
* @variant
*/
/**
* Modifer to reduce spacing between navigation items
*
* @selector .slds-nav-vertical_compact
* @restrict .slds-nav-vertical
* @modifier
*/
/**
* Modifier to adjust list item when vertical navigation is sitting on top of a shaded background
*
* @selector .slds-nav-vertical_shade
* @restrict .slds-nav-vertical
* @modifier
*/
/**
* Section title of the vertical navigation
*
* @selector .slds-nav-vertical__title
* @restrict .slds-nav-vertical h2
*/
/**
* List of the vertical navigation
*
* @selector .slds-nav-vertical__item
* @restrict .slds-nav-vertical li
*/
/**
* Actionable element inside of vertical navigation list item
*
* @selector .slds-nav-vertical__action
* @restrict .slds-nav-vertical a, .slds-nav-vertical button
*/
/**
* Active state of a list item within a vertical navigation
*
* @selector .slds-is-active
* @restrict .slds-nav-vertical__item
* @modifier
*/
/**
* @name base
* @selector .slds-navigation-list_vertical
* @restrict div
* @variant
* @deprecated
*/
/**
* Vertical Navigation on tinted background
*
* @selector .slds-navigation-list-vertical_shade
* @restrict .slds-navigation-list-vertical
* @modifier
* @group theme
*/
/**
* Actionable item inside a vertical navigation list
*
* @selector .slds-navigation-list-vertical__action
* @restrict .slds-navigation-list-vertical a
* @required
*/
/**
* Actionable element that toggles visibility of overflown list items
*
* @selector .slds-nav-vertical__action_overflow
* @restrict .slds-nav-vertical__action
*/
/**
* Text inside of actionable element that toggles visibility of overflown list items
*
* @selector .slds-nav-vertical__action-text
* @restrict .slds-nav-vertical__action_overflow span
*/
/**
* @summary Initializes alert notification
*
* @name base
* @selector .slds-notify_alert
* @restrict div
* @variant
*/
/**
* @summary Initializes Prompt style notification
*
* @name base
* @selector .slds-modal_prompt
* @restrict .slds-modal
* @required
* @variant
*/
/**
* @name base
* @selector .slds-notify_container
* @restrict div
* @variant
*/
/**
* Initializes toast notification
*
* @selector .slds-notify_toast
* @restrict .slds-notify_container div
* @required
*/
/**
* @summary Sets styles for trial header bar
* @name header
* @selector .slds-trial-header
* @restrict div
* @variant
*/
/**
* @summary Container that manages layout when a listbox of pill options sit next to a combobox search input
*
* @name base
* @selector .slds-combobox-lookup
* @restrict div
* @variant
*/
/**
* An image is the preferred format for an avatar
*
* @summary Creates an avatar component
* @name base
* @selector .slds-avatar
* @restrict div, span, a
* @variant
*/
/**
* Size modifier for avatars - x-small
*
* @selector .slds-avatar_x-small
* @restrict .slds-avatar
* @modifier
* @group size
*/
/**
* Size modifier for avatars - small
*
* @selector .slds-avatar_small
* @restrict .slds-avatar
* @modifier
* @group size
*/
/**
* Size modifier for avatars - medium
*
* @selector .slds-avatar_medium
* @restrict .slds-avatar
* @modifier
* @group size
*/
/**
* Size modifier for avatars - large
*
* @selector .slds-avatar_large
* @restrict .slds-avatar
* @modifier
* @group size
*/
/**
* Make avatar a circle
*
* @selector .slds-avatar_circle
* @restrict .slds-avatar
* @modifier
*/
/**
* If an image is unavailable, up to two letters can be used instead.
* If the record name contains two words, like first and last name, use
* the first capitalized letter of each. For records that only have a
* single word name, use the first two letters of that word using one
* capital and one lower case letter. The background color should match
* the entity or object icon. If no image or initials are available,
* the fallback should be the icon for the entity or object.
*
* @summary Used for initials inside an avatar
* @selector .slds-avatar__initials
* @restrict .slds-avatar abbr
*/
/**
* A figure component is a self-contained unit of content, such as an image with an optional caption. The figure component should NOT be used with icons or logos. A figure can optionally be cropped to a specific ratio such as 16x9, 4x3 and 1x1 with the use of `.slds-image__crop` and passing in a ratio class such as `.slds-image__crop--16-by-9`.
*
* @summary Initializes a file component
*
* @name base
* @selector .slds-file
* @restrict figure, div
* @variant
*/
/**
* @summary Initializes data table
*
* @name base
* @selector .slds-table
* @restrict table
* @required
* @variant
*/
/**
* Add left and right padding to the first and last cells of a table
*
* @selector .slds-table_cell-buffer
* @restrict .slds-table
* @required
* @modifier
*/
/**
* Add vertical borders to a table
*
* @selector .slds-table_bordered
* @restrict .slds-table
* @modifier
*/
/**
* Add column borders
*
* @selector .slds-table_col-bordered
* @restrict .slds-table
* @modifier
*/
/**
* Add alternating strips to rows
*
* @selector .slds-table_striped
* @restrict .slds-table
* @modifier
*/
/**
* @summary Set table to use fixed layout for width and truncation purposes
*
* @name advanced
* @selector .slds-table_fixed-layout
* @restrict .slds-table
* @variant
*/
/**
* If the column is sortable than lets handle the actionable
* region of the `<th>` cell
*
* @selector .slds-is-sortable
* @restrict .slds-table_fixed-layout th
*/
/**
* Actionable area inside th
*
* @selector .slds-th__action
* @restrict .slds-table_fixed-layout th div, .slds-table--fixed-layout th a
*/
/**
* Icon inside sortable th
*
* @selector .slds-is-sortable__icon
* @restrict .slds-is-sortable .slds-icon
*/
/**
* Active state of sorted column
*
* @selector .slds-is-sorted
* @restrict .slds-table_fixed-layout th
*/
/**
* Resizable data table columns
*
* @selector .slds-table_resizable-cols
* @restrict .slds-table_fixed-layout
*/
/**
* Provide an indicator that resizing is available
*
* @selector .slds-is-resizable
* @restrict .slds-table_resizable-cols th
*/
/**
* Resizable handle
*
* @selector .slds-resizable
* @restrict .slds-is-resizable div
*/
/**
* Inline edit plugin for advanced tables
*
* #### Accessibility
* The Advanced Data Table and Inline Edit Data Table are based on the semantics,
* roles and interaction model of the [ARIA Grid](http://w3c.github.io/aria/practices/aria-practices.html#grid).
* In SLDS we overlay the ARIA Grid on top of native HTML table semantics.
*
* The role of Grid comes with 2 distinct modes, Navigation mode and Actionable
* mode. Both come with very specific keyboard interaction modals. Navigation
* mode is the default mode of the Grid.
*
* **Navigation Mode**
* - Tabbing into the grid focuses the first data cell in the table.
* - The second tab key press takes the user focus out of the grid onto the next focusable element on the page.
* - Once the user has tabbed out of the grid, tabbing back into the grid will return focus to the last cell the user was focused on.
* - Navigation in the grid is accomplished via the arrow keys.
* - No actionable items in cell contents are focusable.
* - Pressing the Enter key on a chosen grid cell, places the entire Grid into Actionable mode.
*
* **Actionable Mode**
* - Once in Actionable mode, all focusable items in the entire grid can be tabbed to.
* - Arrow navigation still takes the user cell to cell in any direction, but focuses on the first actionable item in the cell, if there is one.
* - Pressing the Escape key exits Actionable mode, placing the user back into Navigation mode, keeping the users cursor on the same cell they were focused in.
* - When interacting with a component in a cell, such as a Menu, that also uses the Escape key as an exit action, pressing Escape will take the user back to the triggering element in the current cell. A subsequent press of Escape will return the user to Navigation mode.
*
* For the purposes of these docs, the Default state of Inline Edit is
* representative of Navigation mode, all other states are assumed to be in Actionable Mode.
*
* @summary Initiates inline-edit mode for data-tables
*
* @name inline-edit
* @selector .slds-table_edit
* @restrict .slds-table_fixed-layout
* @required
* @variant
*/
/**
* Informs a table cell that it has editing capabilities
*
* @selector .slds-cell-edit
* @restrict .slds-table_edit th, .slds-table--edit td
*/
/**
* @selector .slds-cell-edit__button
* @restrict .slds-cell-edit button
*/
/**
* Handles children of the table where we don't want any focusable cells
*
* @selector .slds-no-cell-focus
* @restrict .slds-table_edit
* @modifier
*/
/**
* @selector .slds-form-element__label_edit
* @restrict .slds-popover_edit label
*/
/**
* Dialog specific for inline-edit popover
*
* @selector .slds-popover_edit
* @restrict .slds-popover
* @required
*/
/**
* @name base
* @selector .slds-tree_container
* @restrict div
* @support dev-ready
* @variant
*/
/**
* @selector .slds-tree
* @restrict .slds-tree_container ul, table
* @required
*/
/**
* @name grid
* @selector .slds-table_tree
* @restrict .slds-tree
* @variant
*/
/**
* @selector .slds-table_tree__toggle
* @restrict .slds-table_tree button
*/
/**
* @summary Container for a expandable section
*
* @name base
* @selector .slds-section
* @restrict article, div
* @variant
*/
/**
* @summary Initializes grid
*
* @selector .slds-grid
* @modifier
*/
/**
* @summary Initializes grid
*
* @selector .slds-grid_frame
* @modifier
*/
/**
* @summary Initializes grid
*
* @selector .slds-grid_vertical
* @modifier
*/
/**
* @summary Initializes grid
*
* @selector .slds-grid_vertical-reverse
* @modifier
*/
/**
* @summary Initializes grid
*
* @selector .slds-grid_reverse
* @modifier
*/
/**
* @summary Allows columns to wrap when they exceed 100% of their parent’s width
*
* @selector .slds-wrap
* @modifier
*/
/**
* @summary Keeps columns on one line. Allows columns to stretch and fill 100% of the parent’s width and height.
*
* @selector .slds-nowrap
* @modifier
*/
/**
* @summary .slds-{size}-nowrap used for responsive design
*
* @selector [class*='-nowrap']
* @modifier
*/
/**
* @summary Normalizes the 0.75rem of padding when nesting a grid in a region with `.slds-p-horizontal--small`
*
* @selector .slds-grid_pull-padded
* @modifier
*/
/**
* @summary Normalizes the 0.125rem of padding when nesting a grid in a region with `.slds-p-horizontal--xxx-small`
*
* @selector .slds-grid_pull-padded-xxx-small
* @modifier
*/
/**
* @summary Normalizes the 0.25rem of padding when nesting a grid in a region with `.slds-p-horizontal--xx-small`
*
* @selector .slds-grid_pull-padded-xx-small
* @modifier
*/
/**
* @summary Normalizes the 0.5rem of padding when nesting a grid in a region with `.slds-p-horizontal--x-small`
*
* @selector .slds-grid_pull-padded-x-small
* @modifier
*/
/**
* @summary Normalizes the 0.75rem of padding when nesting a grid in a region with `.slds-p-horizontal--small`
*
* @selector .slds-grid_pull-padded-small
* @modifier
*/
/**
* @summary Normalizes the 1rem of padding when nesting a grid in a region with `.slds-p-horizontal--medium`
*
* @selector .slds-grid_pull-padded-medium
* @modifier
*/
/**
* @summary Normalizes the 1.5rem of padding when nesting a grid in a region with `.slds-p-horizontal--large`
*
* @selector .slds-grid_pull-padded-large
* @modifier
*/
/**
* @summary Initializes a grid column
*
* @selector .slds-col
* @modifier
*/
/**
* @summary Adds border to top side of column
*
* @selector .slds-col_rule-top
* @restrict .slds-col
* @modifier
*/
/**
* @summary Adds border to right side of column
*
* @selector .slds-col_rule-right
* @restrict .slds-col
* @modifier
*/
/**
* @summary Adds border to bottom side of column
*
* @selector .slds-col_rule-bottom
* @restrict .slds-col
* @modifier
*/
/**
* @summary Adds border to left side of column
*
* @selector .slds-col_rule-left
* @restrict .slds-col
* @modifier
*/
/**
* @summary Needed when truncation is nested in a flexible container in a grid
*
* @selector .slds-has-flexi-truncate
* @modifier
*/
/**
* @summary Removes flexbox from grid column
*
* @selector .slds-no-flex
* @modifier
*/
/**
* @summary Sets the column to a min-width of 0
*
* @selector .slds-no-space
* @modifier
*/
/**
* @summary Allows column to grow to children’s content
*
* @selector .slds-grow
* @modifier
*/
/**
* @summary Prevents column from growing to children’s content
*
* @selector .slds-grow-none
* @modifier
*/
/**
* @summary Allows column to shrink to children's content
*
* @selector .slds-shrink
* @modifier
*/
/**
* @summary Prevents column from shrinking to children's content
*
* @selector .slds-shrink-none
* @modifier
*/
/**
* @summary Columns align in the center to the main axis and expand in each direction
*
* @selector .slds-grid_align-center
* @modifier
*/
/**
* @summary Columns are evenly distributed with equal space around them all
*
* @selector .slds-grid_align-space
* @modifier
*/
/**
* @summary Columns align to the left and right followed by center. Space is equal between them
*
* @selector .slds-grid_align-spread
* @notes With only two columns — you can get a similar effect by setting one of the columns to `.slds-no-flex`
* @modifier
*/
/**
* @summary Columns start on the opposite end of the grid's main axis
*
* @selector .slds-grid_align-end
* @modifier
*/
/**
* @summary Columns start at the beginning of the grid's cross axis
*
* @selector .slds-grid_vertical-align-start
* @modifier
*/
/**
* @summary Columns align in the center to the cross axis and expand it each direction
*
* @selector .slds-grid_vertical-align-center
* @modifier
*/
/**
* @summary Columns start on the opposite end of the grid's cross axis
*
* @selector .slds-grid_vertical-align-end
* @modifier
*/
/**
* @summary Vertically aligns element to top of `.slds-grid`
*
* @selector .slds-align-top
* @modifier
*/
/**
* @summary Vertically aligns element to middle of `.slds-grid`
*
* @selector .slds-align-middle
* @modifier
*/
/**
* @summary Vertically aligns element to bottom of `.slds-grid`
*
* @selector .slds-align-bottom
* @modifier
*/
/**
* @summary Bumps grid item(s) away from the other grid items to sit at the top, taking up the remaining white-space of the grid container
*
* @selector .slds-col_bump-top
* @modifier
*/
/**
* @summary Bumps grid item(s) away from the other grid items to sit to the right, taking up the remaining white-space of the grid container
*
* @selector .slds-col_bump-right
* @modifier
*/
/**
* @summary Bumps grid item(s) away from the other grid items to sit at the bottom, taking up the remaining white-space of the grid container
*
* @selector .slds-col_bump-bottom
* @modifier
*/
/**
* @summary Bumps grid item(s) away from the other grid items to sit to the left, taking up the remaining white-space of the grid container
*
* @selector .slds-col_bump-left
* @modifier
*/
/**
* @summary Stretch the grid items for both single row and multi-line rows to fill the height of the parent grid container
*
* @selector .slds-grid_vertical-stretch
* @notes Grid items will stretch the height of the parent grid container by default, unless `<wrap>` is used
* @modifier
*/
/**
* @summary Restrict width of containers to a maximum of 480px
*
* @selector .slds-container_small
* @modifier
*/
/**
* @summary Restrict width of containers to a maximum of 768px
*
* @selector .slds-container_medium
* @modifier
*/
/**
* @summary Restrict width of containers to a maximum of 1024px
*
* @selector .slds-container_large
* @modifier
*/
/**
* @summary Restrict width of containers to a maximum of 1280px
*
* @selector .slds-container_large
* @modifier
*/
/**
* @summary Width of container takes up 100% of viewport
*
* @selector .slds-container_fluid
* @modifier
*/
/**
* @summary Horizontally positions containers in the center of the viewport
*
* @selector .slds-container_center
* @modifier
*/
/**
* @summary Horizontally positions containers to the left of the viewport
*
* @selector .slds-container_left
* @modifier
*/
/**
* @summary Horizontally positions containers to the right of the viewport
*
* @selector .slds-container_right
* @modifier
*/
/**
* @summary Class will absolutely center children content
*
* @name absolute-center
* @selector .slds-align_absolute-center
* @modifier
*/
/**
* @summary Creates media object
*
* @selector .slds-media
* @modifier
*/
/**
* Adjusts whitespace on smaller media objects
*
* @selector .slds-media_small
* @modifier
*/
/**
* Adjusts whitespace on larger media objects
*
* @selector .slds-media_large
* @modifier
*/
/**
* Aligns the content in the .slds-media__body to the middle of the .slds-media__figure
*
* @selector .slds-media_center
* @modifier
*/
/**
* Defines the figure area on the other side
*
* @selector .slds-media__figure_reverse
* @modifier
*/
/**
* Adds .125rem margin to the side specified
*
* @selector .slds-m-*_xxx-small
* @modifier
*/
/**
* Adds .25rem margin to the side specified
*
* @selector .slds-m-*_xx-small
* @modifier
*/
/**
* Adds .5rem margin to the side specified
*
* @selector .slds-m-*_x-small
* @modifier
*/
/**
* Adds .75rem margin to the side specified
*
* @selector .slds-m-*_small
* @modifier
*/
/**
* Adds 1rem margin to the side specified
*
* @selector .slds-m-*_medium
* @modifier
*/
/**
* Adds 1.5rem margin to the side specified
*
* @selector .slds-m-*_large
* @modifier
*/
/**
* Adds 2rem margin to the side specified
*
* @selector .slds-m-*_x-large
* @modifier
*/
/**
* Adds 3rem margin to the side specified
*
* @selector .slds-m-*_xx-large
* @modifier
*/
/**
* Adds the specified margin to both top and bottom
*
* @selector .slds-m-*-vertical_*
* @modifier
*/
/**
* Adds the specified margin to both sides
*
* @selector .slds-m-*-horizontal_*
* @modifier
*/
/**
* Adds the specified margin all the way around the element
*
* @selector .slds-m-*-around_*
* @modifier
*/
/**
* Adds .125rem padding to the side specified
*
* @selector .slds-p-*_xxx-small
* @modifier
*/
/**
* Adds .25rem padding to the side specified
*
* @selector .slds-p-*_xx-small
* @modifier
*/
/**
* Adds .5rem padding to the side specified
*
* @selector .slds-p-*_x-small
* @modifier
*/
/**
* Adds .75rem padding to the side specified
*
* @selector .slds-p-*_small
* @modifier
*/
/**
* Adds 1rem padding to the side specified
*
* @selector .slds-p-*_medium
* @modifier
*/
/**
* Adds 1.5rem padding to the side specified
*
* @selector .slds-p-*_large
* @modifier
*/
/**
* Adds 2rem padding to the side specified
*
* @selector .slds-p-*_x-large
* @modifier
*/
/**
* Adds 3rem padding to the side specified
*
* @selector .slds-p-*_xx-large
* @modifier
*/
/**
* Adds the specified padding to both top and bottom
*
* @selector .slds-p-*-vertical_*
* @modifier
*/
/**
* Adds the specified padding to both sides
*
* @selector .slds-p-*-horizontal_*
* @modifier
*/
/**
* Adds the specified padding all the way around the element
*
* @selector .slds-p-*-around_*
* @modifier
*/
/**
* @summary Contains floats and stops wrapping of elements following it.
*
* @name clearfix
* @selector .slds-clearfix
* @modifier
*/
/**
* @summary Pulls element from document flow and floats left. Text and other elements wrap around it.
*
* @name float-left
* @selector .slds-float_left
* @modifier
*/
/**
* @summary Removes float from an element that has attribute already
*
* @name float-none
* @selector .slds-float_none
* @modifier
*/
/**
* @summary Pulls element from document flow and floats right. Text and other elements wrap around it.
*
* @name float-right
* @selector .slds-float_right
* @modifier
*/
/**
* @summary Makes links and buttons appear as regular text
*
* @selector .slds-text-link_reset
* @modifier
*/
/**
* Used in combination with `.slds-text-link--reset`, you can apply the class `.slds-text-link` to a child element to reset its styles back to that of a link.
*
* @summary Makes text inside of .slds-text-link--reset to appear as a link.
*
* @selector .slds-text-link
* @modifier
*/
/**
* Faux links are used on areas that can't be wrapped in an `a` element, but need to appear to be a link with an underline on hover. An example is in the page header for Object home. The `H1` and `button` that sit next to each other have the `.slds-text-link--faux` class on their parent element.
*
* @summary Creates a faux link with hover interactions
*
* @selector .slds-text-link_faux
* @notes This is used when an actual anchor element can not be used. For example — when a heading and button are next to each other and both need the text underline
* @modifier
*/
/**
* @summary Blur focus is an accessibility class that will add a blurred border to an element when it is focused.
*
* @selector .slds-has-blur-focus
* @modifier
*/
/**
* Input focus styles, this is applied via JavaScript when needing to apply focus styles to a containing element when the input gets focus
*
* @selector .slds-has-input-focus
* @modifier
*/
/**
* @summary Marks a vertical list with .5rem spacing around
*
* @selector .slds-list_vertical-space
* @modifier
*/
/**
* @summary Marks a vertical list with 1rem spacing around
*
* @selector .slds-list_vertical-space-medium
* @modifier
*/
/**
* @summary Provides styles for a nested lists
*
* @selector .slds-is-nested
* @modifier
*/
/**
* @summary Creates an unordered list with markers
*
* @selector .slds-list_dotted
* @modifier
*/
/**
* @summary Creates an ordered list with decimals
*
* @selector .slds-list_ordered
* @modifier
*/
/**
* @summary Adds 1px border divider above list items
*
* @selector .slds-has-dividers_top
* @modifier
*/
/**
* @summary Adds 1px border divider below list items
*
* @selector .slds-has-dividers_top
* @modifier
*/
/**
* @summary Adds 1px border divider around list items
*
* @selector .slds-has-dividers_around
* @modifier
*/
/**
* @summary Causes items of a list to display horizontally
*
* @selector .slds-list_horizontal
* @modifier
*/
/**
* @summary Adds dot separators to the left of horizontal list items
*
* @selector .slds-has-dividers_left
* @modifier
*/
/**
* @summary Adds dot separators to the right of horizontal list items
*
* @selector .slds-has-dividers_right
* @modifier
*/
/**
* @summary Causes description list to display horizontally with `dt` followed immediately by the `dd`.
*
* @selector .slds-dl_inline
* @modifier
*/
/**
* @summary Causes description list to display horizontally with `dt` consuming 33% of the space and the `dd` taking up the rest.
*
* @selector .slds-dl_horizontal
* @modifier
*/
/**
* @summary Adds a bottom border to an element
*
* @selector .slds-border_bottom
* @modifier
* @group position
*/
/**
* @summary Adds a left border to an element
*
* @selector .slds-border_left
* @modifier
* @group position
*/
/**
* @summary Adds a right border to an element
*
* @selector .slds-border_right
* @modifier
* @group position
*/
/**
* @summary Adds a top border to an element
*
* @selector .slds-border_top
* @modifier
* @group position
*/
/**
* The truncation class can be used on an element, or the truncation
* include can be added to an existing class.
*
* @summary Creates truncated text
*
* @selector .slds-truncate
* @restrict [title]
* @modifier
*/
/**
* @summary Truncates text at 25% of its parent container
*
* @selector .slds-truncate_container_25
* @modifier
*/
/**
* @summary Truncates text at 50% of its parent container
*
* @selector .slds-truncate_container_50
* @modifier
*/
/**
* @summary Truncates text at 75% of its parent container
*
* @selector .slds-truncate_container_75
* @modifier
*/
/**
* @summary Truncates text at 33% of its parent container
*
* @selector .slds-truncate_container_33
* @modifier
*/
/**
* @summary Truncates text at 66% of its parent container
*
* @selector .slds-truncate_container_66
* @modifier
*/
/**
* The truncation class can be used on an element, or the truncation include can be added to an existing class.
*
* @summary Creates hyphenated text
*
* @selector .slds-hyphenate
* @notes Hyphenation will occur at the parent width if a width is not specified
* @modifier
*/
/**
* @summary Provides 1rem base padding and borders
*
* @selector .slds-box
* @modifier
*/
/**
* @summary Handles interactions if the box is applied to an actionable element
*
* @selector .slds-box_link
* @restrict .slds-box
* @modifier
*/
/**
* @summary Creates the 13px regular body copy
*
* @selector .slds-text-body_regular
* @modifier
*/
/**
* @summary Creates a more pale-colored 12px copy
*
* @selector .slds-text-body_small
* @modifier
*/
/**
* @summary Very large 28px heading
*
* @selector .slds-text-heading_large
* @modifier
*/
/**
* @summary Large 20px heading
*
* @selector .slds-text-heading_medium
* @modifier
*/
/**
* @summary Smaller 16px heading
*
* @selector .slds-text-heading_small
* @modifier
*/
/**
* @summary 12px heading that is not all caps
*
* @selector .slds-text-title
* @notes Usually labels small content areas like list sections.
* @modifier
*/
/**
* @summary All caps 12px heading
*
* @selector .slds-text-title_caps
* @notes Usually labels small content areas like tabs and page header titles.
* @modifier
*/
/**
* @summary Resets line-height to browser default
*
* @selector .slds-line-height_reset
* @modifier
*/
/**
* @summary Default color of text
*
* @selector .slds-text-color_default
* @modifier
*/
/**
* @summary Weak color of text
*
* @selector .slds-text-color_weak
* @modifier
*/
/**
* @summary Error color of text
*
* @selector .slds-text-color_error
* @modifier
*/
/**
* @summary Default color of text on inversed background
*
* @selector .slds-text-color_inverse
* @modifier
*/
/**
* @summary Weak color of text on inversed background
*
* @selector .slds-text-color_inverse-weak
* @modifier
*/
/**
* @summary Aligns text left
*
* @selector .slds-text-align_left
* @modifier
*/
/**
* @summary Aligns text center
*
* @selector .slds-text-align_center
* @modifier
*/
/**
* @summary Aligns text right
*
* @selector .slds-text-align_right
* @modifier
*/
/**
* @summary Adds default spacing and list styling within a wrapper
*
* @selector .slds-text-longform
* @notes Our application framework removes default text styling. This adds in margins to large areas
* @modifier
*/
/**
* @summary Forces element to scroll horizontally and vertically when content exceeds element's width and height
*
* @selector .slds-scrollable
* @modifier
*/
/**
* @summary Forces overflow items to not scroll within element's width and height
*
* @selector .slds-scrollable_none
* @modifier
*/
/**
* @summary Forces element to scroll vertically when content exceeds element's height
*
* @selector .slds-scrollable_y
* @modifier
*/
/**
* @summary Forces element to scroll horizontally when content exceeds element's width
*
* @selector .slds-scrollable_x
* @modifier
*/
/**
* @selector .slds-size_small
* @modifier
*/
/*
* @selector .slds-size_xx-small
* @modifier
*/
/*
* @selector .slds-size_x-small
* @modifier
*/
/*
* @selector .slds-size_small
* @modifier
*/
/*
* @selector .slds-size_medium
* @modifier
*/
/*
* @selector .slds-size_large
* @modifier
*/
/*
* @selector .slds-size_x-large
* @modifier
*/
/*
* @selector .slds-size_xx-large
* @modifier
*/
/**
* @summary Reset positioning back to normal behavior
*
* @name static
* @selector .slds-is-static
* @modifier
*/
/**
* @summary Used to contain children if children are absolutely positioned and out of flow. Also used to position element without changing layout.
*
* @name relative
* @selector .slds-is-relative
* @modifier
*/
/**
* @summary Used to position an element relative to the viewport.
*
* @name fixed
* @selector .slds-is-fixed
* @modifier
*/
/**
* @summary Used to position an element relative to its closest ancestor with relative positioning.
*
* @name absolute
* @selector .slds-is-absolute
* @modifier
*/
/* stylelint-disable declaration-no-important */
/**
* @summary Hides an element yet enables a screen reader to read the element that is hidden
*
* @selector .slds-assistive-text
* @notes This should be used over other methods when you don't want to hide from screenreaders
* @modifier
*/
/**
* @summary Enables `.slds-assistive-text` to become visible on focus
*
* @selector .slds-assistive-text_focus
* @restrict .slds-assistive-text
* @modifier
*/
/**
* @summary Hides elements inside a parent
*
* @selector .slds-is-collapsed
* @modifier
*/
/**
* @summary Shows the elements inside the parent
*
* @selector .slds-is-collapsed
* @modifier
*/
/**
* @summary Hides an element from the page by setting the visibility property to `hidden`
*
* @selector .slds-hidden
* @notes An element hidden with this class will reserve the normal space on the page and will not be announced by screenreaders.
* @modifier
*/
/**
* @summary Shows the element by setting the visibility property to `visible`
*
* @selector .slds-visible
* @notes This is toggled on the element. `.slds-hidden` class is removed and `.slds-visible` is added.
* @modifier
*/
/**
* @summary Hides an element from the page by setting display propery to `none`
*
* @selector .slds-hide
* @notes An element hidden with this class will take up no space on the page and will not be announced by screenreaders.
* @modifier
*/
/**
* @summary Shows the element by setting display property to `block`
*
* @selector .slds-show
* @notes This is toggled on the element. `.slds-hide` class is removed and `.slds-show` is added.
* @modifier
*/
/**
* @summary Shows the element by setting display to `inline-block`
*
* @selector .slds-show_inline-block
* @notes This is toggled on the element. `.slds-hide` class is removed and `.slds-show--inline-block` is added.
* @modifier
*/
/**
* @summary Shows the element by setting display to `inline`
*
* @selector .slds-show_inline
* @notes This is toggled on the element. `.slds-hide` class is removed and `.slds-show--inline` is added.
* @modifier
*/
/**
* @summary Hides an element from the page by setting the opacity property set to `0`
*
* @selector .transition-hide
* @notes This works like the `.slds-hidden` class and reserves the space but allows you to add the `transition` property to transition the speed that it is shown or hidden.
* @modifier
*/
/**
* @summary Shows the element using the opacity property set to `1`
*
* @selector .transition-show
* @notes This is toggled on the element. `.slds-transition-hide` class is removed and `.slds-transition-show` is added.
* @modifier
*/
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ }
.tsab html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
.tsab body {
margin: 0; }
.tsab article,
.tsab aside,
.tsab details,
.tsab figcaption,
.tsab figure,
.tsab footer,
.tsab header,
.tsab hgroup,
.tsab main,
.tsab menu,
.tsab nav,
.tsab section,
.tsab summary {
display: block; }
.tsab audio,
.tsab canvas,
.tsab progress,
.tsab video {
display: inline-block;
vertical-align: baseline; }
.tsab audio:not([controls]) {
display: none;
height: 0; }
.tsab [hidden],
.tsab template {
display: none; }
.tsab a {
background-color: transparent; }
.tsab a:active,
.tsab a:hover {
outline: 0; }
.tsab abbr[title] {
border-bottom: 1px dotted; }
.tsab b,
.tsab strong {
font-weight: bold; }
.tsab dfn {
font-style: italic; }
.tsab h1 {
font-size: 2em;
margin: 0.67em 0; }
.tsab mark {
background: #ff0;
color: #000; }
.tsab small {
font-size: 80%; }
.tsab sub,
.tsab sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
.tsab sup {
top: -0.5em; }
.tsab sub {
bottom: -0.25em; }
.tsab img {
border: 0; }
.tsab svg:not(:root) {
overflow: hidden; }
.tsab figure {
margin: 1em 40px; }
.tsab hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
.tsab pre {
overflow: auto; }
.tsab code,
.tsab kbd,
.tsab pre,
.tsab samp {
font-family: monospace, monospace;
font-size: 1em; }
.tsab button,
.tsab input,
.tsab optgroup,
.tsab select,
.tsab textarea {
color: inherit;
font: inherit;
margin: 0; }
.tsab button {
overflow: visible; }
.tsab button,
.tsab select {
text-transform: none; }
.tsab button,
.tsab html input[type="button"],
.tsab input[type="reset"],
.tsab input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
.tsab button[disabled],
.tsab html input[disabled] {
cursor: default; }
.tsab button::-moz-focus-inner,
.tsab input::-moz-focus-inner {
border: 0;
padding: 0; }
.tsab input {
line-height: normal; }
.tsab input[type="checkbox"],
.tsab input[type="radio"] {
box-sizing: border-box;
padding: 0; }
.tsab input[type="number"]::-webkit-inner-spin-button,
.tsab input[type="number"]::-webkit-outer-spin-button {
height: auto; }
.tsab input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.tsab input[type="search"]::-webkit-search-cancel-button,
.tsab input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
.tsab fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
.tsab legend {
border: 0;
padding: 0; }
.tsab textarea {
overflow: auto; }
.tsab optgroup {
font-weight: bold; }
.tsab table {
border-collapse: collapse;
border-spacing: 0; }
.tsab td,
.tsab th {
padding: 0; }
.tsab *,
.tsab *:before,
.tsab *:after {
box-sizing: border-box; }
.tsab ::-webkit-input-placeholder {
color: #54698d;
font-weight: 400;
font-size: 0.8125rem; }
.tsab :-ms-input-placeholder {
color: #54698d;
font-weight: 400;
font-size: 0.8125rem; }
.tsab ::placeholder {
color: #54698d;
font-weight: 400;
font-size: 0.8125rem; }
.tsab ::-moz-selection {
background: #d8edff;
text-shadow: none;
color: #16325c; }
.tsab ::selection {
background: #d8edff;
text-shadow: none;
color: #16325c; }
.tsab {
font-family: "Salesforce Sans", Arial, sans-serif;
font-size: 100%;
line-height: 1.5;
background: #fdfdfd;
color: #16325c;
-webkit-tap-highlight-color: transparent; }
.tsab:not(html), .tsab body {
font-size: 0.8125rem;
background: transparent; }
.tsab h1,
.tsab h2,
.tsab h3,
.tsab h4,
.tsab h5,
.tsab h6,
.tsab p,
.tsab ol,
.tsab ul,
.tsab dl,
.tsab fieldset {
margin: 0;
padding: 0; }
.tsab dd,
.tsab figure {
margin: 0; }
.tsab abbr[title] {
text-decoration: none; }
.tsab abbr[title],
.tsab fieldset,
.tsab hr {
border: 0; }
.tsab hr {
padding: 0; }
.tsab h1,
.tsab h2,
.tsab h3,
.tsab h4,
.tsab h5,
.tsab h6 {
font-weight: inherit;
font-size: 1em; }
.tsab ol,
.tsab ul {
list-style: none; }
.tsab a {
color: #0070d2;
text-decoration: none;
transition: color 0.1s linear; }
.tsab a:hover, .tsab a:focus {
text-decoration: underline;
color: #005fb2; }
.tsab a:active {
color: #00396b; }
.tsab a,
.tsab button {
cursor: pointer; }
.tsab b,
.tsab strong,
.tsab dfn {
font-weight: 700; }
.tsab mark {
background-color: #fff03f;
color: #16325c; }
.tsab abbr[title] {
cursor: help; }
.tsab input[type="search"] {
box-sizing: border-box; }
.tsab table {
width: 100%; }
.tsab caption,
.tsab th,
.tsab td {
text-align: left; }
.tsab hr {
display: block;
margin: 2rem 0;
border-top: 1px solid #d8dde6;
height: 1px;
clear: both; }
.tsab audio,
.tsab canvas,
.tsab iframe,
.tsab img,
.tsab svg,
.tsab video {
vertical-align: middle; }
.tsab img {
max-width: 100%;
height: auto; }
.tsab .slds-modal_form .slds-modal__header,
.tsab .slds-modal_form .slds-modal__content:last-child,
.tsab .slds-modal--form .slds-modal__header,
.tsab .slds-modal--form .slds-modal__content:last-child {
border-radius: 0;
box-shadow: none; }
.tsab .slds-modal_form .slds-modal__container,
.tsab .slds-modal--form .slds-modal__container {
margin: 0;
padding: 0; }
.tsab .slds-modal_form .slds-modal__header .slds-text-heading_medium,
.tsab .slds-modal_form .slds-modal__header .slds-text-heading--medium,
.tsab .slds-modal--form .slds-modal__header .slds-text-heading_medium,
.tsab .slds-modal--form .slds-modal__header .slds-text-heading--medium {
line-height: 1.5; }
.tsab .slds-modal_form .slds-modal__header .slds-button,
.tsab .slds-modal--form .slds-modal__header .slds-button {
display: inline-block;
width: auto; }
.tsab .slds-modal_form .slds-modal__header .slds-button:first-child,
.tsab .slds-modal--form .slds-modal__header .slds-button:first-child {
float: left;
margin-right: 0.5rem; }
.tsab .slds-modal_form .slds-modal__header .slds-button:first-child + .slds-button,
.tsab .slds-modal--form .slds-modal__header .slds-button:first-child + .slds-button {
float: right;
margin-top: 0;
margin-left: 0.5rem; }
.tsab .slds-action-overflow_touch,
.tsab .slds-action-overflow--touch {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9001; }
.tsab .slds-action-overflow_touch__container,
.tsab .slds-action-overflow--touch__container {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%; }
.tsab .slds-action-overflow_touch__content,
.tsab .slds-action-overflow--touch__content {
padding-top: 33.33333333333333%;
overflow: hidden;
overflow-y: auto; }
.tsab .slds-action-overflow_touch__body,
.tsab .slds-action-overflow--touch__body {
position: relative;
top: 2rem;
background: #fdfdfd;
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.07); }
.tsab .slds-action-overflow_touch__footer,
.tsab .slds-action-overflow--touch__footer {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
border-top: 1px solid #d8dde6;
padding: 0.75rem 1rem;
background-color: #f4f6f9;
box-shadow: 0 -2px 4px #F4F6F9; }
.tsab .slds-timeline__media,
.tsab .slds-media_timeline,
.tsab .slds-media--timeline {
position: relative;
padding-bottom: 1.5rem; }
.tsab .slds-timeline__media:before,
.tsab .slds-media_timeline:before,
.tsab .slds-media--timeline:before {
content: '';
background: #d8dde6;
height: 100%;
width: 2px;
position: absolute;
left: 0.75rem;
top: 0;
bottom: 0;
margin-left: -1px;
z-index: -1; }
.tsab .slds-timeline__media:before,
.tsab .slds-media_timeline:before,
.tsab .slds-media--timeline:before {
margin-left: 1px; }
.tsab .slds-timeline__title {
position: relative; }
.tsab .slds-timeline__title-content {
position: relative;
top: -1px;
padding-right: 1rem;
background: #fdfdfd;
z-index: 2; }
.tsab .slds-timeline__title:after {
position: absolute;
right: 0;
bottom: 0.5rem;
left: 0;
border-bottom: 1px dashed #d8dde6;
content: ' ';
z-index: 1; }
.tsab .slds-timeline {
/**
* Icon associated with timeline item
*
* @selector .slds-timeline__icon
* @restrict .slds-timeline__media .slds-media__figure
*/
/**
* Container for date and action overflow on the right of a timeline item
*
* @selector .slds-timeline__actions
* @restrict .slds-timeline__item div
* @notes This is directly inside the `.slds-media--reverse` > `.slds-media__figure`
*/
/**
* Styles the date inside `.slds-timeline__actions`
*
* @selector .slds-timeline__date
* @restrict .slds-timeline__actions p
*/
/**
* @name call
* @selector .slds-timeline__media_call
* @restrict .slds-timeline__media
* @variant
*/
/**
* @name email
* @selector .slds-timeline__media_email
* @restrict .slds-timeline__media
* @variant
*/
/**
* @name event
* @selector .slds-timeline__media_event
* @restrict .slds-timeline__media
* @variant
*/
/**
* @name task
* @selector .slds-timeline__media_task
* @restrict .slds-timeline__media
* @variant
*/ }
.tsab .slds-timeline__icon {
margin-top: -0.75rem;
border: 2px solid #fff;
border-top-width: 0.75rem;
border-bottom-width: 0.75rem; }
.tsab .slds-timeline__actions {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-align: end;
align-items: flex-end; }
.tsab .slds-timeline__date {
margin-bottom: 0.25rem;
font-size: 0.75rem;
color: #54698d; }
.tsab .slds-timeline__media_call:before, .tsab .slds-timeline__media--call:before {
background: #48c3cc; }
.tsab .slds-timeline__media_email:before, .tsab .slds-timeline__media--email:before {
background: #95aec5; }
.tsab .slds-timeline__media_event:before, .tsab .slds-timeline__media--event:before {
background: #eb7092; }
.tsab .slds-timeline__media_task:before, .tsab .slds-timeline__media--task:before {
background: #4bc076; }
.tsab .slds-badge {
background-color: #e0e5ee;
padding: 0.25rem 0.5rem;
border-radius: 15rem;
font-size: 0.625rem;
line-height: 1.25;
text-transform: uppercase;
letter-spacing: 0.0625em;
color: #16325c;
vertical-align: middle;
white-space: nowrap; }
.tsab .slds-badge + .slds-badge {
margin-left: 0.5rem; }
.tsab .slds-badge:empty {
padding: 0; }
.tsab .slds-breadcrumb {
/**
* Item of the breadcrumb list
*
* @selector .slds-breadcrumb__item
* @restrict .slds-breadcrumb li
* @required
*/ }
.tsab .slds-breadcrumb .slds-list__item, .tsab .slds-breadcrumb__item {
position: relative; }
.tsab .slds-breadcrumb .slds-list__item:before, .tsab .slds-breadcrumb__item:before {
content: '\003E';
position: absolute;
left: -0.25rem; }
.tsab .slds-breadcrumb .slds-list__item > a, .tsab .slds-breadcrumb__item > a {
display: block;
padding: 0 0.5rem; }
.tsab .slds-breadcrumb .slds-list__item > a:hover, .tsab .slds-breadcrumb__item > a:hover {
text-decoration: none; }
.tsab .slds-breadcrumb .slds-list__item:first-child > a, .tsab .slds-breadcrumb__item:first-child > a {
padding-left: 0; }
.tsab .slds-breadcrumb .slds-list__item:first-child:before, .tsab .slds-breadcrumb__item:first-child:before {
content: ''; }
.tsab .slds-button-group,
.tsab .slds-button-group-list {
display: -ms-flexbox;
display: flex; }
.tsab .slds-button-group .slds-button,
.tsab .slds-button-group-list .slds-button {
border-radius: 0; }
.tsab .slds-button-group .slds-button:focus,
.tsab .slds-button-group-list .slds-button:focus {
z-index: 1; }
.tsab .slds-button-group .slds-button + .slds-button,
.tsab .slds-button-group .slds-button + .slds-button_last .slds-button,
.tsab .slds-button-group .slds-button + .slds-button--last .slds-button,
.tsab .slds-button-group-list li + li .slds-button {
margin-left: -1px; }
.tsab .slds-button-group-list li:first-child .slds-button,
.tsab .slds-button-group .slds-button:first-child {
border-radius: 0.25rem 0 0 0.25rem; }
.tsab .slds-button-group .slds-button:last-child,
.tsab .slds-button-group-list li:last-child .slds-button,
.tsab .slds-button-group .slds-button_last .slds-button,
.tsab .slds-button-group .slds-button--last .slds-button,
.tsab .slds-button-group .slds-button.slds-button_last,
.tsab .slds-button-group .slds-button.slds-button--last,
.tsab .slds-button-group .slds-button_last .slds-button:only-child,
.tsab .slds-button-group .slds-button--last .slds-button:only-child,
.tsab .slds-button-group .slds-button.slds-button_last,
.tsab .slds-button-group .slds-button.slds-button--last {
border-radius: 0 0.25rem 0.25rem 0; }
.tsab .slds-button-group .slds-button:only-child,
.tsab .slds-button-group-list li:only-child .slds-button {
border-radius: 0.25rem; }
.tsab .slds-button-group + .slds-button-group,
.tsab .slds-button-group + .slds-button-group-list,
.tsab .slds-button-group + .slds-button,
.tsab .slds-button-group-list + .slds-button-group-list,
.tsab .slds-button-group-list + .slds-button-group,
.tsab .slds-button-group-list + .slds-button {
margin-left: 0.25rem; }
.tsab .slds-button {
position: relative;
display: inline-block;
padding: 0;
background: transparent;
background-clip: border-box;
border: 1px solid transparent;
border-radius: 0.25rem;
font-size: 0.75rem;
line-height: 1.875rem;
text-decoration: none;
color: #0070d2;
-webkit-appearance: none;
white-space: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color 0.05s linear, background-color 0.05s linear; }
.tsab .slds-button:hover, .tsab .slds-button:focus, .tsab .slds-button:active, .tsab .slds-button:visited {
text-decoration: none; }
.tsab .slds-button:hover, .tsab .slds-button:focus {
color: #005fb2; }
.tsab .slds-button:focus {
outline: 0;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-button:active {
color: #00396b; }
.tsab .slds-button[disabled] {
color: #d8dde6; }
.tsab .slds-button:hover .slds-button__icon, .tsab .slds-button:focus .slds-button__icon, .tsab .slds-button:active .slds-button__icon, .tsab .slds-button[disabled] .slds-button__icon {
fill: currentColor; }
.tsab .slds-button + .slds-button-group,
.tsab .slds-button + .slds-button-group-list {
margin-left: 0.25rem; }
.tsab .slds-button + .slds-button {
margin-left: 0.25rem; }
.tsab a.slds-button {
text-align: center; }
.tsab a.slds-button:focus {
outline: 0;
box-shadow: 0 0 3px #0070D2; }
.tsab a.slds-button--inverse:focus {
outline: none;
box-shadow: 0 0 3px #E0E5EE; }
.tsab .slds-button_reset,
.tsab .slds-button--reset {
font-size: inherit;
color: inherit;
line-height: inherit;
padding: 0;
background: transparent;
border: 0;
text-align: inherit; }
.tsab .slds-button_neutral,
.tsab .slds-button--neutral {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
vertical-align: middle;
border: 1px solid #d8dde6;
background-color: white; }
.tsab .slds-button_neutral:hover, .tsab .slds-button_neutral:focus,
.tsab .slds-button--neutral:hover,
.tsab .slds-button--neutral:focus {
background-color: #f4f6f9; }
.tsab .slds-button_neutral:active,
.tsab .slds-button--neutral:active {
background-color: #eef1f6; }
.tsab .slds-button_neutral[disabled],
.tsab .slds-button--neutral[disabled] {
background-color: white;
cursor: default; }
.tsab .slds-button_brand,
.tsab .slds-button--brand {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
vertical-align: middle;
background-color: #0070d2;
border: 1px solid #0070d2;
color: white; }
.tsab .slds-button_brand:link, .tsab .slds-button_brand:visited, .tsab .slds-button_brand:active,
.tsab .slds-button--brand:link,
.tsab .slds-button--brand:visited,
.tsab .slds-button--brand:active {
color: white; }
.tsab .slds-button_brand:hover, .tsab .slds-button_brand:focus,
.tsab .slds-button--brand:hover,
.tsab .slds-button--brand:focus {
background-color: #005fb2;
color: white; }
.tsab .slds-button_brand:active,
.tsab .slds-button--brand:active {
background-color: #00396b; }
.tsab .slds-button_brand[disabled],
.tsab .slds-button--brand[disabled] {
background: #e0e5ee;
border-color: transparent;
color: white; }
.tsab .slds-button_inverse,
.tsab .slds-button--inverse {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
vertical-align: middle;
border: 1px solid #d8dde6;
background-color: transparent; }
.tsab .slds-button_inverse:hover, .tsab .slds-button_inverse:focus,
.tsab .slds-button--inverse:hover,
.tsab .slds-button--inverse:focus {
background-color: #f4f6f9; }
.tsab .slds-button_inverse:active,
.tsab .slds-button--inverse:active {
background-color: #eef1f6; }
.tsab .slds-button_inverse[disabled],
.tsab .slds-button--inverse[disabled] {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.15); }
.tsab .slds-button_inverse, .tsab .slds-button_inverse:link, .tsab .slds-button_inverse:visited,
.tsab .slds-button--inverse,
.tsab .slds-button--inverse:link,
.tsab .slds-button--inverse:visited,
.tsab .slds-button_icon-border-inverse,
.tsab .slds-button_icon-border-inverse:link,
.tsab .slds-button_icon-border-inverse:visited,
.tsab .slds-button--icon-border-inverse,
.tsab .slds-button--icon-border-inverse:link,
.tsab .slds-button--icon-border-inverse:visited {
color: #e0e5ee; }
.tsab .slds-button_inverse:hover, .tsab .slds-button_inverse:focus, .tsab .slds-button_inverse:active,
.tsab .slds-button--inverse:hover,
.tsab .slds-button--inverse:focus,
.tsab .slds-button--inverse:active,
.tsab .slds-button_icon-border-inverse:hover,
.tsab .slds-button_icon-border-inverse:focus,
.tsab .slds-button_icon-border-inverse:active,
.tsab .slds-button--icon-border-inverse:hover,
.tsab .slds-button--icon-border-inverse:focus,
.tsab .slds-button--icon-border-inverse:active {
color: #0070d2; }
.tsab .slds-button_inverse:focus,
.tsab .slds-button--inverse:focus,
.tsab .slds-button_icon-border-inverse:focus,
.tsab .slds-button--icon-border-inverse:focus {
outline: none;
box-shadow: 0 0 3px #E0E5EE; }
.tsab .slds-button_inverse[disabled],
.tsab .slds-button--inverse[disabled],
.tsab .slds-button_icon-border-inverse[disabled],
.tsab .slds-button--icon-border-inverse[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-button_destructive,
.tsab .slds-button--destructive {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
vertical-align: middle;
background-color: #c23934;
border: 1px solid #c23934;
color: white; }
.tsab .slds-button_destructive:link, .tsab .slds-button_destructive:visited, .tsab .slds-button_destructive:active,
.tsab .slds-button--destructive:link,
.tsab .slds-button--destructive:visited,
.tsab .slds-button--destructive:active {
color: white; }
.tsab .slds-button_destructive:hover, .tsab .slds-button_destructive:focus,
.tsab .slds-button--destructive:hover,
.tsab .slds-button--destructive:focus {
background-color: #a61a14;
color: white; }
.tsab .slds-button_destructive:active,
.tsab .slds-button--destructive:active {
background-color: #870500;
border-color: #870500; }
.tsab .slds-button_destructive[disabled],
.tsab .slds-button--destructive[disabled] {
background: #e0e5ee;
border-color: transparent;
color: white; }
.tsab .slds-button_success,
.tsab .slds-button--success {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
vertical-align: middle;
background-color: #4bca81;
border: 1px solid #4bca81;
color: #16325c; }
.tsab .slds-button_success:link, .tsab .slds-button_success:visited, .tsab .slds-button_success:active,
.tsab .slds-button--success:link,
.tsab .slds-button--success:visited,
.tsab .slds-button--success:active {
color: #16325c; }
.tsab .slds-button_success:hover, .tsab .slds-button_success:focus,
.tsab .slds-button--success:hover,
.tsab .slds-button--success:focus {
background-color: #04844b;
border-color: #04844b;
color: white; }
.tsab .slds-button_success:active,
.tsab .slds-button--success:active {
background-color: #04844b;
border-color: #04844b; }
.tsab .slds-button_small,
.tsab .slds-button--small {
line-height: 1.75rem;
min-height: 2rem; }
.tsab .slds-button-space-left {
margin-left: 0.25rem; }
.tsab .slds-button_hint,
.tsab .slds-button--hint {
color: #9faab5; }
.tsab .slds-button_hint:hover, .tsab .slds-button_hint:focus, .tsab .slds-button_hint:active,
.tsab .slds-button--hint:hover,
.tsab .slds-button--hint:focus,
.tsab .slds-button--hint:active {
color: #0070d2; }
.tsab .slds-hint-parent:hover .slds-button--hint, .tsab .slds-hint-parent:focus .slds-button--hint {
color: #0070d2; }
.tsab .slds-button__icon_left,
.tsab .slds-button__icon--left {
margin-right: 0.5rem; }
.tsab .slds-button__icon_right,
.tsab .slds-button__icon--right {
margin-left: 0.5rem; }
.tsab .slds-button_neutral.slds-is-selected,
.tsab .slds-button--neutral.slds-is-selected {
border-color: transparent;
background-color: transparent; }
.tsab .slds-button_neutral.slds-is-selected:hover:not([disabled]), .tsab .slds-button_neutral.slds-is-selected:focus:not([disabled]),
.tsab .slds-button--neutral.slds-is-selected:hover:not([disabled]),
.tsab .slds-button--neutral.slds-is-selected:focus:not([disabled]) {
border: 1px solid #d8dde6;
background-color: #f4f6f9; }
.tsab .slds-button_neutral.slds-is-selected:active:not([disabled]),
.tsab .slds-button--neutral.slds-is-selected:active:not([disabled]) {
background-color: #eef1f6; }
.tsab .slds-button__icon_stateful,
.tsab .slds-button__icon--stateful {
width: 0.75rem;
height: 0.75rem;
fill: currentColor; }
.tsab .slds-button_inverse.slds-is-selected,
.tsab .slds-button--inverse.slds-is-selected {
border-color: transparent; }
.tsab .slds-not-selected .slds-text-selected {
display: none; }
.tsab .slds-not-selected .slds-text-selected-focus {
display: none; }
.tsab .slds-not-selected .slds-text-not-selected {
display: block; }
.tsab .slds-is-selected-clicked .slds-text-selected,
.tsab .slds-is-selected[disabled] .slds-text-selected,
.tsab .slds-is-selected[disabled]:hover .slds-text-selected,
.tsab .slds-is-selected[disabled]:focus .slds-text-selected {
display: block; }
.tsab .slds-is-selected-clicked .slds-text-selected-focus,
.tsab .slds-is-selected[disabled] .slds-text-selected-focus,
.tsab .slds-is-selected[disabled]:hover .slds-text-selected-focus,
.tsab .slds-is-selected[disabled]:focus .slds-text-selected-focus {
display: none; }
.tsab .slds-is-selected-clicked .slds-text-not-selected,
.tsab .slds-is-selected[disabled] .slds-text-not-selected,
.tsab .slds-is-selected[disabled]:hover .slds-text-not-selected,
.tsab .slds-is-selected[disabled]:focus .slds-text-not-selected {
display: none; }
.tsab .slds-is-selected .slds-text-not-selected {
display: none; }
.tsab .slds-is-selected .slds-text-selected {
display: block; }
.tsab .slds-is-selected .slds-text-selected-focus {
display: none; }
.tsab .slds-is-selected:hover .slds-text-not-selected, .tsab .slds-is-selected:focus .slds-text-not-selected {
display: none; }
.tsab .slds-is-selected:hover .slds-text-selected, .tsab .slds-is-selected:focus .slds-text-selected {
display: none; }
.tsab .slds-is-selected:hover .slds-text-selected-focus, .tsab .slds-is-selected:focus .slds-text-selected-focus {
display: block; }
.tsab .slds-button__icon {
width: 0.875rem;
height: 0.875rem;
fill: currentColor;
/**
* Large size button icon svg
*
* @selector .slds-button__icon_large
* @restrict .slds-button__icon
* @modifier
* @group icon-size
*/
/**
* Small size button icon svg
*
* @selector .slds-button__icon_small
* @restrict .slds-button__icon
* @modifier
* @group icon-size
*/
/**
* x-small size button icon svg
*
* @selector .slds-button__icon_x-small
* @restrict .slds-button__icon
* @modifier
* @group icon-size
*/ }
.tsab .slds-button__icon_large, .tsab .slds-button__icon--large {
width: 1.5rem;
height: 1.5rem; }
.tsab .slds-button__icon_small, .tsab .slds-button__icon--small {
width: 0.75rem;
height: 0.75rem; }
.tsab .slds-button__icon_x-small, .tsab .slds-button__icon--x-small {
width: 0.5rem;
height: 0.5rem; }
.tsab .slds-button_icon,
.tsab .slds-button--icon,
.tsab .slds-button_icon-inverse,
.tsab .slds-button--icon-inverse,
.tsab .slds-button_icon-container,
.tsab .slds-button--icon-container,
.tsab .slds-button_icon-border,
.tsab .slds-button--icon-border,
.tsab .slds-button_icon-border-filled,
.tsab .slds-button--icon-border-filled,
.tsab .slds-button_icon-border-inverse,
.tsab .slds-button--icon-border-inverse,
.tsab .slds-button_icon-more,
.tsab .slds-button--icon-more,
.tsab .slds-button_icon-error,
.tsab .slds-button--icon-error {
line-height: 1;
vertical-align: middle;
color: #54698d; }
.tsab .slds-button_icon-bare,
.tsab .slds-button--icon-bare {
line-height: 1;
vertical-align: middle;
color: #54698d; }
.tsab .slds-button_icon-container,
.tsab .slds-button--icon-container,
.tsab .slds-button_icon-border,
.tsab .slds-button--icon-border,
.tsab .slds-button_icon-border-filled,
.tsab .slds-button--icon-border-filled,
.tsab .slds-button_icon-border-inverse,
.tsab .slds-button--icon-border-inverse {
width: 2rem;
height: 2rem; }
.tsab .slds-button_icon-border-filled,
.tsab .slds-button--icon-border-filled,
.tsab .slds-button_icon-border,
.tsab .slds-button--icon-border {
border: 1px solid #d8dde6; }
.tsab .slds-button_icon-border-filled:hover, .tsab .slds-button_icon-border-filled:focus,
.tsab .slds-button--icon-border-filled:hover,
.tsab .slds-button--icon-border-filled:focus,
.tsab .slds-button_icon-border:hover,
.tsab .slds-button_icon-border:focus,
.tsab .slds-button--icon-border:hover,
.tsab .slds-button--icon-border:focus {
background-color: #f4f6f9; }
.tsab .slds-button_icon-border-filled:active,
.tsab .slds-button--icon-border-filled:active,
.tsab .slds-button_icon-border:active,
.tsab .slds-button--icon-border:active {
background-color: #eef1f6; }
.tsab .slds-button_icon-border-filled[disabled]:hover, .tsab .slds-button_icon-border-filled[disabled]:focus,
.tsab .slds-button--icon-border-filled[disabled]:hover,
.tsab .slds-button--icon-border-filled[disabled]:focus,
.tsab .slds-button_icon-border[disabled]:hover,
.tsab .slds-button_icon-border[disabled]:focus,
.tsab .slds-button--icon-border[disabled]:hover,
.tsab .slds-button--icon-border[disabled]:focus {
background-color: transparent; }
.tsab .slds-button_icon-border-inverse,
.tsab .slds-button--icon-border-inverse {
border: 1px solid #d8dde6;
background-color: transparent;
color: white; }
.tsab .slds-button_icon-border-inverse:hover, .tsab .slds-button_icon-border-inverse:focus,
.tsab .slds-button--icon-border-inverse:hover,
.tsab .slds-button--icon-border-inverse:focus {
background-color: #f4f6f9; }
.tsab .slds-button_icon-border-inverse:active,
.tsab .slds-button--icon-border-inverse:active {
background-color: #eef1f6; }
.tsab .slds-button_icon-border-inverse[disabled],
.tsab .slds-button--icon-border-inverse[disabled] {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.15); }
.tsab .slds-button_icon-border-filled,
.tsab .slds-button--icon-border-filled {
background-color: white; }
.tsab .slds-button_icon-border-filled[disabled],
.tsab .slds-button--icon-border-filled[disabled] {
border: 1px solid #d8dde6;
background-color: white; }
.tsab .slds-button_icon-inverse,
.tsab .slds-button--icon-inverse {
color: white; }
.tsab .slds-button_icon-inverse:hover, .tsab .slds-button_icon-inverse:focus,
.tsab .slds-button--icon-inverse:hover,
.tsab .slds-button--icon-inverse:focus {
color: rgba(255, 255, 255, 0.75); }
.tsab .slds-button_icon-inverse:focus,
.tsab .slds-button--icon-inverse:focus {
outline: none;
box-shadow: 0 0 3px #E0E5EE; }
.tsab .slds-button_icon-inverse:active,
.tsab .slds-button--icon-inverse:active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-button_icon-inverse[disabled],
.tsab .slds-button--icon-inverse[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-button_icon-error, .tsab .slds-button_icon-error:hover, .tsab .slds-button_icon-error:active, .tsab .slds-button_icon-error:focus,
.tsab .slds-button--icon-error,
.tsab .slds-button--icon-error:hover,
.tsab .slds-button--icon-error:active,
.tsab .slds-button--icon-error:focus {
color: #c23934; }
.tsab .slds-button_icon-container.slds-is-selected,
.tsab .slds-button--icon-container.slds-is-selected,
.tsab .slds-button_icon-border.slds-is-selected,
.tsab .slds-button--icon-border.slds-is-selected {
background-color: #0070d2;
border: 1px solid #0070d2;
color: white; }
.tsab .slds-button_icon-container.slds-is-selected:link, .tsab .slds-button_icon-container.slds-is-selected:visited, .tsab .slds-button_icon-container.slds-is-selected:active,
.tsab .slds-button--icon-container.slds-is-selected:link,
.tsab .slds-button--icon-container.slds-is-selected:visited,
.tsab .slds-button--icon-container.slds-is-selected:active,
.tsab .slds-button_icon-border.slds-is-selected:link,
.tsab .slds-button_icon-border.slds-is-selected:visited,
.tsab .slds-button_icon-border.slds-is-selected:active,
.tsab .slds-button--icon-border.slds-is-selected:link,
.tsab .slds-button--icon-border.slds-is-selected:visited,
.tsab .slds-button--icon-border.slds-is-selected:active {
color: white; }
.tsab .slds-button_icon-container.slds-is-selected:hover, .tsab .slds-button_icon-container.slds-is-selected:focus,
.tsab .slds-button--icon-container.slds-is-selected:hover,
.tsab .slds-button--icon-container.slds-is-selected:focus,
.tsab .slds-button_icon-border.slds-is-selected:hover,
.tsab .slds-button_icon-border.slds-is-selected:focus,
.tsab .slds-button--icon-border.slds-is-selected:hover,
.tsab .slds-button--icon-border.slds-is-selected:focus {
background-color: #005fb2;
color: white; }
.tsab .slds-button_icon-container.slds-is-selected:active,
.tsab .slds-button--icon-container.slds-is-selected:active,
.tsab .slds-button_icon-border.slds-is-selected:active,
.tsab .slds-button--icon-border.slds-is-selected:active {
background-color: #00396b; }
.tsab .slds-button_icon-container.slds-is-selected .slds-button__icon,
.tsab .slds-button--icon-container.slds-is-selected .slds-button__icon,
.tsab .slds-button_icon-border.slds-is-selected .slds-button__icon,
.tsab .slds-button--icon-border.slds-is-selected .slds-button__icon {
fill: white; }
.tsab .slds-button_icon-small,
.tsab .slds-button--icon-small {
width: 1.5rem;
height: 1.5rem;
border-radius: 0.125rem; }
.tsab .slds-button_icon-x-small,
.tsab .slds-button--icon-x-small {
width: 1.25rem;
height: 1.25rem;
border-radius: 0.125rem;
line-height: 1; }
.tsab .slds-button_icon-x-small .slds-button__icon,
.tsab .slds-button--icon-x-small .slds-button__icon {
width: 0.75rem;
height: 0.75rem; }
.tsab .slds-button_icon-xx-small,
.tsab .slds-button--icon-xx-small {
width: 1rem;
height: 1rem;
border-radius: 0.125rem;
line-height: 1; }
.tsab .slds-button_icon-xx-small .slds-button__icon,
.tsab .slds-button--icon-xx-small .slds-button__icon {
width: 0.5rem;
height: 0.5rem; }
.tsab .slds-button_icon-more,
.tsab .slds-button--icon-more {
line-height: 1.875rem;
padding: 0 0.5rem;
vertical-align: middle;
border: 1px solid #d8dde6; }
.tsab .slds-button_icon-more-filled,
.tsab .slds-button--icon-more-filled {
background-color: white; }
.tsab .slds-button_icon-more:hover, .tsab .slds-button_icon-more:focus,
.tsab .slds-button--icon-more:hover,
.tsab .slds-button--icon-more:focus {
border: 1px solid #d8dde6; }
.tsab .slds-button_icon-more:hover:hover, .tsab .slds-button_icon-more:hover:focus, .tsab .slds-button_icon-more:focus:hover, .tsab .slds-button_icon-more:focus:focus,
.tsab .slds-button--icon-more:hover:hover,
.tsab .slds-button--icon-more:hover:focus,
.tsab .slds-button--icon-more:focus:hover,
.tsab .slds-button--icon-more:focus:focus {
background-color: #f4f6f9; }
.tsab .slds-button_icon-more:hover:active, .tsab .slds-button_icon-more:focus:active,
.tsab .slds-button--icon-more:hover:active,
.tsab .slds-button--icon-more:focus:active {
background-color: #eef1f6; }
.tsab .slds-button_icon-more:hover .slds-button__icon, .tsab .slds-button_icon-more:focus .slds-button__icon,
.tsab .slds-button--icon-more:hover .slds-button__icon,
.tsab .slds-button--icon-more:focus .slds-button__icon {
fill: #0070d2; }
.tsab .slds-button_icon-more:active .slds-button__icon,
.tsab .slds-button--icon-more:active .slds-button__icon {
fill: #00396b; }
.tsab .slds-button_icon-more[disabled],
.tsab .slds-button--icon-more[disabled] {
cursor: default; }
.tsab .slds-button_icon-more[disabled] .slds-button__icon,
.tsab .slds-button--icon-more[disabled] .slds-button__icon {
fill: #d8dde6; }
.tsab .slds-button_icon-container-more,
.tsab .slds-button--icon-container-more {
line-height: 1.875rem;
padding: 0 0.5rem;
vertical-align: middle; }
.tsab .slds-button--icon-container.slds-is-selected,
.tsab .slds-button--icon-border.slds-is-selected {
background-color: #0070d2;
border: 1px solid #0070d2;
color: white; }
.tsab .slds-button--icon-container.slds-is-selected:link, .tsab .slds-button--icon-container.slds-is-selected:visited, .tsab .slds-button--icon-container.slds-is-selected:active,
.tsab .slds-button--icon-border.slds-is-selected:link,
.tsab .slds-button--icon-border.slds-is-selected:visited,
.tsab .slds-button--icon-border.slds-is-selected:active {
color: white; }
.tsab .slds-button--icon-container.slds-is-selected:hover, .tsab .slds-button--icon-container.slds-is-selected:focus,
.tsab .slds-button--icon-border.slds-is-selected:hover,
.tsab .slds-button--icon-border.slds-is-selected:focus {
background-color: #005fb2;
color: white; }
.tsab .slds-button--icon-container.slds-is-selected:active,
.tsab .slds-button--icon-border.slds-is-selected:active {
background-color: #00396b; }
.tsab .slds-button--icon-container.slds-is-selected .slds-button__icon,
.tsab .slds-button--icon-border.slds-is-selected .slds-button__icon {
fill: white; }
.tsab .slds-button--icon-container.slds-is-selected:hover .slds-button__icon, .tsab .slds-button--icon-container.slds-is-selected:focus .slds-button__icon,
.tsab .slds-button--icon-border.slds-is-selected:hover .slds-button__icon,
.tsab .slds-button--icon-border.slds-is-selected:focus .slds-button__icon {
fill: white; }
.tsab .slds-button__icon_hint,
.tsab .slds-button__icon--hint {
fill: #9faab5; }
.tsab .slds-button__icon_inverse-hint,
.tsab .slds-button__icon--inverse-hint {
fill: rgba(255, 255, 255, 0.5); }
.tsab .slds-hint-parent .slds-button_icon-border-inverse,
.tsab .slds-hint-parent .slds-button--icon-border-inverse {
border-color: rgba(255, 255, 255, 0.5); }
.tsab .slds-hint-parent .slds-button_icon-border-inverse:focus,
.tsab .slds-hint-parent .slds-button--icon-border-inverse:focus {
border-color: rgba(255, 255, 255, 0.75); }
.tsab .slds-hint-parent:hover .slds-button_icon-border-inverse,
.tsab .slds-hint-parent:hover .slds-button--icon-border-inverse, .tsab .slds-hint-parent:focus .slds-button_icon-border-inverse,
.tsab .slds-hint-parent:focus .slds-button--icon-border-inverse {
border-color: rgba(255, 255, 255, 0.75); }
.tsab .slds-hint-parent:hover .slds-button__icon_hint,
.tsab .slds-hint-parent:hover .slds-button__icon--hint, .tsab .slds-hint-parent:focus .slds-button__icon_hint,
.tsab .slds-hint-parent:focus .slds-button__icon--hint {
fill: #54698d; }
.tsab .slds-hint-parent:hover .slds-button__icon_inverse-hint,
.tsab .slds-hint-parent:hover .slds-button__icon--inverse-hint, .tsab .slds-hint-parent:focus .slds-button__icon_inverse-hint,
.tsab .slds-hint-parent:focus .slds-button__icon--inverse-hint {
fill: rgba(255, 255, 255, 0.75); }
.tsab .slds-icon_container,
.tsab .slds-icon__container {
display: inline-block;
border-radius: 0.25rem;
/**
* @summary Circle container for icons
*
* @selector .slds-icon_container_circle
* @restrict .slds-icon_container
*/ }
.tsab .slds-icon_container_circle, .tsab .slds-icon_container--circle,
.tsab .slds-icon__container_circle,
.tsab .slds-icon__container--circle {
padding: 0.5rem;
border-radius: 50%; }
.tsab [class*='slds-icon-action-'] {
padding: 0.5rem;
border-radius: 50%; }
.tsab .slds-icon-action-change-owner {
background-color: #54698d; }
.tsab .slds-icon-action-share {
background-color: #54698d; }
.tsab .slds-icon-action-info {
background-color: #54698d; }
.tsab .slds-icon-action-upload {
background-color: #54698d; }
.tsab .slds-icon-action-change-record-type {
background-color: #54698d; }
.tsab .slds-icon-action-check {
background-color: #54698d; }
.tsab .slds-icon-action-download {
background-color: #54698d; }
.tsab .slds-icon-action-edit-relationship {
background-color: #1dccbf; }
.tsab .slds-icon-action-freeze-user {
background-color: #54698d; }
.tsab .slds-icon-action-manage-perm-sets {
background-color: #54698d; }
.tsab .slds-icon-action-password-unlock {
background-color: #54698d; }
.tsab .slds-icon-action-refresh {
background-color: #54698d; }
.tsab .slds-icon-action-remove {
background-color: #54698d; }
.tsab .slds-icon-action-reset-password {
background-color: #54698d; }
.tsab .slds-icon-action-user-activation {
background-color: #54698d; }
.tsab .slds-icon-action-add-contact {
background-color: #a094ed; }
.tsab .slds-icon-action-approval {
background-color: #00c6b7; }
.tsab .slds-icon-action-canvas {
background-color: #8199af; }
.tsab .slds-icon-action-goal {
background-color: #56aadf; }
.tsab .slds-icon-action-opportunity-competitor {
background-color: #fcb95b; }
.tsab .slds-icon-action-opportunity-line-item {
background-color: #fcb95b; }
.tsab .slds-icon-action-opportunity-team-member {
background-color: #fcb95b; }
.tsab .slds-icon-action-question-post-action {
background-color: #32af5c; }
.tsab .slds-icon-action-quote {
background-color: #88c651; }
.tsab .slds-icon-action-reject {
background-color: #00c6b7; }
.tsab .slds-icon-action-social-post {
background-color: #ea74a2; }
.tsab .slds-icon-action-fallback {
background-color: #9895ee; }
.tsab .slds-icon-action-edit {
background-color: #1dccbf; }
.tsab .slds-icon-action-delete {
background-color: #e6717c; }
.tsab .slds-icon-action-clone {
background-color: #6ca1e9; }
.tsab .slds-icon-action-follow {
background-color: #31b9f8; }
.tsab .slds-icon-action-following {
background-color: #7dcf64; }
.tsab .slds-icon-action-join-group {
background-color: #779ef2; }
.tsab .slds-icon-action-leave-group {
background-color: #f39e58; }
.tsab .slds-icon-action-edit-groups {
background-color: #34becd; }
.tsab .slds-icon-action-share-post {
background-color: #65cae4; }
.tsab .slds-icon-action-user {
background-color: #65cae4; }
.tsab .slds-icon-action-share-file {
background-color: #baac93; }
.tsab .slds-icon-action-new-task {
background-color: #4bc076; }
.tsab .slds-icon-action-new-contact {
background-color: #a094ed; }
.tsab .slds-icon-action-new-opportunity {
background-color: #fcb95b; }
.tsab .slds-icon-action-new-case {
background-color: #f2cf5b; }
.tsab .slds-icon-action-new-lead {
background-color: #f88962; }
.tsab .slds-icon-action-share-thanks {
background-color: #e9696e; }
.tsab .slds-icon-action-share-link {
background-color: #7a9ae6; }
.tsab .slds-icon-action-share-poll {
background-color: #699be1; }
.tsab .slds-icon-action-new-event {
background-color: #eb7092; }
.tsab .slds-icon-action-new-child-case {
background-color: #fa975c; }
.tsab .slds-icon-action-log-a-call {
background-color: #48c3cc; }
.tsab .slds-icon-action-new-note {
background-color: #e6d478; }
.tsab .slds-icon-action-new {
background-color: #33bce7; }
.tsab .slds-icon-action-filter {
background-color: #fd90b5; }
.tsab .slds-icon-action-sort {
background-color: #fab9a5; }
.tsab .slds-icon-action-description {
background-color: #7dc37d; }
.tsab .slds-icon-action-defer {
background-color: #ef7ead; }
.tsab .slds-icon-action-update {
background-color: #81b4d6; }
.tsab .slds-icon-action-log-this-event {
background-color: #eb7092; }
.tsab .slds-icon-action-email {
background-color: #95aec5; }
.tsab .slds-icon-action-dial-in {
background-color: #8b9ae3; }
.tsab .slds-icon-action-map {
background-color: #76c6ee; }
.tsab .slds-icon-action-call {
background-color: #1fcaa0; }
.tsab .slds-icon-action-google-news {
background-color: #f5675b; }
.tsab .slds-icon-action-web-link {
background-color: #56aadf; }
.tsab .slds-icon-action-submit-for-approval {
background-color: #50cc7a; }
.tsab .slds-icon-action-search {
background-color: #48adeb; }
.tsab .slds-icon-action-close {
background-color: #ef6e64; }
.tsab .slds-icon-action-back {
background-color: #0dc2d9; }
.tsab .slds-icon-action-office-365 {
background-color: #ff8041; }
.tsab .slds-icon-action-concur {
background-color: #4cc3c7; }
.tsab .slds-icon-action-dropbox {
background-color: #52aef9; }
.tsab .slds-icon-action-evernote {
background-color: #86c86f; }
.tsab .slds-icon-action-docusign {
background-color: #5080db; }
.tsab .slds-icon-action-more {
background-color: #62b7ed; }
.tsab .slds-icon-action-notebook {
background-color: #e6d478; }
.tsab .slds-icon-action-new-notebook {
background-color: #e6d478; }
.tsab .slds-icon-action-preview {
background-color: #7f8de1; }
.tsab .slds-icon-action-priority {
background-color: #fbb439; }
.tsab .slds-icon-action-default-custom-object {
background-color: #8199af; }
.tsab .slds-icon-action-new-custom-object {
background-color: #a7d44d; }
.tsab .slds-icon-action-lead-convert {
background-color: #f88962; }
.tsab .slds-icon-action-new-account {
background-color: #7f8de1; }
.tsab .slds-icon-action-new-person-account {
background-color: #7f8de1; }
.tsab .slds-icon-action-new-campaign {
background-color: #f49756; }
.tsab .slds-icon-action-new-group {
background-color: #83b6ff; }
.tsab .slds-icon-action-update-status {
background-color: #1ec7be; }
.tsab .slds-icon-action-new-custom1 {
background-color: #ff7b84; }
.tsab .slds-icon-action-new-custom2 {
background-color: #cfd05c; }
.tsab .slds-icon-action-new-custom3 {
background-color: #ecb46c; }
.tsab .slds-icon-action-new-custom4 {
background-color: #e1d951; }
.tsab .slds-icon-action-new-custom5 {
background-color: #9fdb66; }
.tsab .slds-icon-action-new-custom6 {
background-color: #54c473; }
.tsab .slds-icon-action-new-custom7 {
background-color: #6a89e5; }
.tsab .slds-icon-action-new-custom8 {
background-color: #50ceb9; }
.tsab .slds-icon-action-new-custom9 {
background-color: #6b9ee2; }
.tsab .slds-icon-action-new-custom10 {
background-color: #6488e3; }
.tsab .slds-icon-action-new-custom11 {
background-color: #8784ea; }
.tsab .slds-icon-action-new-custom12 {
background-color: #dc71d1; }
.tsab .slds-icon-action-new-custom13 {
background-color: #df6184; }
.tsab .slds-icon-action-new-custom14 {
background-color: #3cc2b3; }
.tsab .slds-icon-action-new-custom15 {
background-color: #f77e75; }
.tsab .slds-icon-action-new-custom16 {
background-color: #e9af67; }
.tsab .slds-icon-action-new-custom17 {
background-color: #acd360; }
.tsab .slds-icon-action-new-custom18 {
background-color: #4dca76; }
.tsab .slds-icon-action-new-custom19 {
background-color: #3abeb1; }
.tsab .slds-icon-action-new-custom20 {
background-color: #48c7c8; }
.tsab .slds-icon-action-new-custom21 {
background-color: #8a7aed; }
.tsab .slds-icon-action-new-custom22 {
background-color: #8b85f9; }
.tsab .slds-icon-action-new-custom23 {
background-color: #b070e6; }
.tsab .slds-icon-action-new-custom24 {
background-color: #e56798; }
.tsab .slds-icon-action-new-custom25 {
background-color: #e46fbe; }
.tsab .slds-icon-action-new-custom26 {
background-color: #7698f0; }
.tsab .slds-icon-action-new-custom27 {
background-color: #5ab0d2; }
.tsab .slds-icon-action-new-custom28 {
background-color: #89c059; }
.tsab .slds-icon-action-new-custom29 {
background-color: #bdd25f; }
.tsab .slds-icon-action-new-custom30 {
background-color: #f59f71; }
.tsab .slds-icon-action-new-custom31 {
background-color: #eb687f; }
.tsab .slds-icon-action-new-custom32 {
background-color: #38c393; }
.tsab .slds-icon-action-new-custom33 {
background-color: #97cf5d; }
.tsab .slds-icon-action-new-custom34 {
background-color: #d58a6a; }
.tsab .slds-icon-action-new-custom35 {
background-color: #e9637e; }
.tsab .slds-icon-action-new-custom36 {
background-color: #d472d4; }
.tsab .slds-icon-action-new-custom37 {
background-color: #8c89f2; }
.tsab .slds-icon-action-new-custom38 {
background-color: #53b6d7; }
.tsab .slds-icon-action-new-custom39 {
background-color: #4fbe75; }
.tsab .slds-icon-action-new-custom40 {
background-color: #83c75e; }
.tsab .slds-icon-action-new-custom41 {
background-color: #43b5b5; }
.tsab .slds-icon-action-new-custom42 {
background-color: #cfd05b; }
.tsab .slds-icon-action-new-custom43 {
background-color: #7f93f9; }
.tsab .slds-icon-action-new-custom44 {
background-color: #c8ca58; }
.tsab .slds-icon-action-new-custom45 {
background-color: #d95879; }
.tsab .slds-icon-action-new-custom46 {
background-color: #67a5e7; }
.tsab .slds-icon-action-new-custom47 {
background-color: #5fcc64; }
.tsab .slds-icon-action-new-custom48 {
background-color: #ef697f; }
.tsab .slds-icon-action-new-custom49 {
background-color: #e25c80; }
.tsab .slds-icon-action-new-custom50 {
background-color: #49bcd3; }
.tsab .slds-icon-action-new-custom51 {
background-color: #d8c760; }
.tsab .slds-icon-action-new-custom52 {
background-color: #ee8e6f; }
.tsab .slds-icon-action-new-custom53 {
background-color: #f36e83; }
.tsab .slds-icon-action-new-custom54 {
background-color: #ea70b1; }
.tsab .slds-icon-action-new-custom55 {
background-color: #d66ee0; }
.tsab .slds-icon-action-new-custom56 {
background-color: #718deb; }
.tsab .slds-icon-action-new-custom57 {
background-color: #5a9cdd; }
.tsab .slds-icon-action-new-custom58 {
background-color: #34b59d; }
.tsab .slds-icon-action-new-custom59 {
background-color: #e3d067; }
.tsab .slds-icon-action-new-custom60 {
background-color: #bf5a88; }
.tsab .slds-icon-action-new-custom61 {
background-color: #f57376; }
.tsab .slds-icon-action-new-custom62 {
background-color: #6b92dc; }
.tsab .slds-icon-action-new-custom63 {
background-color: #7ccf60; }
.tsab .slds-icon-action-new-custom64 {
background-color: #618fd8; }
.tsab .slds-icon-action-new-custom65 {
background-color: #f279ab; }
.tsab .slds-icon-action-new-custom66 {
background-color: #d8be5f; }
.tsab .slds-icon-action-new-custom67 {
background-color: #f87d76; }
.tsab .slds-icon-action-new-custom68 {
background-color: #f26979; }
.tsab .slds-icon-action-new-custom69 {
background-color: #ed6387; }
.tsab .slds-icon-action-new-custom70 {
background-color: #e769b4; }
.tsab .slds-icon-action-new-custom71 {
background-color: #e36ee3; }
.tsab .slds-icon-action-new-custom72 {
background-color: #8d9bfb; }
.tsab .slds-icon-action-new-custom73 {
background-color: #679ef0; }
.tsab .slds-icon-action-new-custom74 {
background-color: #41c8a0; }
.tsab .slds-icon-action-new-custom75 {
background-color: #cd9f65; }
.tsab .slds-icon-action-new-custom76 {
background-color: #db6d7a; }
.tsab .slds-icon-action-new-custom77 {
background-color: #b55d5b; }
.tsab .slds-icon-action-new-custom78 {
background-color: #5a95dd; }
.tsab .slds-icon-action-new-custom79 {
background-color: #8ed363; }
.tsab .slds-icon-action-new-custom80 {
background-color: #659ad5; }
.tsab .slds-icon-action-new-custom81 {
background-color: #da627f; }
.tsab .slds-icon-action-new-custom82 {
background-color: #d15b97; }
.tsab .slds-icon-action-new-custom83 {
background-color: #e7806f; }
.tsab .slds-icon-action-new-custom84 {
background-color: #f6707b; }
.tsab .slds-icon-action-new-custom85 {
background-color: #f26891; }
.tsab .slds-icon-action-new-custom86 {
background-color: #e260ab; }
.tsab .slds-icon-action-new-custom87 {
background-color: #d876e5; }
.tsab .slds-icon-action-new-custom88 {
background-color: #996fe6; }
.tsab .slds-icon-action-new-custom89 {
background-color: #3e99be; }
.tsab .slds-icon-action-new-custom90 {
background-color: #22a48a; }
.tsab .slds-icon-action-new-custom91 {
background-color: #bf7b66; }
.tsab .slds-icon-action-new-custom92 {
background-color: #517e82; }
.tsab .slds-icon-action-new-custom93 {
background-color: #904d4c; }
.tsab .slds-icon-action-new-custom94 {
background-color: #439cba; }
.tsab .slds-icon-action-new-custom95 {
background-color: #8bcf6a; }
.tsab .slds-icon-action-new-custom96 {
background-color: #6d9de3; }
.tsab .slds-icon-action-new-custom97 {
background-color: #dd6085; }
.tsab .slds-icon-action-new-custom98 {
background-color: #e1be5c; }
.tsab .slds-icon-action-new-custom99 {
background-color: #f0856e; }
.tsab .slds-icon-action-new-custom100 {
background-color: #e15d76; }
.tsab .slds-icon-action-apex {
background-color: #696e71; }
.tsab .slds-icon-action-flow {
background-color: #0079bc; }
.tsab .slds-icon-action-announcement {
background-color: #fe8f60; }
.tsab .slds-icon-action-record {
background-color: #7dc37d; }
.tsab .slds-icon-action-log-event {
background-color: #6ca1e9; }
.tsab .slds-icon-action-add-relationship {
background-color: #62b7ed; }
.tsab .slds-icon-action-remove-relationship {
background-color: #ef6e64; }
.tsab .slds-icon-action-view-relationship {
background-color: #3c97dd; }
.tsab .slds-icon-action-add-file {
background-color: #7e8be4; }
.tsab .slds-icon-action-add-photo-video {
background-color: #00cdc0; }
.tsab .slds-icon-custom-custom1,
.tsab .slds-icon-custom-1 {
background-color: #ff7b84;
color: white; }
.tsab .slds-icon-custom-custom2,
.tsab .slds-icon-custom-2 {
background-color: #cfd05c;
color: white; }
.tsab .slds-icon-custom-custom3,
.tsab .slds-icon-custom-3 {
background-color: #ecb46c;
color: white; }
.tsab .slds-icon-custom-custom4,
.tsab .slds-icon-custom-4 {
background-color: #e1d951;
color: white; }
.tsab .slds-icon-custom-custom5,
.tsab .slds-icon-custom-5 {
background-color: #9fdb66;
color: white; }
.tsab .slds-icon-custom-custom6,
.tsab .slds-icon-custom-6 {
background-color: #54c473;
color: white; }
.tsab .slds-icon-custom-custom7,
.tsab .slds-icon-custom-7 {
background-color: #6a89e5;
color: white; }
.tsab .slds-icon-custom-custom8,
.tsab .slds-icon-custom-8 {
background-color: #50ceb9;
color: white; }
.tsab .slds-icon-custom-custom9,
.tsab .slds-icon-custom-9 {
background-color: #6b9ee2;
color: white; }
.tsab .slds-icon-custom-custom10,
.tsab .slds-icon-custom-10 {
background-color: #6488e3;
color: white; }
.tsab .slds-icon-custom-custom11,
.tsab .slds-icon-custom-11 {
background-color: #8784ea;
color: white; }
.tsab .slds-icon-custom-custom12,
.tsab .slds-icon-custom-12 {
background-color: #dc71d1;
color: white; }
.tsab .slds-icon-custom-custom13,
.tsab .slds-icon-custom-13 {
background-color: #df6184;
color: white; }
.tsab .slds-icon-custom-custom14,
.tsab .slds-icon-custom-14 {
background-color: #3cc2b3;
color: white; }
.tsab .slds-icon-custom-custom15,
.tsab .slds-icon-custom-15 {
background-color: #f77e75;
color: white; }
.tsab .slds-icon-custom-custom16,
.tsab .slds-icon-custom-16 {
background-color: #e9af67;
color: white; }
.tsab .slds-icon-custom-custom17,
.tsab .slds-icon-custom-17 {
background-color: #acd360;
color: white; }
.tsab .slds-icon-custom-custom18,
.tsab .slds-icon-custom-18 {
background-color: #4dca76;
color: white; }
.tsab .slds-icon-custom-custom19,
.tsab .slds-icon-custom-19 {
background-color: #3abeb1;
color: white; }
.tsab .slds-icon-custom-custom20,
.tsab .slds-icon-custom-20 {
background-color: #48c7c8;
color: white; }
.tsab .slds-icon-custom-custom21,
.tsab .slds-icon-custom-21 {
background-color: #8a7aed;
color: white; }
.tsab .slds-icon-custom-custom22,
.tsab .slds-icon-custom-22 {
background-color: #8b85f9;
color: white; }
.tsab .slds-icon-custom-custom23,
.tsab .slds-icon-custom-23 {
background-color: #b070e6;
color: white; }
.tsab .slds-icon-custom-custom24,
.tsab .slds-icon-custom-24 {
background-color: #e56798;
color: white; }
.tsab .slds-icon-custom-custom25,
.tsab .slds-icon-custom-25 {
background-color: #e46fbe;
color: white; }
.tsab .slds-icon-custom-custom26,
.tsab .slds-icon-custom-26 {
background-color: #7698f0;
color: white; }
.tsab .slds-icon-custom-custom27,
.tsab .slds-icon-custom-27 {
background-color: #5ab0d2;
color: white; }
.tsab .slds-icon-custom-custom28,
.tsab .slds-icon-custom-28 {
background-color: #89c059;
color: white; }
.tsab .slds-icon-custom-custom29,
.tsab .slds-icon-custom-29 {
background-color: #bdd25f;
color: white; }
.tsab .slds-icon-custom-custom30,
.tsab .slds-icon-custom-30 {
background-color: #f59f71;
color: white; }
.tsab .slds-icon-custom-custom31,
.tsab .slds-icon-custom-31 {
background-color: #eb687f;
color: white; }
.tsab .slds-icon-custom-custom32,
.tsab .slds-icon-custom-32 {
background-color: #38c393;
color: white; }
.tsab .slds-icon-custom-custom33,
.tsab .slds-icon-custom-33 {
background-color: #97cf5d;
color: white; }
.tsab .slds-icon-custom-custom34,
.tsab .slds-icon-custom-34 {
background-color: #d58a6a;
color: white; }
.tsab .slds-icon-custom-custom35,
.tsab .slds-icon-custom-35 {
background-color: #e9637e;
color: white; }
.tsab .slds-icon-custom-custom36,
.tsab .slds-icon-custom-36 {
background-color: #d472d4;
color: white; }
.tsab .slds-icon-custom-custom37,
.tsab .slds-icon-custom-37 {
background-color: #8c89f2;
color: white; }
.tsab .slds-icon-custom-custom38,
.tsab .slds-icon-custom-38 {
background-color: #53b6d7;
color: white; }
.tsab .slds-icon-custom-custom39,
.tsab .slds-icon-custom-39 {
background-color: #4fbe75;
color: white; }
.tsab .slds-icon-custom-custom40,
.tsab .slds-icon-custom-40 {
background-color: #83c75e;
color: white; }
.tsab .slds-icon-custom-custom41,
.tsab .slds-icon-custom-41 {
background-color: #43b5b5;
color: white; }
.tsab .slds-icon-custom-custom42,
.tsab .slds-icon-custom-42 {
background-color: #cfd05b;
color: white; }
.tsab .slds-icon-custom-custom43,
.tsab .slds-icon-custom-43 {
background-color: #7f93f9;
color: white; }
.tsab .slds-icon-custom-custom44,
.tsab .slds-icon-custom-44 {
background-color: #c8ca58;
color: white; }
.tsab .slds-icon-custom-custom45,
.tsab .slds-icon-custom-45 {
background-color: #d95879;
color: white; }
.tsab .slds-icon-custom-custom46,
.tsab .slds-icon-custom-46 {
background-color: #67a5e7;
color: white; }
.tsab .slds-icon-custom-custom47,
.tsab .slds-icon-custom-47 {
background-color: #5fcc64;
color: white; }
.tsab .slds-icon-custom-custom48,
.tsab .slds-icon-custom-48 {
background-color: #ef697f;
color: white; }
.tsab .slds-icon-custom-custom49,
.tsab .slds-icon-custom-49 {
background-color: #e25c80;
color: white; }
.tsab .slds-icon-custom-custom50,
.tsab .slds-icon-custom-50 {
background-color: #49bcd3;
color: white; }
.tsab .slds-icon-custom-custom51,
.tsab .slds-icon-custom-51 {
background-color: #d8c760;
color: white; }
.tsab .slds-icon-custom-custom52,
.tsab .slds-icon-custom-52 {
background-color: #ee8e6f;
color: white; }
.tsab .slds-icon-custom-custom53,
.tsab .slds-icon-custom-53 {
background-color: #f36e83;
color: white; }
.tsab .slds-icon-custom-custom54,
.tsab .slds-icon-custom-54 {
background-color: #ea70b1;
color: white; }
.tsab .slds-icon-custom-custom55,
.tsab .slds-icon-custom-55 {
background-color: #d66ee0;
color: white; }
.tsab .slds-icon-custom-custom56,
.tsab .slds-icon-custom-56 {
background-color: #718deb;
color: white; }
.tsab .slds-icon-custom-custom57,
.tsab .slds-icon-custom-57 {
background-color: #5a9cdd;
color: white; }
.tsab .slds-icon-custom-custom58,
.tsab .slds-icon-custom-58 {
background-color: #34b59d;
color: white; }
.tsab .slds-icon-custom-custom59,
.tsab .slds-icon-custom-59 {
background-color: #e3d067;
color: white; }
.tsab .slds-icon-custom-custom60,
.tsab .slds-icon-custom-60 {
background-color: #bf5a88;
color: white; }
.tsab .slds-icon-custom-custom61,
.tsab .slds-icon-custom-61 {
background-color: #f57376;
color: white; }
.tsab .slds-icon-custom-custom62,
.tsab .slds-icon-custom-62 {
background-color: #6b92dc;
color: white; }
.tsab .slds-icon-custom-custom63,
.tsab .slds-icon-custom-63 {
background-color: #7ccf60;
color: white; }
.tsab .slds-icon-custom-custom64,
.tsab .slds-icon-custom-64 {
background-color: #618fd8;
color: white; }
.tsab .slds-icon-custom-custom65,
.tsab .slds-icon-custom-65 {
background-color: #f279ab;
color: white; }
.tsab .slds-icon-custom-custom66,
.tsab .slds-icon-custom-66 {
background-color: #d8be5f;
color: white; }
.tsab .slds-icon-custom-custom67,
.tsab .slds-icon-custom-67 {
background-color: #f87d76;
color: white; }
.tsab .slds-icon-custom-custom68,
.tsab .slds-icon-custom-68 {
background-color: #f26979;
color: white; }
.tsab .slds-icon-custom-custom69,
.tsab .slds-icon-custom-69 {
background-color: #ed6387;
color: white; }
.tsab .slds-icon-custom-custom70,
.tsab .slds-icon-custom-70 {
background-color: #e769b4;
color: white; }
.tsab .slds-icon-custom-custom71,
.tsab .slds-icon-custom-71 {
background-color: #e36ee3;
color: white; }
.tsab .slds-icon-custom-custom72,
.tsab .slds-icon-custom-72 {
background-color: #8d9bfb;
color: white; }
.tsab .slds-icon-custom-custom73,
.tsab .slds-icon-custom-73 {
background-color: #679ef0;
color: white; }
.tsab .slds-icon-custom-custom74,
.tsab .slds-icon-custom-74 {
background-color: #41c8a0;
color: white; }
.tsab .slds-icon-custom-custom75,
.tsab .slds-icon-custom-75 {
background-color: #cd9f65;
color: white; }
.tsab .slds-icon-custom-custom76,
.tsab .slds-icon-custom-76 {
background-color: #db6d7a;
color: white; }
.tsab .slds-icon-custom-custom77,
.tsab .slds-icon-custom-77 {
background-color: #b55d5b;
color: white; }
.tsab .slds-icon-custom-custom78,
.tsab .slds-icon-custom-78 {
background-color: #5a95dd;
color: white; }
.tsab .slds-icon-custom-custom79,
.tsab .slds-icon-custom-79 {
background-color: #8ed363;
color: white; }
.tsab .slds-icon-custom-custom80,
.tsab .slds-icon-custom-80 {
background-color: #659ad5;
color: white; }
.tsab .slds-icon-custom-custom81,
.tsab .slds-icon-custom-81 {
background-color: #da627f;
color: white; }
.tsab .slds-icon-custom-custom82,
.tsab .slds-icon-custom-82 {
background-color: #d15b97;
color: white; }
.tsab .slds-icon-custom-custom83,
.tsab .slds-icon-custom-83 {
background-color: #e7806f;
color: white; }
.tsab .slds-icon-custom-custom84,
.tsab .slds-icon-custom-84 {
background-color: #f6707b;
color: white; }
.tsab .slds-icon-custom-custom85,
.tsab .slds-icon-custom-85 {
background-color: #f26891;
color: white; }
.tsab .slds-icon-custom-custom86,
.tsab .slds-icon-custom-86 {
background-color: #e260ab;
color: white; }
.tsab .slds-icon-custom-custom87,
.tsab .slds-icon-custom-87 {
background-color: #d876e5;
color: white; }
.tsab .slds-icon-custom-custom88,
.tsab .slds-icon-custom-88 {
background-color: #996fe6;
color: white; }
.tsab .slds-icon-custom-custom89,
.tsab .slds-icon-custom-89 {
background-color: #3e99be;
color: white; }
.tsab .slds-icon-custom-custom90,
.tsab .slds-icon-custom-90 {
background-color: #22a48a;
color: white; }
.tsab .slds-icon-custom-custom91,
.tsab .slds-icon-custom-91 {
background-color: #bf7b66;
color: white; }
.tsab .slds-icon-custom-custom92,
.tsab .slds-icon-custom-92 {
background-color: #517e82;
color: white; }
.tsab .slds-icon-custom-custom93,
.tsab .slds-icon-custom-93 {
background-color: #904d4c;
color: white; }
.tsab .slds-icon-custom-custom94,
.tsab .slds-icon-custom-94 {
background-color: #439cba;
color: white; }
.tsab .slds-icon-custom-custom95,
.tsab .slds-icon-custom-95 {
background-color: #8bcf6a;
color: white; }
.tsab .slds-icon-custom-custom96,
.tsab .slds-icon-custom-96 {
background-color: #6d9de3;
color: white; }
.tsab .slds-icon-custom-custom97,
.tsab .slds-icon-custom-97 {
background-color: #dd6085;
color: white; }
.tsab .slds-icon-custom-custom98,
.tsab .slds-icon-custom-98 {
background-color: #e1be5c;
color: white; }
.tsab .slds-icon-custom-custom99,
.tsab .slds-icon-custom-99 {
background-color: #f0856e;
color: white; }
.tsab .slds-icon-custom-custom100,
.tsab .slds-icon-custom-100 {
background-color: #e15d76;
color: white; }
.tsab .slds-icon-custom-custom101,
.tsab .slds-icon-custom-101 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom102,
.tsab .slds-icon-custom-102 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom103,
.tsab .slds-icon-custom-103 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom104,
.tsab .slds-icon-custom-104 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom105,
.tsab .slds-icon-custom-105 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom106,
.tsab .slds-icon-custom-106 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom107,
.tsab .slds-icon-custom-107 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom108,
.tsab .slds-icon-custom-108 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom109,
.tsab .slds-icon-custom-109 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom110,
.tsab .slds-icon-custom-110 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom111,
.tsab .slds-icon-custom-111 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom112,
.tsab .slds-icon-custom-112 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-custom-custom113,
.tsab .slds-icon-custom-113 {
background-color: #f28b00;
color: white; }
.tsab .slds-icon-standard-task-2 {
background-color: #4bc076; }
.tsab .slds-icon-standard-log-a-call {
background-color: #48c3cc; }
.tsab .slds-icon-standard-document {
background-color: #baac93; }
.tsab .slds-icon-standard-environment-hub {
background-color: #54698d; }
.tsab .slds-icon-standard-flow {
background-color: #54698d; }
.tsab .slds-icon-standard-sossession {
background-color: #54698d; }
.tsab .slds-icon-standard-process {
background-color: #54698d; }
.tsab .slds-icon-standard-news {
background-color: #7f8de1; }
.tsab .slds-icon-standard-home {
background-color: #ef7ead; }
.tsab .slds-icon-standard-account {
background-color: #7f8de1; }
.tsab .slds-icon-standard-apps-admin {
background-color: #9895ee; }
.tsab .slds-icon-standard-announcement {
background-color: #62b7ed; }
.tsab .slds-icon-standard-person-account {
background-color: #7f8de1; }
.tsab .slds-icon-standard-social {
background-color: #ea74a2; }
.tsab .slds-icon-standard-campaign-members {
background-color: #f49756; }
.tsab .slds-icon-standard-article {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-answer-public {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-answer-private {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-answer-best {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-avatar-loading {
background-color: #b8c3ce; }
.tsab .slds-icon-standard-campaign {
background-color: #f49756; }
.tsab .slds-icon-standard-calibration {
background-color: #47cfd2; }
.tsab .slds-icon-standard-avatar {
background-color: #62b7ed; }
.tsab .slds-icon-standard-approval {
background-color: #50cc7a; }
.tsab .slds-icon-standard-apps {
background-color: #3c97dd; }
.tsab .slds-icon-standard-user {
background-color: #34becd; }
.tsab .slds-icon-standard-evernote {
background-color: #86c86f; }
.tsab .slds-icon-standard-coaching {
background-color: #f67594; }
.tsab .slds-icon-standard-connected-apps {
background-color: #9895ee; }
.tsab .slds-icon-standard-drafts {
background-color: #6ca1e9; }
.tsab .slds-icon-standard-email {
background-color: #95aec5; }
.tsab .slds-icon-standard-email-iq {
background-color: #a094ed; }
.tsab .slds-icon-standard-endorsement {
background-color: #8b9ae3; }
.tsab .slds-icon-standard-event {
background-color: #eb7092; }
.tsab .slds-icon-standard-dropbox {
background-color: #52aef9; }
.tsab .slds-icon-standard-concur {
background-color: #4cc3c7; }
.tsab .slds-icon-standard-email-chatter {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-case-transcript {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-case-email {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-case-log-a-call {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-case-comment {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-case-change-status {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-work-order {
background-color: #50e3c2; }
.tsab .slds-icon-standard-work-order-item {
background-color: #33a8dc; }
.tsab .slds-icon-standard-client {
background-color: #00d2be; }
.tsab .slds-icon-standard-contract {
background-color: #6ec06e; }
.tsab .slds-icon-standard-dashboard {
background-color: #ef6e64; }
.tsab .slds-icon-standard-case {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-empty {
background-color: #8199af; }
.tsab .slds-icon-standard-default {
background-color: #8199af; }
.tsab .slds-icon-standard-custom {
background-color: #8199af; }
.tsab .slds-icon-standard-canvas {
background-color: #8199af; }
.tsab .slds-icon-standard-contact {
background-color: #a094ed; }
.tsab .slds-icon-standard-portal {
background-color: #aec770; }
.tsab .slds-icon-standard-product {
background-color: #b781d3; }
.tsab .slds-icon-standard-pricebook {
background-color: #b781d3; }
.tsab .slds-icon-standard-feed {
background-color: #62b7ed; }
.tsab .slds-icon-standard-feedback {
background-color: #6da1ea; }
.tsab .slds-icon-standard-file {
background-color: #baac93; }
.tsab .slds-icon-standard-goals {
background-color: #56aadf; }
.tsab .slds-icon-standard-groups {
background-color: #779ef2; }
.tsab .slds-icon-standard-household {
background-color: #00afa0; }
.tsab .slds-icon-standard-hierarchy {
background-color: #34becd; }
.tsab .slds-icon-standard-insights {
background-color: #ec94ed; }
.tsab .slds-icon-standard-investment-account {
background-color: #4bc076; }
.tsab .slds-icon-standard-performance {
background-color: #f8b156; }
.tsab .slds-icon-standard-link {
background-color: #7a9ae6; }
.tsab .slds-icon-standard-metrics {
background-color: #56aadf; }
.tsab .slds-icon-standard-note {
background-color: #e6d478; }
.tsab .slds-icon-standard-lead {
background-color: #f88962; }
.tsab .slds-icon-standard-opportunity {
background-color: #fcb95b; }
.tsab .slds-icon-standard-call {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-call-history {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-orders {
background-color: #769ed9; }
.tsab .slds-icon-standard-post {
background-color: #65cae4; }
.tsab .slds-icon-standard-poll {
background-color: #699be1; }
.tsab .slds-icon-standard-photo {
background-color: #d7d1d1; }
.tsab .slds-icon-standard-people {
background-color: #34becd; }
.tsab .slds-icon-standard-generic-loading {
background-color: #b8c3ce; }
.tsab .slds-icon-standard-group-loading {
background-color: #b8c3ce; }
.tsab .slds-icon-standard-recent {
background-color: #6ca1e9; }
.tsab .slds-icon-standard-solution {
background-color: #8fc972; }
.tsab .slds-icon-standard-record {
background-color: #7dc37d; }
.tsab .slds-icon-standard-question-best {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-question-feed {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-related-list {
background-color: #59bcab; }
.tsab .slds-icon-standard-skill-entity {
background-color: #8b9ae3; }
.tsab .slds-icon-standard-scan-card {
background-color: #f39e58; }
.tsab .slds-icon-standard-report {
background-color: #2ecbbe; }
.tsab .slds-icon-standard-quotes {
background-color: #88c651; }
.tsab .slds-icon-standard-task {
background-color: #4bc076; }
.tsab .slds-icon-standard-task2 {
background-color: #4bc076; }
.tsab .slds-icon-standard-team-member {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-thanks {
background-color: #e9696e; }
.tsab .slds-icon-standard-reward {
background-color: #e9696e; }
.tsab .slds-icon-standard-thanks-loading {
background-color: #b8c3ce; }
.tsab .slds-icon-standard-today {
background-color: #ef7ead; }
.tsab .slds-icon-standard-topic {
background-color: #56aadf; }
.tsab .slds-icon-standard-unmatched {
background-color: #62b7ed; }
.tsab .slds-icon-standard-marketing-actions {
background-color: #6bbd6e; }
.tsab .slds-icon-standard-relationship {
background-color: #3c97dd; }
.tsab .slds-icon-standard-folder {
background-color: #8b9ae3; }
.tsab .slds-icon-standard-service-contract {
background-color: #8a76f0; }
.tsab .slds-icon-standard-merge {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-forecasts {
background-color: #6bbd6e; }
.tsab .slds-icon-standard-entitlements {
background-color: #b781d3; }
.tsab .slds-icon-standard-sales-path {
background-color: #2a739e; }
.tsab .slds-icon-standard-custom-notification {
background-color: #6bb7e4; }
.tsab .slds-icon-standard-datadotcom {
background-color: #1589ee; }
.tsab .slds-icon-standard-rtc-presence {
background-color: #47cfd2; }
.tsab .slds-icon-standard-product-consumed {
background-color: #55bc9c; }
.tsab .slds-icon-standard-product-transfer {
background-color: #f88962; }
.tsab .slds-icon-standard-product-item {
background-color: #769ed9; }
.tsab .slds-icon-standard-product-item-transaction {
background-color: #f88962; }
.tsab .slds-icon-standard-location {
background-color: #4bc076; }
.tsab .slds-icon-standard-address {
background-color: #4bc076; }
.tsab .slds-icon-standard-carousel {
background-color: #6bbd6e; }
.tsab .slds-icon-standard-assigned-resource {
background-color: #45c173; }
.tsab .slds-icon-standard-operating-hours {
background-color: #6b9ee2; }
.tsab .slds-icon-standard-product-required {
background-color: #ef6e64; }
.tsab .slds-icon-standard-resource-absence {
background-color: #45c173; }
.tsab .slds-icon-standard-resource-capacity {
background-color: #45c173; }
.tsab .slds-icon-standard-resource-preference {
background-color: #45c173; }
.tsab .slds-icon-standard-resource-skill {
background-color: #45c173; }
.tsab .slds-icon-standard-service-territory-member {
background-color: #7e8be4; }
.tsab .slds-icon-standard-service-appointment {
background-color: #7e8be4; }
.tsab .slds-icon-standard-service-report {
background-color: #7e8be4; }
.tsab .slds-icon-standard-service-resource {
background-color: #7e8be4; }
.tsab .slds-icon-standard-service-territory {
background-color: #7e8be4; }
.tsab .slds-icon-standard-skill {
background-color: #fa975c; }
.tsab .slds-icon-standard-skill-requirement {
background-color: #fa975c; }
.tsab .slds-icon-standard-timeslot {
background-color: #fab24c; }
.tsab .slds-icon-standard-work-type {
background-color: #54698d; }
.tsab .slds-icon-standard-entitlement {
background-color: #7e8be4; }
.tsab .slds-icon-standard-live-chat {
background-color: #f88960; }
.tsab .slds-icon-standard-shipment {
background-color: #7e8be4; }
.tsab .slds-icon-standard-maintenance-plan {
background-color: #2a739e; }
.tsab .slds-icon-standard-maintenance-asset {
background-color: #2a739e; }
.tsab .slds-icon-standard-service-territory-location {
background-color: #7e8be4; }
.tsab .slds-icon-standard-product-request {
background-color: #88c651; }
.tsab .slds-icon-standard-product-request-line-item {
background-color: #88c651; }
.tsab .slds-icon-standard-entity-milestone {
background-color: #f49756; }
.tsab .slds-icon-standard-case-milestone {
background-color: #f2cf5b; }
.tsab .slds-icon-standard-entitlement-process {
background-color: #7e8be4; }
.tsab .slds-icon-standard-entitlement-template {
background-color: #7e8be4; }
.tsab .slds-icon-standard-business-hours {
background-color: #7dc37d; }
.tsab .slds-icon-standard-timesheet {
background-color: #7e8be4; }
.tsab .slds-icon-standard-timesheet-entry {
background-color: #7dc37d; }
.tsab .slds-icon-standard-asset-relationship {
background-color: #fa975c; }
.tsab .slds-icon-standard-cms {
background-color: #88c651; }
.tsab .slds-icon-standard-lead-insights {
background-color: #22b0e6; }
.tsab .slds-icon-standard-quip {
background-color: #25b4e9; }
.tsab .slds-icon-standard-topic2 {
background-color: #56aad0; }
.tsab .slds-icon-standard-macros {
background-color: #47cfd2; }
.tsab .slds-icon {
width: 2rem;
height: 2rem;
fill: white; }
.tsab [class*='slds-icon-standard-'] .slds-icon, .tsab [class*='slds-icon-standard-'].slds-icon,
.tsab [class*='slds-icon-action-'] .slds-icon,
.tsab [class*='slds-icon-action-'].slds-icon,
.tsab [class*='slds-icon-custom-'] .slds-icon,
.tsab [class*='slds-icon-custom-'].slds-icon {
border-radius: 0.25rem; }
.tsab .slds-icon_xx-small,
.tsab .slds-icon--xx-small {
width: 0.875rem;
height: 0.875rem;
line-height: 1; }
.tsab .slds-icon_x-small,
.tsab .slds-icon--x-small {
width: 1rem;
height: 1rem;
line-height: 1; }
.tsab .slds-icon_small,
.tsab .slds-icon--small {
width: 1.5rem;
height: 1.5rem;
line-height: 1; }
.tsab .slds-icon_large,
.tsab .slds-icon--large {
width: 3rem;
height: 3rem; }
.tsab .slds-icon-text-default {
fill: #54698d; }
.tsab .slds-icon-text-warning {
fill: #ffb75d; }
.tsab .slds-icon-text-error {
fill: #c23934; }
.tsab .slds-icon-text-light {
fill: #9faab5; }
.tsab .slds-accordion {
position: relative; }
.tsab .slds-accordion__list-item {
border-top: 1px solid #d8dde6; }
.tsab .slds-accordion__list-item:first-child {
border-top: 0; }
.tsab .slds-accordion__summary {
display: -ms-flexbox;
display: flex; }
.tsab .slds-accordion__summary-heading {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1; }
.tsab .slds-accordion__summary-action {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center;
min-width: 0; }
.tsab .slds-accordion__summary-action-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
transform: rotate(-90deg); }
.tsab .slds-accordion__section {
padding: 0.75rem; }
.tsab .slds-accordion__content {
visibility: hidden;
opacity: 0;
height: 0; }
.tsab .slds-is-open .slds-accordion__summary {
margin-bottom: 0.75rem; }
.tsab .slds-is-open .slds-accordion__summary-action-icon {
transform: rotate(0deg); }
.tsab .slds-is-open .slds-accordion__content {
visibility: visible;
opacity: 1;
height: auto; }
.tsab .slds-icon-ellie {
width: calc(14rem / 16);
height: calc(14rem / 16);
display: inline-block;
overflow: hidden;
/**
* @summary Add .slds-is-animated to the SVG to enhance the icon with an animation.
*
* @selector .slds-is-animated
* @restrict .slds-icon-ellie
*/
/**
* @summary Add .slds-is-paused to the SVG to pause the icon with an animation.
*
* @selector .slds-is-paused
* @restrict .slds-icon-ellie
*/ }
.tsab .slds-icon-ellie.slds-is-animated {
will-change: transform;
animation: slds-icon-ellie-pop 0.3s ease-in 2s 1 both; }
.tsab .slds-icon-ellie.slds-is-animated svg {
will-change: transform;
animation: slds-icon-ellie 1.2s steps(20) 2.3s 2 alternate; }
.tsab .slds-icon-ellie.slds-is-paused,
.tsab .slds-icon-ellie.slds-is-paused svg {
animation-play-state: paused; }
.tsab .slds-icon-ellie svg {
width: 17.5rem;
vertical-align: top;
color: #00a0e3; }
.tsab .slds-icon-ellie circle:nth-child(2n + 1) {
fill: currentColor;
stroke: currentColor;
stroke-width: 4px; }
.tsab .slds-icon-ellie circle:nth-child(2n) {
fill: #fff;
stroke: #fff;
stroke-width: 1px; }
.tsab .slds-icon-ellie circle:nth-child(1),
.tsab .slds-icon-ellie circle:nth-last-child(2) {
stroke-width: 4px; }
.tsab .slds-icon-ellie circle:nth-child(2),
.tsab .slds-icon-ellie circle:nth-last-child(1) {
stroke-width: 1px; }
.tsab .slds-icon-ellie circle:nth-child(3),
.tsab .slds-icon-ellie circle:nth-last-child(4) {
stroke-width: 3.95px; }
.tsab .slds-icon-ellie circle:nth-child(4),
.tsab .slds-icon-ellie circle:nth-last-child(3) {
stroke-width: 1.2px; }
.tsab .slds-icon-ellie circle:nth-child(5),
.tsab .slds-icon-ellie circle:nth-last-child(6) {
stroke-width: 3.85px; }
.tsab .slds-icon-ellie circle:nth-child(6),
.tsab .slds-icon-ellie circle:nth-last-child(5) {
stroke-width: 1.4px; }
.tsab .slds-icon-ellie circle:nth-child(7),
.tsab .slds-icon-ellie circle:nth-last-child(8) {
stroke-width: 3.6px; }
.tsab .slds-icon-ellie circle:nth-child(8),
.tsab .slds-icon-ellie circle:nth-last-child(7) {
stroke-width: 1.7px; }
.tsab .slds-icon-ellie circle:nth-child(9),
.tsab .slds-icon-ellie circle:nth-last-child(10) {
stroke-width: 3.3px; }
.tsab .slds-icon-ellie circle:nth-child(10),
.tsab .slds-icon-ellie circle:nth-last-child(9) {
stroke-width: 2px; }
.tsab .slds-icon-ellie circle:nth-child(11),
.tsab .slds-icon-ellie circle:nth-last-child(12) {
stroke-width: 3.2px; }
.tsab .slds-icon-ellie circle:nth-child(12),
.tsab .slds-icon-ellie circle:nth-last-child(11) {
stroke-width: 2.4px; }
.tsab .slds-icon-ellie circle:nth-child(13),
.tsab .slds-icon-ellie circle:nth-last-child(14) {
stroke-width: 3.15px; }
.tsab .slds-icon-ellie circle:nth-child(14),
.tsab .slds-icon-ellie circle:nth-last-child(13) {
stroke-width: 2.8px; }
.tsab .slds-icon-ellie circle:nth-child(15),
.tsab .slds-icon-ellie circle:nth-last-child(16) {
stroke-width: 3.1px; }
.tsab .slds-icon-ellie circle:nth-child(16),
.tsab .slds-icon-ellie circle:nth-last-child(15) {
stroke-width: 3.25px; }
.tsab .slds-icon-ellie circle:nth-child(17),
.tsab .slds-icon-ellie circle:nth-last-child(18) {
stroke-width: 3.05px; }
.tsab .slds-icon-ellie circle:nth-child(18),
.tsab .slds-icon-ellie circle:nth-last-child(17) {
stroke-width: 3.7px; }
.tsab .slds-icon-ellie circle:nth-child(19),
.tsab .slds-icon-ellie circle:nth-last-child(20) {
stroke-width: 3px; }
.tsab .slds-icon-ellie circle:nth-child(20),
.tsab .slds-icon-ellie circle:nth-last-child(19) {
stroke-width: 4px; }
@keyframes slds-icon-ellie-pop {
0% {
transform: scale(0.2); }
70% {
transform: scale(1.1); }
90% {
transform: scale(0.7); }
100% {
transform: scale(1); } }
@keyframes slds-icon-ellie {
to {
transform: translateX(-17.5rem); } }
.tsab .slds-icon-eq {
position: relative;
width: calc(14rem / 16);
height: calc(14rem / 16);
/**
* @summary Turn animation on for animated icon
*
* @selector .slds-is-animated
* @restrict .slds-icon-eq
*/ }
.tsab .slds-icon-eq.slds-is-animated .slds-icon-eq__bar {
animation: slds-icon-eq 0.25s ease-in-out infinite alternate;
will-change: transform;
height: 0.1875rem; }
.tsab .slds-icon-eq.slds-is-animated .slds-icon-eq__bar:nth-of-type(2) {
animation-duration: 0.65s; }
.tsab .slds-icon-eq.slds-is-animated .slds-icon-eq__bar:nth-of-type(3) {
animation-duration: 0.35s; }
.tsab .slds-icon-eq__bar {
position: absolute;
bottom: 0;
left: 0;
width: calc(4rem / 16);
height: 0.5625rem;
background: #0070d2;
transform: scaleY(1);
transform-origin: bottom; }
.tsab .slds-icon-eq__bar:nth-of-type(2) {
left: calc(5rem / 16);
height: 0.875rem; }
.tsab .slds-icon-eq__bar:nth-of-type(3) {
left: calc(10rem / 16);
height: 0.75rem; }
@keyframes slds-icon-eq {
to {
transform: scaleY(4.6666666667); } }
.tsab .slds-icon-score {
display: inline-block;
width: 0.3125rem;
height: 0.3125rem;
position: relative; }
.tsab [class*="slds-icon-score__"] {
position: absolute;
opacity: 0;
transition: opacity 0.4s ease-in-out;
will-change: opacity;
stroke-width: 1.125px; }
.tsab .slds-icon-score__positive {
fill: #30a664;
stroke: #30a664; }
.tsab .slds-icon-score__negative {
fill: transparent;
stroke: #d2504c; }
.tsab [data-slds-state="positive"] .slds-icon-score__positive,
.tsab [data-slds-state="negative"] .slds-icon-score__negative {
opacity: 1; }
.tsab .slds-icon-strength {
width: 1.6875rem;
height: 0.4375rem;
display: inline-block;
/**
* @summary Add .slds-is-animated to the SVG to enhance the icon with an animation.
*
* @selector .slds-is-animated
* @restrict .slds-icon-strength
*/
/**
* @summary Add .slds-is-paused to the SVG to pause the icon with an animation.
*
* @selector .slds-is-paused
* @restrict .slds-icon-strength
*/ }
.tsab .slds-icon-strength circle {
stroke-width: 0.95px;
fill: transparent;
stroke: #ccc;
transition: fill 0.4s ease-in-out, stroke 0.4s ease-in-out;
will-change: fill, stroke; }
.tsab .slds-icon-strength[data-slds-strength="1"] circle:nth-child(1),
.tsab .slds-icon-strength[data-slds-strength="2"] circle:nth-child(1),
.tsab .slds-icon-strength[data-slds-strength="2"] circle:nth-child(2),
.tsab .slds-icon-strength[data-slds-strength="3"] circle:nth-child(1),
.tsab .slds-icon-strength[data-slds-strength="3"] circle:nth-child(2),
.tsab .slds-icon-strength[data-slds-strength="3"] circle:nth-child(3) {
fill: #04844b;
stroke: #04844b; }
.tsab .slds-icon-strength[data-slds-strength="-1"] circle:nth-child(1),
.tsab .slds-icon-strength[data-slds-strength="-2"] circle:nth-child(1),
.tsab .slds-icon-strength[data-slds-strength="-2"] circle:nth-child(2),
.tsab .slds-icon-strength[data-slds-strength="-3"] circle:nth-child(1),
.tsab .slds-icon-strength[data-slds-strength="-3"] circle:nth-child(2),
.tsab .slds-icon-strength[data-slds-strength="-3"] circle:nth-child(3) {
fill: #ffdde1;
stroke: #c23934; }
.tsab .slds-icon-strength.slds-is-animated circle {
animation: slds-icon-strength-positive-load 0.4s 1s ease-in-out alternate both paused; }
.tsab .slds-icon-strength.slds-is-animated circle:nth-child(2) {
animation-delay: 1.4s; }
.tsab .slds-icon-strength.slds-is-animated circle:nth-child(3) {
animation-delay: 1.8s; }
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength^="-"] circle {
animation-name: slds-icon-strength-negative-load; }
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="-1"] circle:nth-child(1),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="-2"] circle:nth-child(1),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="-2"] circle:nth-child(2),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(1),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(2),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(3),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="1"] circle:nth-child(1),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="2"] circle:nth-child(1),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="2"] circle:nth-child(2),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(1),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(2),
.tsab .slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(3) {
animation-play-state: running; }
.tsab .slds-icon-strength.slds-is-paused circle {
/* stylelint-disable declaration-no-important */
animation-play-state: paused !important;
/* stylelint-enable declaration-no-important */ }
@keyframes slds-icon-strength-positive-load {
0% {
fill: transparent;
stroke: #ccc; }
100% {
fill: #04844b;
stroke: #04844b; } }
@keyframes slds-icon-strength-negative-load {
0% {
fill: transparent;
stroke: #ccc; }
100% {
fill: #ffdde1;
stroke: #c23934; } }
.tsab .slds-icon-trend {
width: 1rem;
height: 1rem;
display: inline-block;
/**
* @summary Add .slds-is-animated to the SVG to enhance the icon with an animation.
*
* @selector .slds-is-animated
* @restrict .slds-icon-trend
*/
/**
* @summary Add .slds-is-paused to the SVG to pause the icon with an animation.
*
* @selector .slds-is-paused
* @restrict .slds-icon-trend
*/ }
.tsab .slds-icon-trend.slds-is-animated .slds-icon-trend__arrow {
animation: slds-icon-trend-arrow 0.8s 0.4s ease-in-out both; }
.tsab .slds-icon-trend.slds-is-animated .slds-icon-trend__circle {
animation: slds-icon-trend-circle 0.8s ease-in-out both; }
.tsab .slds-icon-trend.slds-is-paused .slds-icon-trend__arrow,
.tsab .slds-icon-trend.slds-is-paused .slds-icon-trend__circle {
animation-play-state: paused; }
.tsab .slds-icon-trend[data-slds-trend="down"] {
color: #c23934;
transform: rotate(45deg); }
.tsab .slds-icon-trend[data-slds-trend="neutral"] {
color: #979797; }
.tsab .slds-icon-trend[data-slds-trend="up"] {
color: #028048;
transform: rotate(-45deg); }
.tsab .slds-icon-trend__arrow,
.tsab .slds-icon-trend__circle {
stroke: currentColor;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.125px; }
.tsab .slds-icon-trend__arrow {
stroke-dashoffset: 0.1px;
stroke-dasharray: 39.175px; }
.tsab .slds-icon-trend__circle {
stroke-dasharray: 42.3385px, 46.3385px; }
@keyframes slds-icon-trend-arrow {
from {
stroke-dashoffset: 40.3px; } }
@keyframes slds-icon-trend-circle {
from {
stroke-dasharray: 0.1px, 46.3385px; } }
.tsab .slds-icon-waffle_container {
border: 0;
outline: 0; }
.tsab .slds-icon-waffle_container:hover [class*="slds-r"], .tsab .slds-icon-waffle_container:focus [class*="slds-r"] {
animation: slds-icon-waffle-throb 2 200ms alternate; }
.tsab .slds-icon-waffle_container:hover .slds-r1,
.tsab .slds-icon-waffle_container:hover .slds-r2,
.tsab .slds-icon-waffle_container:hover .slds-r3, .tsab .slds-icon-waffle_container:focus .slds-r1,
.tsab .slds-icon-waffle_container:focus .slds-r2,
.tsab .slds-icon-waffle_container:focus .slds-r3 {
background-color: #418fde; }
.tsab .slds-icon-waffle_container:hover .slds-r4,
.tsab .slds-icon-waffle_container:hover .slds-r5,
.tsab .slds-icon-waffle_container:hover .slds-r7, .tsab .slds-icon-waffle_container:focus .slds-r4,
.tsab .slds-icon-waffle_container:focus .slds-r5,
.tsab .slds-icon-waffle_container:focus .slds-r7 {
background-color: #ed8b00; }
.tsab .slds-icon-waffle_container:hover .slds-r6,
.tsab .slds-icon-waffle_container:hover .slds-r8,
.tsab .slds-icon-waffle_container:hover .slds-r9, .tsab .slds-icon-waffle_container:focus .slds-r6,
.tsab .slds-icon-waffle_container:focus .slds-r8,
.tsab .slds-icon-waffle_container:focus .slds-r9 {
background-color: #ffb60f; }
.tsab .slds-icon-waffle_container:hover .slds-r2,
.tsab .slds-icon-waffle_container:hover .slds-r4, .tsab .slds-icon-waffle_container:focus .slds-r2,
.tsab .slds-icon-waffle_container:focus .slds-r4 {
transition-delay: 50ms;
animation-delay: 50ms; }
.tsab .slds-icon-waffle_container:hover .slds-r3,
.tsab .slds-icon-waffle_container:hover .slds-r5,
.tsab .slds-icon-waffle_container:hover .slds-r7, .tsab .slds-icon-waffle_container:focus .slds-r3,
.tsab .slds-icon-waffle_container:focus .slds-r5,
.tsab .slds-icon-waffle_container:focus .slds-r7 {
transition-delay: 100ms;
animation-delay: 100ms; }
.tsab .slds-icon-waffle_container:hover .slds-r6,
.tsab .slds-icon-waffle_container:hover .slds-r8, .tsab .slds-icon-waffle_container:focus .slds-r6,
.tsab .slds-icon-waffle_container:focus .slds-r8 {
transition-delay: 150ms;
animation-delay: 150ms; }
.tsab .slds-icon-waffle_container:hover .slds-r9, .tsab .slds-icon-waffle_container:focus .slds-r9 {
transition-delay: 200ms;
animation-delay: 200ms; }
.tsab .slds-icon-waffle {
width: 1.3125rem;
height: 1.3125rem;
position: relative;
display: block;
cursor: pointer; }
.tsab .slds-icon-waffle [class*="slds-r"] {
width: 0.3125rem;
height: 0.3125rem;
background-color: #54698d;
display: inline-block;
position: absolute;
border-radius: 50%;
transition: background-color 100ms;
transform-origin: 50% 50%;
will-change: scale, background-color; }
.tsab .slds-icon-waffle .slds-r1 {
top: 0;
left: 0; }
.tsab .slds-icon-waffle .slds-r2 {
top: 0;
left: 0.5rem; }
.tsab .slds-icon-waffle .slds-r3 {
top: 0;
right: 0; }
.tsab .slds-icon-waffle .slds-r4 {
top: 0.5rem;
left: 0; }
.tsab .slds-icon-waffle .slds-r5 {
top: 0.5rem;
left: 0.5rem; }
.tsab .slds-icon-waffle .slds-r6 {
top: 0.5rem;
right: 0; }
.tsab .slds-icon-waffle .slds-r7 {
bottom: 0;
left: 0; }
.tsab .slds-icon-waffle .slds-r8 {
bottom: 0;
left: 0.5rem; }
.tsab .slds-icon-waffle .slds-r9 {
bottom: 0;
right: 0; }
.tsab .slds-icon-waffle .slds-r1 {
transition-delay: 200ms; }
.tsab .slds-icon-waffle .slds-r2,
.tsab .slds-icon-waffle .slds-r4 {
transition-delay: 150ms; }
.tsab .slds-icon-waffle .slds-r3,
.tsab .slds-icon-waffle .slds-r5,
.tsab .slds-icon-waffle .slds-r7 {
transition-delay: 100ms; }
.tsab .slds-icon-waffle .slds-r6,
.tsab .slds-icon-waffle .slds-r8 {
transition-delay: 50ms; }
@keyframes slds-icon-waffle-throb {
to {
transform: scale(1.5); } }
.tsab .slds-card {
padding: 0;
background: #f4f6f9;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-clip: padding-box;
/**
* Initializes card header
*
* @selector .slds-card__header
* @restrict .slds-card div
*/
/**
* Initializes card body
*
* @selector .slds-card__body
* @restrict .slds-card div
*/
/**
* Initializes card footer
*
* @selector .slds-card__footer
* @restrict .slds-card footer
*/ }
.tsab .slds-card + .slds-card {
margin-top: 1rem; }
.tsab .slds-card__header, .tsab .slds-card__footer, .tsab .slds-card__body_inner, .tsab .slds-card__body--inner {
padding-left: 0.75rem;
padding-right: 0.75rem; }
@media (min-width: 64em) {
.tsab .slds-card__header, .tsab .slds-card__footer, .tsab .slds-card__body_inner, .tsab .slds-card__body--inner {
padding-left: 1.5rem;
padding-right: 1.5rem; } }
.tsab .slds-card__header {
padding-top: 0.75rem;
margin-bottom: 0.75rem; }
.tsab .slds-card__header-link {
color: inherit; }
.tsab .slds-card__body {
margin-bottom: 0.75rem; }
.tsab .slds-card__body:empty, .tsab .slds-card__footer:empty {
display: none; }
.tsab .slds-card__footer {
margin-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: right; }
.tsab .slds-card_narrow .slds-card__header, .tsab .slds-card--narrow .slds-card__header {
padding-top: 0.75rem;
margin-bottom: 0.75rem; }
@media (min-width: 64em) {
.tsab .slds-card_narrow .slds-card__header, .tsab .slds-card--narrow .slds-card__header {
padding-top: 1.5rem;
margin-bottom: 1.5rem; } }
.tsab .slds-card_narrow .slds-card__footer, .tsab .slds-card--narrow .slds-card__footer {
padding-bottom: 0.75rem; }
@media (min-width: 64em) {
.tsab .slds-card_narrow .slds-card__footer, .tsab .slds-card--narrow .slds-card__footer {
padding-bottom: 1rem; } }
.tsab .slds-card .slds-card_empty .slds-card__body,
.tsab .slds-card .slds-card--empty .slds-card__body {
text-align: center; }
.tsab .slds-card__tile {
margin-top: 0.5rem; }
.tsab .slds-form-element {
position: relative;
/**
* Creates label styles for our form elements
*
* @selector .slds-form-element__label
* @restrict .slds-form-element label, .slds-form-element span, .slds-form-element legend, [class*='slds-checkbox'] span, [class*='slds-radio'] span, span
*/
/**
* Wrapper to any form display element
*
* @selector .slds-form-element__control
* @restrict .slds-form-element div
*/
/**
* When an icon sits within a form element wrapper and adjacent to another
* element inside that wrapper such as a .form-element__label
*
* @selector .slds-form-element__icon
* @restrict .slds-form-element div
*/
/**
* Creates inline help styles, sits below .form-element__control
*
* @selector .slds-form-element__help
* @restrict .slds-form-element div
*/ }
.tsab .slds-form-element__helper {
font-size: 0.75rem; }
.tsab .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; }
.tsab .slds-form-element__label:empty {
margin: 0; }
.tsab .slds-form-element__control .slds-radio,
.tsab .slds-form-element__control .slds-checkbox {
display: block; }
.tsab .slds-form-element__icon {
display: inline-block;
position: relative; }
.tsab .slds-form-element__help {
font-size: 0.75rem;
margin-top: 0.5rem;
display: block; }
.tsab .slds-form-element_edit .slds-form-element__static, .tsab .slds-form-element--edit .slds-form-element__static {
width: calc(100% - 1.5rem); }
.tsab .slds-required {
color: #c23934;
margin: 0 0.125rem; }
.tsab .slds-has-error .slds-form-element__help {
color: #c23934; }
.tsab .slds-input {
background-color: white;
color: #16325c;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
width: 100%;
transition: border 0.1s linear, background-color 0.1s linear;
display: inline-block;
padding: 0 1rem 0 0.75rem;
line-height: 1.875rem;
min-height: calc(1.875rem + (1px * 2));
/**
* Removes aesthetic nature from an input
*
* @selector .slds-input_bare
* @restrict .slds-input, input, textarea
* @modifier
*/
/**
* Used to apply an input size to another element thats a non input
* Because sometimes I need elements the same height as inputs
*
* @selector .slds-input_height
* @restrict .slds-input
*/ }
.tsab .slds-input:focus, .tsab .slds-input:active {
outline: 0;
border-color: #1589ee;
background-color: white;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-input[disabled], .tsab .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; }
.tsab .slds-input[disabled]:focus, .tsab .slds-input[disabled]:active, .tsab .slds-input.slds-is-disabled:focus, .tsab .slds-input.slds-is-disabled:active {
box-shadow: none; }
.tsab .slds-input:-moz-read-only:hover, .tsab .slds-input:-moz-read-only:focus {
background-color: #f4f6f9; }
.tsab .slds-input:read-only:hover, .tsab .slds-input:read-only:focus {
background-color: #f4f6f9; }
.tsab .slds-input:-moz-read-only:active {
background-color: #eef1f6; }
.tsab .slds-input:read-only:active {
background-color: #eef1f6; }
.tsab .slds-input[type="search"]::-ms-clear {
display: none;
width: 0;
height: 0; }
.tsab .slds-input_bare, .tsab .slds-input--bare {
background-color: transparent;
border: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0.75rem;
color: #16325c;
line-height: 1.875rem; }
.tsab .slds-input_bare:focus, .tsab .slds-input_bare:active, .tsab .slds-input--bare:focus, .tsab .slds-input--bare:active {
outline: 0;
box-shadow: none; }
.tsab .slds-input_height, .tsab .slds-input--height {
min-height: calc(1.875rem + (1px * 2)); }
.tsab .slds-input-has-icon {
position: relative;
/**
* Hook for .slds-input-has-icon
*
* @selector .slds-input__icon
* @restrict .slds-input-has-icon svg, .slds-input-has-icon button
*/
/**
* Positions .slds-input__icon to the left of the text input
*
* @selector .slds-input-has-icon_left
* @restrict .slds-input-has-icon
* @modifier
* @group position
*/
/**
* Positions .slds-input__icon to the right of the text input
*
* @selector .slds-input-has-icon_right
* @restrict .slds-input-has-icon
* @modifier
* @group position
*/
/**
* Positions .slds-input__icon--left to the left of the text input and .slds-input__icon--right to the right of the text input
*
* @selector .slds-input-has-icon_left-right
* @restrict .slds-input-has-icon
* @modifier
* @group position
*/ }
.tsab .slds-input-has-icon .slds-input__icon {
width: 1rem;
height: 1rem;
position: absolute;
top: 50%;
margin-top: -0.5rem;
line-height: 1;
/* @Todo - we need to be sure this is deprecated since the color sems to be the correct gray I see in specs */
fill: #9faab5; }
.tsab .slds-input-has-icon_left .slds-input__icon, .tsab .slds-input-has-icon--left .slds-input__icon {
left: 0.75rem; }
.tsab .slds-input-has-icon_left .slds-input,
.tsab .slds-input-has-icon_left .slds-input_bare,
.tsab .slds-input-has-icon_left .slds-input--bare, .tsab .slds-input-has-icon--left .slds-input,
.tsab .slds-input-has-icon--left .slds-input_bare,
.tsab .slds-input-has-icon--left .slds-input--bare {
padding-left: 2rem; }
.tsab .slds-input-has-icon_right .slds-input__icon, .tsab .slds-input-has-icon--right .slds-input__icon {
right: 0.75rem; }
.tsab .slds-input-has-icon_right .slds-input,
.tsab .slds-input-has-icon_right .slds-input_bare,
.tsab .slds-input-has-icon_right .slds-input--bare, .tsab .slds-input-has-icon--right .slds-input,
.tsab .slds-input-has-icon--right .slds-input_bare,
.tsab .slds-input-has-icon--right .slds-input--bare {
padding-right: 2rem; }
.tsab .slds-input-has-icon_left-right, .tsab .slds-input-has-icon--left-right {
/**
* Hook for .slds-input-has-icon--left-right
*
* @selector .slds-input__icon_left
* @restrict .slds-input__icon
*/
/**
* Hook for .slds-input-has-icon--left-right
*
* @selector .slds-input__icon_right
* @restrict .slds-input__icon
*/ }
.tsab .slds-input-has-icon_left-right .slds-input__icon_left,
.tsab .slds-input-has-icon_left-right .slds-input__icon--left, .tsab .slds-input-has-icon--left-right .slds-input__icon_left,
.tsab .slds-input-has-icon--left-right .slds-input__icon--left {
left: 0.75rem; }
.tsab .slds-input-has-icon_left-right .slds-input__icon_right,
.tsab .slds-input-has-icon_left-right .slds-input__icon--right, .tsab .slds-input-has-icon--left-right .slds-input__icon_right,
.tsab .slds-input-has-icon--left-right .slds-input__icon--right {
right: 0.75rem; }
.tsab .slds-input-has-icon_left-right .slds-input,
.tsab .slds-input-has-icon_left-right .slds-input_bare,
.tsab .slds-input-has-icon_left-right .slds-input--bare, .tsab .slds-input-has-icon--left-right .slds-input,
.tsab .slds-input-has-icon--left-right .slds-input_bare,
.tsab .slds-input-has-icon--left-right .slds-input--bare {
padding: 0 2rem; }
.tsab .slds-input__icon-group {
position: absolute;
height: 1rem;
margin-top: -0.5rem; }
.tsab .slds-input__icon-group_right {
right: 0;
top: 50%; }
.tsab .slds-input__icon-group_right .slds-input__icon_right,
.tsab .slds-input__icon-group_right .slds-input__icon--right {
right: 0.5rem; }
.tsab .slds-input__icon-group_right .slds-input__spinner {
right: 1.5rem;
left: auto; }
.tsab .slds-input-has-fixed-addon {
display: -ms-flexbox;
display: flex; }
.tsab .slds-form-element__addon {
display: inline-block;
margin: 0 0.5rem;
-ms-flex-item-align: center;
align-self: center; }
.tsab .slds-form-element__static {
display: inline-block;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
min-height: calc(1.875rem + 2px);
/**
* Inline Edit on static form element
*
* @selector .slds-form-element__static_edit
* @restrict .slds-form-element__static
*/ }
.tsab .slds-form-element__static.slds-text-longform {
line-height: 1.5; }
.tsab .slds-form-element__static--edit {
width: calc(100% - 1.5rem); }
.tsab .slds-has-error .slds-input {
background-color: white;
border-color: #c23934;
box-shadow: #c23934 0 0 0 1px inset;
background-clip: padding-box; }
.tsab .slds-has-error .slds-input:focus, .tsab .slds-has-error .slds-input:active {
box-shadow: #c23934 0 0 0 1px inset, 0 0 3px #0070D2; }
.tsab .slds-has-error .slds-input__icon {
fill: #c23934;
color: #c23934; }
.tsab .slds-textarea {
background-color: white;
color: #16325c;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
width: 100%;
transition: border 0.1s linear, background-color 0.1s linear;
resize: vertical;
padding: 0.5rem 0.75rem; }
.tsab .slds-textarea:focus, .tsab .slds-textarea:active {
outline: 0;
border-color: #1589ee;
background-color: white;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-textarea[disabled], .tsab .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; }
.tsab .slds-textarea[disabled]:focus, .tsab .slds-textarea[disabled]:active, .tsab .slds-textarea.slds-is-disabled:focus, .tsab .slds-textarea.slds-is-disabled:active {
box-shadow: none; }
.tsab .slds-has-error .slds-textarea {
background-color: white;
border-color: #c23934;
box-shadow: #c23934 0 0 0 1px inset;
background-clip: padding-box; }
.tsab .slds-has-error .slds-textarea:focus, .tsab .slds-has-error .slds-textarea:active {
box-shadow: #c23934 0 0 0 1px inset, 0 0 3px #0070D2; }
.tsab .slds-radio {
display: inline-block;
/**
* Creates a custom styled radio button
*
* @selector .slds-radio_faux
* @restrict [class*='slds-radio'] span
*/ }
.tsab .slds-radio .slds-radio_faux,
.tsab .slds-radio .slds-radio--faux {
width: 1rem;
height: 1rem;
display: inline-block;
position: relative;
vertical-align: middle;
border: 1px solid #d8dde6;
border-radius: 50%;
background: white;
transition: border 0.1s linear, background-color 0.1s linear; }
.tsab .slds-radio .slds-form-element__label {
display: inline;
vertical-align: middle;
font-size: 0.8125rem; }
.tsab .slds-radio [type="radio"] {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute; }
.tsab .slds-radio [type="radio"]:checked + .slds-radio_faux,
.tsab .slds-radio [type="radio"]:checked + .slds-radio--faux,
.tsab .slds-radio [type="radio"]:checked ~ .slds-radio_faux,
.tsab .slds-radio [type="radio"]:checked ~ .slds-radio--faux,
.tsab .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux,
.tsab .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio--faux {
background: white; }
.tsab .slds-radio [type="radio"]:checked + .slds-radio_faux:after,
.tsab .slds-radio [type="radio"]:checked + .slds-radio--faux:after,
.tsab .slds-radio [type="radio"]:checked ~ .slds-radio_faux:after,
.tsab .slds-radio [type="radio"]:checked ~ .slds-radio--faux:after,
.tsab .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux:after,
.tsab .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio--faux:after {
width: 0.5rem;
height: 0.5rem;
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
border-radius: 50%;
background: #1589ee; }
.tsab .slds-radio [type="radio"]:focus + .slds-radio_faux,
.tsab .slds-radio [type="radio"]:focus + .slds-radio--faux,
.tsab .slds-radio [type="radio"]:focus ~ .slds-radio_faux,
.tsab .slds-radio [type="radio"]:focus ~ .slds-radio--faux,
.tsab .slds-radio [type="radio"]:focus + .slds-radio__label .slds-radio_faux,
.tsab .slds-radio [type="radio"]:focus + .slds-radio__label .slds-radio--faux {
border-color: #1589ee;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-radio [type="radio"][disabled] {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.tsab .slds-radio [type="radio"][disabled] ~ .slds-radio_faux,
.tsab .slds-radio [type="radio"][disabled] ~ .slds-radio--faux,
.tsab .slds-radio [type="radio"][disabled] + .slds-radio__label .slds-radio_faux,
.tsab .slds-radio [type="radio"][disabled] + .slds-radio__label .slds-radio--faux {
background-color: #e0e5ee;
border-color: #a8b7c7; }
.tsab .slds-has-error .slds-radio [type='radio'] + .slds-radio_faux,
.tsab .slds-has-error .slds-radio [type='radio'] + .slds-radio--faux,
.tsab .slds-has-error .slds-radio [type='radio'] ~ .slds-radio_faux,
.tsab .slds-has-error .slds-radio [type='radio'] ~ .slds-radio--faux,
.tsab .slds-has-error .slds-radio [type='radio'] + .slds-radio__label .slds-radio_faux,
.tsab .slds-has-error .slds-radio [type='radio'] + .slds-radio__label .slds-radio--faux {
border-color: #c23934;
border-width: 2px; }
.tsab .slds-has-error .slds-radio [type='radio']:checked + .slds-radio_faux,
.tsab .slds-has-error .slds-radio [type='radio']:checked + .slds-radio--faux,
.tsab .slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio_faux,
.tsab .slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio--faux,
.tsab .slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio_faux,
.tsab .slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio--faux {
background: white; }
.tsab .slds-has-error .slds-radio [type='radio']:checked + .slds-radio_faux:after,
.tsab .slds-has-error .slds-radio [type='radio']:checked + .slds-radio--faux:after,
.tsab .slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio_faux:after,
.tsab .slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio--faux:after,
.tsab .slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio_faux:after,
.tsab .slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio--faux:after {
background: #d4504c; }
.tsab .slds-form-element .slds-radio [type='radio'] + .slds-radio_faux,
.tsab .slds-form-element .slds-radio [type='radio'] + .slds-radio--faux,
.tsab .slds-form-element .slds-radio [type='radio'] ~ .slds-radio_faux,
.tsab .slds-form-element .slds-radio [type='radio'] ~ .slds-radio--faux,
.tsab .slds-radio [type='radio'] + .slds-radio__label .slds-radio_faux,
.tsab .slds-radio [type='radio'] + .slds-radio__label .slds-radio--faux {
margin-right: 0.5rem; }
.tsab .slds-radio_button-group,
.tsab .slds-radio--button-group {
display: -ms-inline-flexbox;
display: inline-flex;
border: 1px solid #d8dde6;
border-radius: 0.25rem; }
.tsab .slds-radio_button,
.tsab .slds-radio--button {
display: -ms-flexbox;
display: flex;
border: 0;
border-radius: 0;
background-clip: padding-box;
/**
* Create styled button when adjacent to the input[radio] element
*
* @selector .slds-radio_faux
* @restrict .slds-radio_button span
*/ }
.tsab .slds-radio_button .slds-radio_faux,
.tsab .slds-radio_button .slds-radio--faux,
.tsab .slds-radio--button .slds-radio_faux,
.tsab .slds-radio--button .slds-radio--faux {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
vertical-align: middle; }
.tsab .slds-radio_button + .slds-radio_button,
.tsab .slds-radio_button + .slds-radio--button,
.tsab .slds-radio--button + .slds-radio_button,
.tsab .slds-radio--button + .slds-radio--button {
border-left: 1px solid #d8dde6;
margin: 0; }
.tsab .slds-radio_button:first-child > .slds-radio_faux,
.tsab .slds-radio_button:first-child > .slds-radio--faux,
.tsab .slds-radio_button:first-child > .slds-radio_button__label,
.tsab .slds-radio_button:first-child > .slds-radio--button__label,
.tsab .slds-radio--button:first-child > .slds-radio_faux,
.tsab .slds-radio--button:first-child > .slds-radio--faux,
.tsab .slds-radio--button:first-child > .slds-radio_button__label,
.tsab .slds-radio--button:first-child > .slds-radio--button__label {
border-radius: 0.25rem 0 0 0.25rem; }
.tsab .slds-radio_button:last-child > .slds-radio_faux,
.tsab .slds-radio_button:last-child > .slds-radio--faux,
.tsab .slds-radio_button .slds-button_last > .slds-radio_faux,
.tsab .slds-radio_button .slds-button--last > .slds-radio--faux,
.tsab .slds-radio_button:last-child > .slds-radio_button__label,
.tsab .slds-radio_button:last-child > .slds-radio--button__label,
.tsab .slds-radio--button:last-child > .slds-radio_faux,
.tsab .slds-radio--button:last-child > .slds-radio--faux,
.tsab .slds-radio--button .slds-button_last > .slds-radio_faux,
.tsab .slds-radio--button .slds-button--last > .slds-radio--faux,
.tsab .slds-radio--button:last-child > .slds-radio_button__label,
.tsab .slds-radio--button:last-child > .slds-radio--button__label {
border-radius: 0 0.25rem 0.25rem 0; }
.tsab .slds-radio_button [type="radio"],
.tsab .slds-radio--button [type="radio"] {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute; }
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio_faux,
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio--faux,
.tsab .slds-radio_button [type="radio"]:checked ~ .slds-radio_faux,
.tsab .slds-radio_button [type="radio"]:checked ~ .slds-radio--faux,
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio_button__label,
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio--button__label,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio_faux,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio--faux,
.tsab .slds-radio--button [type="radio"]:checked ~ .slds-radio_faux,
.tsab .slds-radio--button [type="radio"]:checked ~ .slds-radio--faux,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio_button__label,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio--button__label {
background-color: #0070d2;
color: white; }
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio_faux:hover, .tsab .slds-radio_button [type="radio"]:checked + .slds-radio_faux:focus,
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio--faux:hover,
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio--faux:focus,
.tsab .slds-radio_button [type="radio"]:checked ~ .slds-radio_faux:hover,
.tsab .slds-radio_button [type="radio"]:checked ~ .slds-radio_faux:focus,
.tsab .slds-radio_button [type="radio"]:checked ~ .slds-radio--faux:hover,
.tsab .slds-radio_button [type="radio"]:checked ~ .slds-radio--faux:focus,
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio_button__label:hover,
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio_button__label:focus,
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio--button__label:hover,
.tsab .slds-radio_button [type="radio"]:checked + .slds-radio--button__label:focus,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio_faux:hover,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio_faux:focus,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio--faux:hover,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio--faux:focus,
.tsab .slds-radio--button [type="radio"]:checked ~ .slds-radio_faux:hover,
.tsab .slds-radio--button [type="radio"]:checked ~ .slds-radio_faux:focus,
.tsab .slds-radio--button [type="radio"]:checked ~ .slds-radio--faux:hover,
.tsab .slds-radio--button [type="radio"]:checked ~ .slds-radio--faux:focus,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio_button__label:hover,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio_button__label:focus,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio--button__label:hover,
.tsab .slds-radio--button [type="radio"]:checked + .slds-radio--button__label:focus {
background-color: #0070d2; }
.tsab .slds-radio_button [type="radio"]:focus + .slds-radio_faux,
.tsab .slds-radio_button [type="radio"]:focus + .slds-radio--faux,
.tsab .slds-radio_button [type="radio"]:focus ~ .slds-radio_faux,
.tsab .slds-radio_button [type="radio"]:focus ~ .slds-radio--faux,
.tsab .slds-radio_button [type="radio"]:focus + .slds-radio_button__label,
.tsab .slds-radio_button [type="radio"]:focus + .slds-radio--button__label,
.tsab .slds-radio--button [type="radio"]:focus + .slds-radio_faux,
.tsab .slds-radio--button [type="radio"]:focus + .slds-radio--faux,
.tsab .slds-radio--button [type="radio"]:focus ~ .slds-radio_faux,
.tsab .slds-radio--button [type="radio"]:focus ~ .slds-radio--faux,
.tsab .slds-radio--button [type="radio"]:focus + .slds-radio_button__label,
.tsab .slds-radio--button [type="radio"]:focus + .slds-radio--button__label {
outline: 0;
box-shadow: 0 0 3px #0070D2;
z-index: 1; }
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio_faux,
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio--faux,
.tsab .slds-radio_button [type="radio"][disabled] ~ .slds-radio_faux,
.tsab .slds-radio_button [type="radio"][disabled] ~ .slds-radio--faux,
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio_button__label,
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio--button__label,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio_faux,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio--faux,
.tsab .slds-radio--button [type="radio"][disabled] ~ .slds-radio_faux,
.tsab .slds-radio--button [type="radio"][disabled] ~ .slds-radio--faux,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio_button__label,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio--button__label {
background-color: white;
color: #d8dde6; }
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio_faux:hover, .tsab .slds-radio_button [type="radio"][disabled] + .slds-radio_faux:focus,
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio--faux:hover,
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio--faux:focus,
.tsab .slds-radio_button [type="radio"][disabled] ~ .slds-radio_faux:hover,
.tsab .slds-radio_button [type="radio"][disabled] ~ .slds-radio_faux:focus,
.tsab .slds-radio_button [type="radio"][disabled] ~ .slds-radio--faux:hover,
.tsab .slds-radio_button [type="radio"][disabled] ~ .slds-radio--faux:focus,
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio_button__label:hover,
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio_button__label:focus,
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio--button__label:hover,
.tsab .slds-radio_button [type="radio"][disabled] + .slds-radio--button__label:focus,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio_faux:hover,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio_faux:focus,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio--faux:hover,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio--faux:focus,
.tsab .slds-radio--button [type="radio"][disabled] ~ .slds-radio_faux:hover,
.tsab .slds-radio--button [type="radio"][disabled] ~ .slds-radio_faux:focus,
.tsab .slds-radio--button [type="radio"][disabled] ~ .slds-radio--faux:hover,
.tsab .slds-radio--button [type="radio"][disabled] ~ .slds-radio--faux:focus,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio_button__label:hover,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio_button__label:focus,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio--button__label:hover,
.tsab .slds-radio--button [type="radio"][disabled] + .slds-radio--button__label:focus {
cursor: default; }
.tsab .slds-radio_button__label,
.tsab .slds-radio--button__label {
background-color: white; }
.tsab .slds-radio_button__label:hover, .tsab .slds-radio_button__label:focus,
.tsab .slds-radio--button__label:hover,
.tsab .slds-radio--button__label:focus {
cursor: pointer; }
.tsab .slds-checkbox {
display: inline-block;
/**
* Creates a custom styled checkbox
*
* @selector .slds-checkbox_faux
* @restrict [class*='slds-checkbox'] span, [class*='slds-checkbox'] label
* @required
*/ }
.tsab .slds-checkbox .slds-checkbox_faux,
.tsab .slds-checkbox .slds-checkbox--faux {
width: 1rem;
height: 1rem;
display: inline-block;
position: relative;
vertical-align: middle;
border: 1px solid #d8dde6;
border-radius: 0.125rem;
background: white;
transition: border 0.1s linear, background-color 0.1s linear; }
.tsab .slds-checkbox .slds-form-element__label {
display: inline;
vertical-align: middle;
font-size: 0.8125rem; }
.tsab .slds-checkbox [type="checkbox"] {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute; }
.tsab .slds-checkbox [type="checkbox"]:checked + .slds-checkbox_faux:after,
.tsab .slds-checkbox [type="checkbox"]:checked + .slds-checkbox--faux:after,
.tsab .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux:after,
.tsab .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox--faux:after {
display: block;
content: '';
height: 0.25rem;
width: 0.5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
border-bottom: 2px solid #1589ee;
border-left: 2px solid #1589ee; }
.tsab .slds-checkbox [type="checkbox"]:focus + .slds-checkbox_faux,
.tsab .slds-checkbox [type="checkbox"]:focus + .slds-checkbox--faux,
.tsab .slds-checkbox [type="checkbox"]:focus ~ .slds-checkbox_faux,
.tsab .slds-checkbox [type="checkbox"]:focus ~ .slds-checkbox--faux,
.tsab .slds-checkbox [type="checkbox"]:focus + .slds-checkbox__label .slds-checkbox_faux,
.tsab .slds-checkbox [type="checkbox"]:focus + .slds-checkbox__label .slds-checkbox--faux {
content: '';
border-color: #1589ee;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-checkbox [type="checkbox"]:focus:checked > .slds-checkbox_faux,
.tsab .slds-checkbox [type="checkbox"]:focus:checked > .slds-checkbox--faux,
.tsab .slds-checkbox [type="checkbox"]:focus:checked ~ .slds-checkbox_faux,
.tsab .slds-checkbox [type="checkbox"]:focus:checked ~ .slds-checkbox--faux,
.tsab .slds-checkbox [type="checkbox"]:focus:checked + .slds-checkbox__label .slds-checkbox_faux,
.tsab .slds-checkbox [type="checkbox"]:focus:checked + .slds-checkbox__label .slds-checkbox--faux {
border-color: #1589ee;
background-color: white; }
.tsab .slds-checkbox [type="checkbox"]:indeterminate + .slds-checkbox_faux:after,
.tsab .slds-checkbox [type="checkbox"]:indeterminate + .slds-checkbox--faux:after,
.tsab .slds-checkbox [type="checkbox"]:indeterminate ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox [type="checkbox"]:indeterminate ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox [type="checkbox"]:indeterminate + .slds-checkbox__label .slds-checkbox_faux:after,
.tsab .slds-checkbox [type="checkbox"]:indeterminate + .slds-checkbox__label .slds-checkbox--faux:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 0.5rem;
height: 2px;
background: #1589ee;
border: 0;
transform: translate3d(-50%, -50%, 0); }
.tsab .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox_faux,
.tsab .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox--faux,
.tsab .slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox_faux,
.tsab .slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox--faux,
.tsab .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox_faux,
.tsab .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox--faux {
background-color: #e0e5ee;
border-color: #a8b7c7; }
.tsab .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox_faux:after,
.tsab .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox--faux:after,
.tsab .slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox_faux:after,
.tsab .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox--faux:after {
border-color: white; }
.tsab .slds-has-error .slds-checkbox [type="checkbox"] + .slds-checkbox_faux,
.tsab .slds-has-error .slds-checkbox [type="checkbox"] + .slds-checkbox--faux,
.tsab .slds-has-error .slds-checkbox [type="checkbox"] ~ .slds-checkbox_faux,
.tsab .slds-has-error .slds-checkbox [type="checkbox"] ~ .slds-checkbox--faux,
.tsab .slds-has-error .slds-checkbox [type="checkbox"] + .slds-checkbox__label .slds-checkbox_faux,
.tsab .slds-has-error .slds-checkbox [type="checkbox"] + .slds-checkbox__label .slds-checkbox--faux {
border-color: #c23934;
border-width: 2px; }
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox_faux,
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox--faux,
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox_faux,
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux,
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux,
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox--faux {
border-color: #c23934;
background-color: white; }
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox_faux:after,
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox--faux:after,
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox_faux:after,
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux:after,
.tsab .slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox--faux:after {
border-color: #d4504c; }
.tsab .slds-form-element .slds-checkbox [type="checkbox"] + .slds-checkbox_faux,
.tsab .slds-form-element .slds-checkbox [type="checkbox"] + .slds-checkbox--faux,
.tsab .slds-form-element .slds-checkbox [type="checkbox"] ~ .slds-checkbox_faux,
.tsab .slds-form-element .slds-checkbox [type="checkbox"] ~ .slds-checkbox--faux,
.tsab .slds-form-element .slds-checkbox [type="checkbox"] + .slds-checkbox__label .slds-checkbox_faux,
.tsab .slds-form-element .slds-checkbox [type="checkbox"] + .slds-checkbox__label .slds-checkbox--faux {
margin-right: 0.5rem; }
.tsab .slds-checkbox_toggle,
.tsab .slds-checkbox--toggle {
width: 100%; }
.tsab .slds-checkbox_toggle .slds-checkbox_faux,
.tsab .slds-checkbox_toggle .slds-checkbox--faux,
.tsab .slds-checkbox--toggle .slds-checkbox_faux,
.tsab .slds-checkbox--toggle .slds-checkbox--faux {
display: block;
position: relative;
width: 3rem;
height: 1.5rem;
border: 1px solid #9faab5;
padding: 0.125rem;
background-color: #9faab5;
border-radius: 15rem;
transition: background-color 0.2s cubic-bezier(0.75, 0, 0.08, 1); }
.tsab .slds-checkbox_toggle .slds-checkbox_faux:hover, .tsab .slds-checkbox_toggle .slds-checkbox_faux:focus,
.tsab .slds-checkbox_toggle .slds-checkbox--faux:hover,
.tsab .slds-checkbox_toggle .slds-checkbox--faux:focus,
.tsab .slds-checkbox--toggle .slds-checkbox_faux:hover,
.tsab .slds-checkbox--toggle .slds-checkbox_faux:focus,
.tsab .slds-checkbox--toggle .slds-checkbox--faux:hover,
.tsab .slds-checkbox--toggle .slds-checkbox--faux:focus {
cursor: pointer;
background-color: #7e8c99; }
.tsab .slds-checkbox_toggle .slds-checkbox_faux:after,
.tsab .slds-checkbox_toggle .slds-checkbox--faux:after,
.tsab .slds-checkbox--toggle .slds-checkbox_faux:after,
.tsab .slds-checkbox--toggle .slds-checkbox--faux:after {
content: '';
position: absolute;
top: 1px;
left: 1px;
width: 1.25rem;
height: 1.25rem;
background-color: #fdfdfd;
border-radius: 15rem; }
.tsab .slds-checkbox_toggle [type="checkbox"],
.tsab .slds-checkbox--toggle [type="checkbox"] {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute; }
.tsab .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container,
.tsab .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox--faux_container,
.tsab .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox_faux_container,
.tsab .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox--faux_container {
font-size: 0.625rem;
color: #54698d; }
.tsab .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox_off,
.tsab .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox--off,
.tsab .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox_off,
.tsab .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox--off,
.tsab .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox_off,
.tsab .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox--off,
.tsab .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox_off,
.tsab .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox--off {
display: block; }
.tsab .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox_on,
.tsab .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox--on,
.tsab .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox_on,
.tsab .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox--on,
.tsab .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox_on,
.tsab .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox--on,
.tsab .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox_on,
.tsab .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox--on {
display: none; }
.tsab .slds-checkbox_toggle [type="checkbox"]:focus + .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:focus + .slds-checkbox--faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:focus ~ .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:focus ~ .slds-checkbox--faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:focus + .slds-checkbox_faux_container .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:focus + .slds-checkbox--faux_container .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:focus + .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:focus + .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:focus ~ .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:focus ~ .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:focus + .slds-checkbox_faux_container .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:focus + .slds-checkbox--faux_container .slds-checkbox--faux {
background-color: #7e8c99;
border-color: #1589ee;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_off,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--off,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_off,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--off {
display: none; }
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_on,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--on,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_on,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--on {
display: block; }
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox--faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux {
border-color: #0070d2;
background-color: #0070d2; }
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux:hover, .tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux:focus,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux:hover,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux:focus,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:hover,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:focus,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:hover,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:focus,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:hover,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:focus,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:hover,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:focus {
background-color: #005fb2; }
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux:before,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux:before,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:before,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:before,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux:before,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux:before,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:before,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:before,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before {
content: '';
position: absolute;
top: 1px;
right: 1px;
width: 1.25rem;
height: 1.25rem;
background-color: #fdfdfd;
border-radius: 15rem;
transition: transform 0.2s cubic-bezier(0.75, 0, 0.08, 1); }
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after {
content: ' ';
position: absolute;
top: 0.25rem;
left: 0.6rem;
height: 0.7rem;
width: 0.45rem;
border-bottom: 2px solid white;
border-right: 2px solid white;
border-radius: 0;
background-color: transparent;
transform: rotate(45deg); }
.tsab .slds-checkbox_toggle [type="checkbox"]:checked:focus + .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked:focus + .slds-checkbox--faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked:focus ~ .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked:focus ~ .slds-checkbox--faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked:focus + .slds-checkbox_faux_container .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"]:checked:focus + .slds-checkbox--faux_container .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked:focus + .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked:focus + .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked:focus ~ .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked:focus ~ .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked:focus + .slds-checkbox_faux_container .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"]:checked:focus + .slds-checkbox--faux_container .slds-checkbox--faux {
background-color: #005fb2; }
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox--faux,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux {
background-color: #9faab5;
pointer-events: none; }
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox--faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox_faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:after {
background-color: #d8dde6; }
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux:hover, .tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux:focus,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox--faux:hover,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox--faux:focus,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux:hover,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux:focus,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux:hover,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux:focus,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:hover,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:focus,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:hover,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox_faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox_faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] ~ .slds-checkbox--faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:focus,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:hover,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:focus {
background-color: #9faab5;
cursor: default; }
.tsab .slds-checkbox_toggle [type="checkbox"][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before {
background-color: #d8dde6; }
.tsab .slds-checkbox_toggle [type="checkbox"][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after,
.tsab .slds-checkbox_toggle [type="checkbox"][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after,
.tsab .slds-checkbox--toggle [type="checkbox"][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after {
background-color: transparent; }
.tsab .slds-checkbox_add-button .slds-checkbox_faux,
.tsab .slds-checkbox_add-button .slds-checkbox--faux,
.tsab .slds-checkbox--add-button .slds-checkbox_faux,
.tsab .slds-checkbox--add-button .slds-checkbox--faux {
width: 2rem;
height: 2rem;
position: relative;
display: inline-block;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-color: white;
cursor: pointer; }
.tsab .slds-checkbox_add-button .slds-checkbox_faux:before, .tsab .slds-checkbox_add-button .slds-checkbox_faux:after,
.tsab .slds-checkbox_add-button .slds-checkbox--faux:before,
.tsab .slds-checkbox_add-button .slds-checkbox--faux:after,
.tsab .slds-checkbox--add-button .slds-checkbox_faux:before,
.tsab .slds-checkbox--add-button .slds-checkbox_faux:after,
.tsab .slds-checkbox--add-button .slds-checkbox--faux:before,
.tsab .slds-checkbox--add-button .slds-checkbox--faux:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 0.875rem;
width: 0.125rem;
margin: auto;
background: #0070d2; }
.tsab .slds-checkbox_add-button .slds-checkbox_faux:after,
.tsab .slds-checkbox_add-button .slds-checkbox--faux:after,
.tsab .slds-checkbox--add-button .slds-checkbox_faux:after,
.tsab .slds-checkbox--add-button .slds-checkbox--faux:after {
width: 0.875rem;
height: 0.125rem; }
.tsab .slds-checkbox_add-button .slds-checkbox_faux:hover:not([disabled]), .tsab .slds-checkbox_add-button .slds-checkbox_faux:focus:not([disabled]),
.tsab .slds-checkbox_add-button .slds-checkbox--faux:hover:not([disabled]),
.tsab .slds-checkbox_add-button .slds-checkbox--faux:focus:not([disabled]),
.tsab .slds-checkbox--add-button .slds-checkbox_faux:hover:not([disabled]),
.tsab .slds-checkbox--add-button .slds-checkbox_faux:focus:not([disabled]),
.tsab .slds-checkbox--add-button .slds-checkbox--faux:hover:not([disabled]),
.tsab .slds-checkbox--add-button .slds-checkbox--faux:focus:not([disabled]) {
border: 1px solid #d8dde6;
background-color: #f4f6f9; }
.tsab .slds-checkbox_add-button .slds-checkbox_faux:active,
.tsab .slds-checkbox_add-button .slds-checkbox--faux:active,
.tsab .slds-checkbox--add-button .slds-checkbox_faux:active,
.tsab .slds-checkbox--add-button .slds-checkbox--faux:active {
background-color: #eef1f6; }
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked ~ .slds-checkbox_faux,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked ~ .slds-checkbox--faux,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked + .slds-checkbox_faux,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked + .slds-checkbox--faux,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked ~ .slds-checkbox_faux,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked ~ .slds-checkbox--faux,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked + .slds-checkbox_faux,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked + .slds-checkbox--faux {
border-color: transparent;
background: #4bca81; }
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked ~ .slds-checkbox_faux:before, .tsab .slds-checkbox_add-button input[type="checkbox"]:checked ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked ~ .slds-checkbox--faux:before,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked + .slds-checkbox_faux:before,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked + .slds-checkbox_faux:after,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked + .slds-checkbox--faux:before,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked + .slds-checkbox--faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked ~ .slds-checkbox_faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked ~ .slds-checkbox--faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked + .slds-checkbox_faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked + .slds-checkbox_faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked + .slds-checkbox--faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked + .slds-checkbox--faux:after {
background: #fdfdfd; }
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked ~ .slds-checkbox_faux:before,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked ~ .slds-checkbox--faux:before,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked + .slds-checkbox_faux:before,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked + .slds-checkbox--faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked ~ .slds-checkbox_faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked ~ .slds-checkbox--faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked + .slds-checkbox_faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked + .slds-checkbox--faux:before {
top: -0.125rem;
left: 0.4375rem;
width: 0.1875rem;
height: 1.0625rem;
transform: rotate(40deg); }
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked + .slds-checkbox_faux:after,
.tsab .slds-checkbox_add-button input[type="checkbox"]:checked + .slds-checkbox--faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked + .slds-checkbox_faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"]:checked + .slds-checkbox--faux:after {
top: 0.3125rem;
left: -0.625rem;
width: 0.625rem;
height: 0.1875rem;
transform: rotate(36deg); }
.tsab .slds-checkbox_add-button input[type="checkbox"]:focus ~ .slds-checkbox_faux,
.tsab .slds-checkbox_add-button input[type="checkbox"]:focus ~ .slds-checkbox--faux,
.tsab .slds-checkbox_add-button input[type="checkbox"]:focus + .slds-checkbox_faux,
.tsab .slds-checkbox_add-button input[type="checkbox"]:focus + .slds-checkbox--faux,
.tsab .slds-checkbox--add-button input[type="checkbox"]:focus ~ .slds-checkbox_faux,
.tsab .slds-checkbox--add-button input[type="checkbox"]:focus ~ .slds-checkbox--faux,
.tsab .slds-checkbox--add-button input[type="checkbox"]:focus + .slds-checkbox_faux,
.tsab .slds-checkbox--add-button input[type="checkbox"]:focus + .slds-checkbox--faux {
outline: 0;
box-shadow: 0 0 3px #0070D2;
border-color: #1589ee; }
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] ~ .slds-checkbox_faux,
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] ~ .slds-checkbox--faux,
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] + .slds-checkbox_faux,
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] + .slds-checkbox--faux,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] ~ .slds-checkbox_faux,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] ~ .slds-checkbox--faux,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] + .slds-checkbox_faux,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] + .slds-checkbox--faux {
background-color: #e0e5ee;
border-color: transparent;
color: white; }
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] ~ .slds-checkbox_faux:before, .tsab .slds-checkbox_add-button input[type="checkbox"][disabled] ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] ~ .slds-checkbox--faux:before,
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] + .slds-checkbox_faux:before,
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] + .slds-checkbox_faux:after,
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] + .slds-checkbox--faux:before,
.tsab .slds-checkbox_add-button input[type="checkbox"][disabled] + .slds-checkbox--faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] ~ .slds-checkbox_faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] ~ .slds-checkbox_faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] ~ .slds-checkbox--faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] ~ .slds-checkbox--faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] + .slds-checkbox_faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] + .slds-checkbox_faux:after,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] + .slds-checkbox--faux:before,
.tsab .slds-checkbox--add-button input[type="checkbox"][disabled] + .slds-checkbox--faux:after {
background: #fdfdfd; }
.tsab .slds-checkbox_button-group,
.tsab .slds-checkbox--button-group {
display: -ms-inline-flexbox;
display: inline-flex;
border: 1px solid #d8dde6;
border-radius: 0.25rem; }
.tsab .slds-checkbox_button,
.tsab .slds-checkbox--button {
display: -ms-flexbox;
display: flex;
border: 0;
border-radius: 0;
background-clip: padding-box;
/**
* Creates a custom styled checkbox
*
* @selector .slds-checkbox_faux
* @restrict .slds-checkbox_button__label span
* @required
*/
/**
* Creates a custom styled checkbox
*
* @selector .slds-checkbox_button__label
* @restrict .slds-checkbox_button label
* @required
*/ }
.tsab .slds-checkbox_button .slds-checkbox_faux,
.tsab .slds-checkbox_button .slds-checkbox--faux,
.tsab .slds-checkbox--button .slds-checkbox_faux,
.tsab .slds-checkbox--button .slds-checkbox--faux {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
vertical-align: middle;
position: relative;
background-color: white;
transition: border 0.1s linear, background-color 0.1s linear; }
.tsab .slds-checkbox_button .slds-checkbox_faux:hover, .tsab .slds-checkbox_button .slds-checkbox_faux:focus,
.tsab .slds-checkbox_button .slds-checkbox--faux:hover,
.tsab .slds-checkbox_button .slds-checkbox--faux:focus,
.tsab .slds-checkbox--button .slds-checkbox_faux:hover,
.tsab .slds-checkbox--button .slds-checkbox_faux:focus,
.tsab .slds-checkbox--button .slds-checkbox--faux:hover,
.tsab .slds-checkbox--button .slds-checkbox--faux:focus {
cursor: pointer;
background-color: #f4f6f9; }
.tsab .slds-checkbox_button .slds-checkbox_button__label .slds-checkbox_faux,
.tsab .slds-checkbox_button .slds-checkbox--button__label .slds-checkbox--faux,
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox--button__label .slds-checkbox--faux,
.tsab .slds-checkbox--button .slds-checkbox_button__label .slds-checkbox_faux,
.tsab .slds-checkbox--button .slds-checkbox--button__label .slds-checkbox--faux,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--button__label .slds-checkbox--faux {
background-color: transparent; }
.tsab .slds-checkbox_button + .slds-checkbox_button,
.tsab .slds-checkbox_button + .slds-checkbox--button,
.tsab .slds-checkbox--button + .slds-checkbox_button,
.tsab .slds-checkbox--button + .slds-checkbox--button {
border-left: 1px solid #d8dde6;
border-radius: 0;
margin: 0; }
.tsab .slds-checkbox_button:first-child > .slds-checkbox_faux,
.tsab .slds-checkbox_button:first-child > .slds-checkbox--faux,
.tsab .slds-checkbox_button:first-child > .slds-checkbox_button__label,
.tsab .slds-checkbox_button:first-child > .slds-checkbox--button__label,
.tsab .slds-checkbox--button:first-child > .slds-checkbox_faux,
.tsab .slds-checkbox--button:first-child > .slds-checkbox--faux,
.tsab .slds-checkbox--button:first-child > .slds-checkbox_button__label,
.tsab .slds-checkbox--button:first-child > .slds-checkbox--button__label {
border-radius: 0.25rem 0 0 0.25rem; }
.tsab .slds-checkbox_button:last-child > .slds-checkbox_faux,
.tsab .slds-checkbox_button:last-child > .slds-checkbox--faux,
.tsab .slds-checkbox_button .slds-button_last > .slds-checkbox_faux,
.tsab .slds-checkbox_button .slds-button--last > .slds-checkbox--faux,
.tsab .slds-checkbox_button:last-child > .slds-checkbox_button__label,
.tsab .slds-checkbox_button:last-child > .slds-checkbox--button__label,
.tsab .slds-checkbox--button:last-child > .slds-checkbox_faux,
.tsab .slds-checkbox--button:last-child > .slds-checkbox--faux,
.tsab .slds-checkbox--button .slds-button_last > .slds-checkbox_faux,
.tsab .slds-checkbox--button .slds-button--last > .slds-checkbox--faux,
.tsab .slds-checkbox--button:last-child > .slds-checkbox_button__label,
.tsab .slds-checkbox--button:last-child > .slds-checkbox--button__label {
border-radius: 0 0.25rem 0.25rem 0; }
.tsab .slds-checkbox_button [type="checkbox"],
.tsab .slds-checkbox--button [type="checkbox"] {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute; }
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox_faux,
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox--faux,
.tsab .slds-checkbox_button [type="checkbox"]:checked ~ .slds-checkbox_faux,
.tsab .slds-checkbox_button [type="checkbox"]:checked ~ .slds-checkbox--faux,
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox_button__label,
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox--button__label,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox_faux,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--faux,
.tsab .slds-checkbox--button [type="checkbox"]:checked ~ .slds-checkbox_faux,
.tsab .slds-checkbox--button [type="checkbox"]:checked ~ .slds-checkbox--faux,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox_button__label,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--button__label {
background-color: #0070d2;
color: white; }
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox_faux:hover, .tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox_faux:focus,
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox--faux:hover,
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox--faux:focus,
.tsab .slds-checkbox_button [type="checkbox"]:checked ~ .slds-checkbox_faux:hover,
.tsab .slds-checkbox_button [type="checkbox"]:checked ~ .slds-checkbox_faux:focus,
.tsab .slds-checkbox_button [type="checkbox"]:checked ~ .slds-checkbox--faux:hover,
.tsab .slds-checkbox_button [type="checkbox"]:checked ~ .slds-checkbox--faux:focus,
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox_button__label:hover,
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox_button__label:focus,
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox--button__label:hover,
.tsab .slds-checkbox_button [type="checkbox"]:checked + .slds-checkbox--button__label:focus,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox_faux:hover,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox_faux:focus,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--faux:hover,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--faux:focus,
.tsab .slds-checkbox--button [type="checkbox"]:checked ~ .slds-checkbox_faux:hover,
.tsab .slds-checkbox--button [type="checkbox"]:checked ~ .slds-checkbox_faux:focus,
.tsab .slds-checkbox--button [type="checkbox"]:checked ~ .slds-checkbox--faux:hover,
.tsab .slds-checkbox--button [type="checkbox"]:checked ~ .slds-checkbox--faux:focus,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox_button__label:hover,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox_button__label:focus,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--button__label:hover,
.tsab .slds-checkbox--button [type="checkbox"]:checked + .slds-checkbox--button__label:focus {
background-color: #0070d2; }
.tsab .slds-checkbox_button [type="checkbox"]:focus + .slds-checkbox_faux,
.tsab .slds-checkbox_button [type="checkbox"]:focus + .slds-checkbox--faux,
.tsab .slds-checkbox_button [type="checkbox"]:focus ~ .slds-checkbox_faux,
.tsab .slds-checkbox_button [type="checkbox"]:focus ~ .slds-checkbox--faux,
.tsab .slds-checkbox_button [type="checkbox"]:focus + .slds-checkbox_button__label,
.tsab .slds-checkbox_button [type="checkbox"]:focus + .slds-checkbox--button__label,
.tsab .slds-checkbox--button [type="checkbox"]:focus + .slds-checkbox_faux,
.tsab .slds-checkbox--button [type="checkbox"]:focus + .slds-checkbox--faux,
.tsab .slds-checkbox--button [type="checkbox"]:focus ~ .slds-checkbox_faux,
.tsab .slds-checkbox--button [type="checkbox"]:focus ~ .slds-checkbox--faux,
.tsab .slds-checkbox--button [type="checkbox"]:focus + .slds-checkbox_button__label,
.tsab .slds-checkbox--button [type="checkbox"]:focus + .slds-checkbox--button__label {
outline: 0;
box-shadow: 0 0 3px #0070D2;
z-index: 1; }
.tsab .slds-checkbox_button [type="checkbox"][disabled] + .slds-checkbox_faux,
.tsab .slds-checkbox_button [type="checkbox"][disabled] + .slds-checkbox--faux,
.tsab .slds-checkbox_button [type="checkbox"][disabled] ~ .slds-checkbox_faux,
.tsab .slds-checkbox_button [type="checkbox"][disabled] ~ .slds-checkbox--faux,
.tsab .slds-checkbox_button [type="checkbox"][disabled] + .slds-checkbox_button__label,
.tsab .slds-checkbox_button [type="checkbox"][disabled] + .slds-checkbox--button__label,
.tsab .slds-checkbox--button [type="checkbox"][disabled] + .slds-checkbox_faux,
.tsab .slds-checkbox--button [type="checkbox"][disabled] + .slds-checkbox--faux,
.tsab .slds-checkbox--button [type="checkbox"][disabled] ~ .slds-checkbox_faux,
.tsab .slds-checkbox--button [type="checkbox"][disabled] ~ .slds-checkbox--faux,
.tsab .slds-checkbox--button [type="checkbox"][disabled] + .slds-checkbox_button__label,
.tsab .slds-checkbox--button [type="checkbox"][disabled] + .slds-checkbox--button__label {
background-color: white;
color: #d8dde6;
cursor: default; }
.tsab .slds-select {
background-color: white;
color: #16325c;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
width: 100%;
transition: border 0.1s linear, background-color 0.1s linear;
height: calc(1.875rem + (1px * 2));
/**
* Initializes select container for custom styling
*
* @selector .slds-select_container
* @restrict div
*/ }
.tsab .slds-select:focus, .tsab .slds-select:active {
outline: 0;
border-color: #1589ee;
background-color: white;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-select[disabled], .tsab .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; }
.tsab .slds-select[disabled]:focus, .tsab .slds-select[disabled]:active, .tsab .slds-select.slds-is-disabled:focus, .tsab .slds-select.slds-is-disabled:active {
box-shadow: none; }
.tsab .slds-select[size], .tsab .slds-select[multiple] {
min-height: calc(1.875rem + (1px * 2));
height: inherit; }
.tsab .slds-select[size] option, .tsab .slds-select[multiple] option {
padding: 0.5rem; }
.tsab .slds-select_container {
position: relative; }
.tsab .slds-select_container .slds-select {
-moz-appearance: none;
-webkit-appearance: none;
padding-left: 0.5rem;
padding-right: 1.5rem; }
.tsab .slds-select_container .slds-select::-ms-expand {
display: none; }
.tsab .slds-select_container:before, .tsab .slds-select_container:after {
position: absolute;
content: '';
display: block;
right: 0.5rem;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent; }
.tsab .slds-select_container:before {
border-bottom: 5px solid #061c3f;
top: calc((1.75rem / 2) - 6px); }
.tsab .slds-select_container:after {
border-top: 5px solid #061c3f;
bottom: calc((1.75rem / 2) - 6px); }
.tsab .slds-has-error .slds-select {
background-color: white;
border-color: #c23934;
box-shadow: #c23934 0 0 0 1px inset;
background-clip: padding-box; }
.tsab .slds-has-error .slds-select:focus, .tsab .slds-has-error .slds-select:active {
box-shadow: #c23934 0 0 0 1px inset, 0 0 3px #0070D2; }
.tsab .slds-form_stacked .slds-form-element,
.tsab .slds-form--stacked .slds-form-element {
display: block; }
.tsab .slds-form_stacked .slds-form-element + .slds-form-element,
.tsab .slds-form--stacked .slds-form-element + .slds-form-element {
margin-top: 0.75rem; }
@media (min-width: 30em) {
.tsab .slds-form_stacked .slds-form-element + .slds-form-element,
.tsab .slds-form--stacked .slds-form-element + .slds-form-element {
margin-top: 0.5rem; } }
.tsab .slds-form_stacked .slds-form-element .slds-checkbox,
.tsab .slds-form_stacked .slds-form-element .slds-radio,
.tsab .slds-form--stacked .slds-form-element .slds-checkbox,
.tsab .slds-form--stacked .slds-form-element .slds-radio {
display: block; }
@media (min-width: 48em) {
.tsab .slds-form_horizontal,
.tsab .slds-form--horizontal {
text-align: right; } }
@media (min-width: 48em) {
.tsab .slds-form_horizontal .slds-form-element > .slds-form-element__legend,
.tsab .slds-form_horizontal .slds-form-element > .slds-form-element__label,
.tsab .slds-form--horizontal .slds-form-element > .slds-form-element__legend,
.tsab .slds-form--horizontal .slds-form-element > .slds-form-element__label {
float: left;
text-align: right;
display: inline-block;
width: 33%;
vertical-align: top;
position: relative;
top: 0.1875rem;
margin-right: 0;
margin-bottom: 0; } }
.tsab .slds-form_horizontal .slds-form-element + .slds-form-element,
.tsab .slds-form--horizontal .slds-form-element + .slds-form-element {
margin-top: 0.75rem; }
@media (min-width: 30em) {
.tsab .slds-form_horizontal .slds-form-element + .slds-form-element,
.tsab .slds-form--horizontal .slds-form-element + .slds-form-element {
margin-top: 0.5rem; } }
.tsab .slds-form_horizontal .slds-form-element__control,
.tsab .slds-form--horizontal .slds-form-element__control {
width: 100%; }
@media (min-width: 48em) {
.tsab .slds-form_horizontal .slds-form-element__control,
.tsab .slds-form--horizontal .slds-form-element__control {
width: 66%;
display: inline-block;
text-align: left; } }
.tsab .slds-form_inline .slds-form-element,
.tsab .slds-form_inline .slds-form-element__label,
.tsab .slds-form_inline .slds-form-element__control,
.tsab .slds-form--inline .slds-form-element,
.tsab .slds-form--inline .slds-form-element__label,
.tsab .slds-form--inline .slds-form-element__control {
display: block; }
.tsab .slds-form_inline .slds-form-element + .slds-form-element,
.tsab .slds-form--inline .slds-form-element + .slds-form-element {
margin-top: 0.75rem; }
@media (min-width: 30em) {
.tsab .slds-form_inline .slds-form-element,
.tsab .slds-form--inline .slds-form-element {
margin-right: 0.5rem; }
.tsab .slds-form_inline .slds-form-element + .slds-form-element,
.tsab .slds-form--inline .slds-form-element + .slds-form-element {
margin-top: 0; }
.tsab .slds-form_inline .slds-form-element,
.tsab .slds-form_inline .slds-form-element__label,
.tsab .slds-form_inline .slds-form-element__control,
.tsab .slds-form--inline .slds-form-element,
.tsab .slds-form--inline .slds-form-element__label,
.tsab .slds-form--inline .slds-form-element__control {
display: inline-block;
vertical-align: middle;
margin-bottom: 0; } }
.tsab .slds-form_compound .slds-form-element__row,
.tsab .slds-form--compound .slds-form-element__row {
display: -ms-flexbox;
display: flex;
margin-bottom: 0.5rem; }
.tsab .slds-form_compound .slds-form-element__row + .slds-form-element__row,
.tsab .slds-form--compound .slds-form-element__row + .slds-form-element__row {
clear: both; }
.tsab .slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element,
.tsab .slds-form--compound .slds-form-element__row .slds-form-element + .slds-form-element {
padding-left: 0.5rem; }
.tsab .slds-form_compound .slds-form-element,
.tsab .slds-form--compound .slds-form-element {
width: 100%; }
.tsab .slds-form_compound .slds-form-element__control,
.tsab .slds-form--compound .slds-form-element__control {
position: relative; }
.tsab .slds-form_compound .slds-form-element__control + .slds-form-element__control,
.tsab .slds-form--compound .slds-form-element__control + .slds-form-element__control {
padding-left: 0.5rem; }
.tsab .slds-docked-form-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #f4f6f9;
box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
z-index: 8000;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 0.5rem 0; }
.tsab .slds-file-selector {
display: -ms-inline-flexbox;
display: inline-flex; }
.tsab .slds-file-selector__dropzone {
padding: 0.125rem;
border: 1px dashed #d8dde6;
border-radius: 0.25rem;
/**
* @selector .slds-has-drag-over
* @restrict .slds-file-selector__dropzone
* @modifier
*/ }
.tsab .slds-file-selector__dropzone.slds-has-drag-over {
outline: 0;
border-color: #1589ee;
box-shadow: 0 0 3px #0070D2;
border-style: solid; }
.tsab .slds-file-selector__input:focus ~ .slds-file-selector__body > .slds-file-selector__button {
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-file-selector__input[disabled] ~ .slds-file-selector__body {
color: #d8dde6; }
.tsab .slds-file-selector__input[disabled] ~ .slds-file-selector__body > .slds-file-selector__button {
background: #e0e5ee;
border-color: transparent;
color: white; }
.tsab .slds-file-selector__input[disabled] ~ .slds-file-selector__body > .slds-file-selector__body-icon {
fill: currentColor; }
.tsab .slds-file-selector__button {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center; }
.tsab .slds-file-selector_files,
.tsab .slds-file-selector--files {
/**
* Container for file selector content, specifically within the dropzone
*
* @selector .slds-file-selector__body
* @restrict .slds-file-selector label
* @required
*/
/**
* Descriptive call back text
*
* @selector .slds-file-selector__text
* @restrict .slds-file-selector span
* @required
*/ }
.tsab .slds-file-selector_files .slds-file-selector__body,
.tsab .slds-file-selector--files .slds-file-selector__body {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.tsab .slds-file-selector_files .slds-file-selector__button,
.tsab .slds-file-selector--files .slds-file-selector__button {
max-height: 1.625rem;
line-height: 1.625rem; }
.tsab .slds-file-selector_files .slds-file-selector__text,
.tsab .slds-file-selector--files .slds-file-selector__text {
margin-left: 0.5rem;
margin-right: 0.75rem; }
.tsab .slds-file-selector_images,
.tsab .slds-file-selector--images {
display: block; }
.tsab .slds-file-selector_images .slds-file-selector__dropzone,
.tsab .slds-file-selector--images .slds-file-selector__dropzone {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
margin: auto; }
.tsab .slds-file-selector_images .slds-file-selector__dropzone:after,
.tsab .slds-file-selector--images .slds-file-selector__dropzone:after {
content: '';
padding-top: 100%;
display: table; }
.tsab .slds-file-selector_images .slds-file-selector__body,
.tsab .slds-file-selector--images .slds-file-selector__body {
text-align: center; }
.tsab .slds-file-selector_images .slds-file-selector__text,
.tsab .slds-file-selector--images .slds-file-selector__text {
margin-top: 0.75rem; }
.tsab .slds-file-selector_integrated,
.tsab .slds-file-selector--integrated {
width: 100%;
height: 100%;
position: relative;
display: block; }
.tsab .slds-file-selector__dropzone_integrated,
.tsab .slds-file-selector__dropzone--integrated {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 0;
opacity: 0;
z-index: -1;
/**
* Informs dropzone that file has been dragged into the viewport
*
* @selector .slds-has-drag
* @restrict .slds-file-selector__dropzone_integrated
* @notes To be added with JavaScript
* @required
* @modifier
*/
/**
* Informs dropzone that file has been dragged into its region
*
* @selector .slds-has-drag-over
* @restrict .slds-file-selector__dropzone_integrated
* @notes To be added with JavaScript
* @required
* @modifier
*/ }
.tsab .slds-file-selector__dropzone_integrated.slds-has-drag,
.tsab .slds-file-selector__dropzone--integrated.slds-has-drag {
background: rgba(255, 255, 255, 0.75);
opacity: 1;
z-index: 8000; }
.tsab .slds-file-selector__dropzone_integrated.slds-has-drag-over,
.tsab .slds-file-selector__dropzone--integrated.slds-has-drag-over {
background: rgba(240, 248, 252, 0.75);
box-shadow: 0 0 0 4px #1589ee inset; }
.tsab .slds-file-selector__body_integrated,
.tsab .slds-file-selector__body--integrated {
width: 12rem;
height: 12rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
background: #fdfdfd;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
border: 1px solid #d8dde6;
border-radius: 0.25rem;
-ms-flex-direction: column;
flex-direction: column; }
.tsab .slds-file-selector__text_integrated,
.tsab .slds-file-selector__text--integrated {
margin-top: 0.75rem; }
.tsab .slds-page-header {
padding: 1rem 0.75rem;
border-bottom: 1px solid #d8dde6;
background: #f7f9fb;
/**
* Page title (header text).
*
* @selector .slds-page-header__title
* @restrict .slds-page-header h1
* @required
*/ }
.tsab .slds-page-header__title {
font-weight: 400;
font-size: 1rem;
line-height: 1.25; }
@media (min-width: 48em) {
.tsab .slds-page-header {
padding: 1rem 1.5rem; }
.tsab .slds-page-header__title {
font-size: 1.25rem; } }
.tsab .slds-page-header__detail {
/**
* Creates margins around the detail section of record home
*
* @selector .slds-page-header__detail-row
* @restrict .slds-page-header ul
* @notes Only the record home page header contains this detail area
* @required
*/
/**
* Creates margins around the detail section of record home
*
* @selector .slds-page-header__detail-block
* @restrict .slds-page-header__detail-row li
* @notes Only the record home page header contains this detail area
* @required
*/ }
.tsab .slds-page-header__detail-row {
margin: 0.75rem -1.5rem -1rem;
padding: 0.75rem 1.5rem;
background-color: #fdfdfd; }
.tsab .slds-page-header__detail-block {
padding-right: 2rem;
padding-left: 2rem;
max-width: 25%; }
.tsab .slds-page-header__detail-block:first-child {
padding-left: 0; }
.tsab .slds-page-header__detail-block:last-child {
padding-right: 0; }
.tsab .slds-page-header_vertical,
.tsab .slds-page-header--vertical {
padding: 0.75rem;
background: #f7f9fb;
border-bottom: 0; }
.tsab .slds-page-header_object-home,
.tsab .slds-page-header--object-home {
padding-bottom: 0.75rem; }
.tsab .slds-panel {
background: #fdfdfd;
border-radius: 0.25rem;
/**
* Contains sub sections of a panel
*
* @selector .slds-panel__section
* @restrict .slds-panel div
* @required
*/
/**
* Contains form actions at the bottom of a panel
*
* @selector .slds-panel__actions
* @restrict .slds-panel div
* @required
*/ }
.tsab .slds-panel__section {
padding: 1rem; }
.tsab .slds-panel__actions {
padding: 0.75rem; }
.tsab .slds-panel.slds-is-editing {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); }
.tsab .slds-panel_filters,
.tsab .slds-panel--filters {
margin-left: 1rem;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
border-radius: 0; }
.tsab .slds-filters {
position: relative; }
.tsab .slds-filters__header {
padding: 0.5rem 0.75rem; }
.tsab .slds-filters__body {
padding: 0.5rem 0.75rem; }
.tsab .slds-filters__footer {
padding: 0.5rem 1rem; }
.tsab .slds-filters__item {
padding: 0.75rem;
background: white;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
/**
* Indicates that a filter is new and hasn't been saved
*
* @selector .slds-is-new
* @restrict .slds-filters__item
* @modifier
*/
/**
* Indicates that a filter has an error
*
* @selector .slds-has-error
* @restrict .slds-filters__item
* @modifier
*/
/**
* Indicates that a filter is locked
*
* @selector .slds-is-locked
* @restrict .slds-filters__item
* @modifier
*/ }
.tsab .slds-filters__item.slds-is-new {
background: #faffbd;
color: #16325c; }
.tsab .slds-filters__item.slds-has-error {
border-color: #c23934; }
.tsab .slds-filters__item.slds-is-locked {
background: #f4f6f9; }
.tsab .slds-filters__item + .slds-filters__item {
margin-top: 0.5rem; }
.tsab .slds-filters__item:hover {
background: #f4f6f9; }
.tsab .slds-popover {
position: relative;
border-radius: 0.25rem;
width: 20rem;
min-height: 2rem;
z-index: 6000;
background-color: #fdfdfd;
display: inline-block;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
border: 1px solid #d8dde6;
/**
* Applies syles for primary content area of popover
*
* @selector .slds-popover__body
* @restrict .slds-popover div
* @required
*/
/**
* Applies styles for top area of popover
*
* @selector .slds-popover__header
* @restrict .slds-popover header, .slds-popover div
* @required
*/
/**
* Applies styles for footer area of popover
*
* @selector .slds-popover__footer
* @restrict .slds-popover footer
* @required
*/
/**
* Close button within a popover
*
* @selector .slds-popover__close
* @restrict .slds-popover button
* @required
*/
/**
* Width modifier for popover - small
*
* @selector .slds-popover_small
* @restrict .slds-popover
* @modifier
* @group width
*/
/**
* Width modifier for popover - medium
*
* @selector .slds-popover_medium
* @restrict .slds-popover
* @modifier
* @group width
*/
/**
* Width modifier for popover - large
*
* @selector .slds-popover_large
* @restrict .slds-popover
* @modifier
* @group width
*/ }
.tsab .slds-popover__body, .tsab .slds-popover__header, .tsab .slds-popover__footer {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
position: relative;
padding: 0.5rem 0.75rem; }
.tsab .slds-popover__header {
border-bottom: 1px solid #d8dde6; }
.tsab .slds-popover__footer {
border-top: 1px solid #d8dde6; }
.tsab .slds-popover__close {
position: relative;
margin: 0.25rem;
z-index: 6001; }
.tsab .slds-popover_small, .tsab .slds-popover--small {
min-width: 15rem; }
.tsab .slds-popover_medium, .tsab .slds-popover--medium {
min-width: 20rem; }
.tsab .slds-popover_large, .tsab .slds-popover--large {
min-width: 25rem;
max-width: 512px; }
.tsab .slds-popover[class*="theme_"], .tsab .slds-popover[class*="theme--"] {
border: 0; }
.tsab .slds-popover *:last-child {
margin-bottom: 0; }
.tsab .slds-popover_panel .slds-popover__header,
.tsab .slds-popover--panel .slds-popover__header {
background: #f4f6f9;
padding: 1.5rem 1.5rem 0.75rem;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
border-bottom: 0; }
.tsab .slds-popover_panel .slds-popover__body,
.tsab .slds-popover--panel .slds-popover__body {
padding: 0; }
.tsab .slds-popover_panel .slds-popover__body-list,
.tsab .slds-popover--panel .slds-popover__body-list {
padding: 1rem 1.5rem;
border-top: 1px solid #d8dde6; }
.tsab .slds-popover_panel.slds-nubbin_left-top:before, .tsab .slds-popover_panel.slds-nubbin_left-top:after, .tsab .slds-popover_panel.slds-nubbin--left-top:before, .tsab .slds-popover_panel.slds-nubbin--left-top:after, .tsab .slds-popover_panel.slds-nubbin_right-top:before, .tsab .slds-popover_panel.slds-nubbin_right-top:after, .tsab .slds-popover_panel.slds-nubbin--right-top:before, .tsab .slds-popover_panel.slds-nubbin--right-top:after, .tsab .slds-popover_panel.slds-nubbin_top-left:before, .tsab .slds-popover_panel.slds-nubbin_top-left:after, .tsab .slds-popover_panel.slds-nubbin--top-left:before, .tsab .slds-popover_panel.slds-nubbin--top-left:after, .tsab .slds-popover_panel.slds-nubbin_top-right:before, .tsab .slds-popover_panel.slds-nubbin_top-right:after, .tsab .slds-popover_panel.slds-nubbin--top-right:before, .tsab .slds-popover_panel.slds-nubbin--top-right:after,
.tsab .slds-popover--panel.slds-nubbin_left-top:before,
.tsab .slds-popover--panel.slds-nubbin_left-top:after,
.tsab .slds-popover--panel.slds-nubbin--left-top:before,
.tsab .slds-popover--panel.slds-nubbin--left-top:after,
.tsab .slds-popover--panel.slds-nubbin_right-top:before,
.tsab .slds-popover--panel.slds-nubbin_right-top:after,
.tsab .slds-popover--panel.slds-nubbin--right-top:before,
.tsab .slds-popover--panel.slds-nubbin--right-top:after,
.tsab .slds-popover--panel.slds-nubbin_top-left:before,
.tsab .slds-popover--panel.slds-nubbin_top-left:after,
.tsab .slds-popover--panel.slds-nubbin--top-left:before,
.tsab .slds-popover--panel.slds-nubbin--top-left:after,
.tsab .slds-popover--panel.slds-nubbin_top-right:before,
.tsab .slds-popover--panel.slds-nubbin_top-right:after,
.tsab .slds-popover--panel.slds-nubbin--top-right:before,
.tsab .slds-popover--panel.slds-nubbin--top-right:after {
background: #f4f6f9; }
.tsab .slds-popover_panel.slds-nubbin_left-top:before, .tsab .slds-popover_panel.slds-nubbin_left-top:after, .tsab .slds-popover_panel.slds-nubbin--left-top:before, .tsab .slds-popover_panel.slds-nubbin--left-top:after, .tsab .slds-popover_panel.slds-nubbin_right-top:before, .tsab .slds-popover_panel.slds-nubbin_right-top:after, .tsab .slds-popover_panel.slds-nubbin--right-top:before, .tsab .slds-popover_panel.slds-nubbin--right-top:after,
.tsab .slds-popover--panel.slds-nubbin_left-top:before,
.tsab .slds-popover--panel.slds-nubbin_left-top:after,
.tsab .slds-popover--panel.slds-nubbin--left-top:before,
.tsab .slds-popover--panel.slds-nubbin--left-top:after,
.tsab .slds-popover--panel.slds-nubbin_right-top:before,
.tsab .slds-popover--panel.slds-nubbin_right-top:after,
.tsab .slds-popover--panel.slds-nubbin--right-top:before,
.tsab .slds-popover--panel.slds-nubbin--right-top:after {
top: 2.25rem; }
.tsab .slds-nubbin_top:before,
.tsab .slds-nubbin--top:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_top:after,
.tsab .slds-nubbin--top:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_top:after,
.tsab .slds-nubbin--top:after {
box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_top-left:before,
.tsab .slds-nubbin--top-left:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_top-left:after,
.tsab .slds-nubbin--top-left:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_top-left:after,
.tsab .slds-nubbin--top-left:after {
box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_top-left:before, .tsab .slds-nubbin_top-left:after,
.tsab .slds-nubbin--top-left:before,
.tsab .slds-nubbin--top-left:after {
left: 1.5rem;
top: -0.5rem; }
.tsab .slds-nubbin_top-right:before,
.tsab .slds-nubbin--top-right:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_top-right:after,
.tsab .slds-nubbin--top-right:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_top-right:after,
.tsab .slds-nubbin--top-right:after {
box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_top-right:before, .tsab .slds-nubbin_top-right:after,
.tsab .slds-nubbin--top-right:before,
.tsab .slds-nubbin--top-right:after {
left: auto;
right: 1.5rem;
top: -0.5rem;
margin-right: -0.5rem; }
.tsab .slds-nubbin_bottom:before,
.tsab .slds-nubbin--bottom:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_bottom:after,
.tsab .slds-nubbin--bottom:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_bottom:after,
.tsab .slds-nubbin--bottom:after {
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_bottom-left:before,
.tsab .slds-nubbin--bottom-left:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_bottom-left:after,
.tsab .slds-nubbin--bottom-left:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_bottom-left:after,
.tsab .slds-nubbin--bottom-left:after {
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_bottom-left:before, .tsab .slds-nubbin_bottom-left:after,
.tsab .slds-nubbin--bottom-left:before,
.tsab .slds-nubbin--bottom-left:after {
left: 1.5rem;
top: 100%;
margin-top: -0.5rem; }
.tsab .slds-nubbin_bottom-right:before,
.tsab .slds-nubbin--bottom-right:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_bottom-right:after,
.tsab .slds-nubbin--bottom-right:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
left: 50%;
bottom: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-nubbin_bottom-right:after,
.tsab .slds-nubbin--bottom-right:after {
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_bottom-right:before, .tsab .slds-nubbin_bottom-right:after,
.tsab .slds-nubbin--bottom-right:before,
.tsab .slds-nubbin--bottom-right:after {
left: auto;
right: 1.5rem;
top: 100%;
margin-top: -0.5rem;
margin-right: -0.5rem; }
.tsab .slds-nubbin_left:before,
.tsab .slds-nubbin--left:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_left:after,
.tsab .slds-nubbin--left:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_left:after,
.tsab .slds-nubbin--left:after {
box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_left-top:before,
.tsab .slds-nubbin--left-top:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_left-top:after,
.tsab .slds-nubbin--left-top:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_left-top:after,
.tsab .slds-nubbin--left-top:after {
box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_left-top:before, .tsab .slds-nubbin_left-top:after,
.tsab .slds-nubbin--left-top:before,
.tsab .slds-nubbin--left-top:after {
top: 1.5rem; }
.tsab .slds-nubbin_left-bottom:before,
.tsab .slds-nubbin--left-bottom:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_left-bottom:after,
.tsab .slds-nubbin--left-bottom:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
left: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_left-bottom:before,
.tsab .slds-nubbin--left-bottom:before {
margin-bottom: -1px; }
.tsab .slds-nubbin_left-bottom:after,
.tsab .slds-nubbin--left-bottom:after {
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_left-bottom:before, .tsab .slds-nubbin_left-bottom:after,
.tsab .slds-nubbin--left-bottom:before,
.tsab .slds-nubbin--left-bottom:after {
top: auto;
bottom: 1rem; }
.tsab .slds-nubbin_right:before,
.tsab .slds-nubbin--right:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_right:after,
.tsab .slds-nubbin--right:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_right:after,
.tsab .slds-nubbin--right:after {
box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_right-top:before,
.tsab .slds-nubbin--right-top:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_right-top:after,
.tsab .slds-nubbin--right-top:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_right-top:after,
.tsab .slds-nubbin--right-top:after {
box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_right-top:before, .tsab .slds-nubbin_right-top:after,
.tsab .slds-nubbin--right-top:before,
.tsab .slds-nubbin--right-top:after {
top: 1.5rem; }
.tsab .slds-nubbin_right-bottom:before,
.tsab .slds-nubbin--right-bottom:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_right-bottom:after,
.tsab .slds-nubbin--right-bottom:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: inherit;
top: 50%;
right: -0.5rem;
margin-top: -0.5rem; }
.tsab .slds-nubbin_right-bottom:before,
.tsab .slds-nubbin--right-bottom:before {
margin-bottom: -1px; }
.tsab .slds-nubbin_right-bottom:after,
.tsab .slds-nubbin--right-bottom:after {
box-shadow: 2px -1px 3px 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-nubbin_right-bottom:before, .tsab .slds-nubbin_right-bottom:after,
.tsab .slds-nubbin--right-bottom:before,
.tsab .slds-nubbin--right-bottom:after {
top: auto;
bottom: 1rem; }
.tsab .slds-popover_walkthrough,
.tsab .slds-popover--walkthrough {
border-color: #061c3f;
color: white;
background: #061c3f; }
.tsab .slds-popover_walkthrough .slds-text-title,
.tsab .slds-popover_walkthrough .slds-text-title_caps,
.tsab .slds-popover_walkthrough .slds-text-title--caps,
.tsab .slds-popover--walkthrough .slds-text-title,
.tsab .slds-popover--walkthrough .slds-text-title_caps,
.tsab .slds-popover--walkthrough .slds-text-title--caps {
color: #9faab5; }
.tsab .slds-popover_walkthrough .slds-icon,
.tsab .slds-popover--walkthrough .slds-icon {
fill: currentColor; }
.tsab .slds-popover_walkthrough a,
.tsab .slds-popover--walkthrough a {
color: currentColor; }
.tsab .slds-popover_walkthrough a:hover, .tsab .slds-popover_walkthrough a:focus,
.tsab .slds-popover--walkthrough a:hover,
.tsab .slds-popover--walkthrough a:focus {
color: rgba(255, 255, 255, 0.75);
text-decoration: none;
outline: 0; }
.tsab .slds-popover_walkthrough a:active,
.tsab .slds-popover--walkthrough a:active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-popover_walkthrough a[disabled],
.tsab .slds-popover--walkthrough a[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-popover_walkthrough .slds-popover__header,
.tsab .slds-popover--walkthrough .slds-popover__header {
background: #16325c;
border-color: inherit;
padding: 0.75rem 1rem; }
.tsab .slds-popover_walkthrough .slds-popover__body,
.tsab .slds-popover_walkthrough .slds-popover__footer,
.tsab .slds-popover--walkthrough .slds-popover__body,
.tsab .slds-popover--walkthrough .slds-popover__footer {
padding: 1rem; }
.tsab .slds-popover_walkthrough .slds-popover__footer,
.tsab .slds-popover--walkthrough .slds-popover__footer {
border: 0; }
.tsab .slds-popover_walkthrough .slds-popover__close,
.tsab .slds-popover--walkthrough .slds-popover__close {
margin-top: 0.5rem;
margin-right: 0.5rem; }
.tsab .slds-popover_walkthrough-alt {
border-color: #0070d2;
background: #0070d2;
color: white; }
.tsab .slds-popover_tooltip,
.tsab .slds-popover--tooltip {
width: auto;
max-width: 20rem;
background: #16325c;
border: 0; }
.tsab .slds-popover_tooltip .slds-popover__body,
.tsab .slds-popover--tooltip .slds-popover__body {
font-size: 0.75rem;
color: white; }
.tsab .slds-rise-from-ground {
visibility: visible;
opacity: 1;
transform: translate(0%, 0%);
transition: opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear;
will-change: transform; }
.tsab .slds-fall-into-ground {
visibility: hidden;
opacity: 0;
transform: translate(0%, 0%);
transition: opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear;
will-change: transform; }
.tsab .slds-slide-from-bottom-to-top {
transform: translateY(10%);
will-change: transform; }
.tsab .slds-slide-from-top-to-bottom {
transform: translateY(-10%);
will-change: transform; }
.tsab .slds-slide-from-right-to-left {
transform: translateX(5%);
will-change: transform; }
.tsab .slds-slide-from-left-to-right {
transform: translateX(-5%);
will-change: transform; }
.tsab .slds-tooltip {
position: relative;
border-radius: 0.25rem;
width: 20rem;
min-height: 2rem;
z-index: 6000;
background-color: #061c3f;
display: inline-block; }
.tsab .slds-tooltip__body {
padding: 0.5rem 0.75rem;
font-size: 0.75rem;
color: white; }
.tsab .slds-dropdown-trigger {
position: relative;
display: inline-block;
/**
* If someone is using javascript for click to toggleSelection - this modifier will help
*
* @selector .slds-dropdown-trigger_hover
* @restrict .slds-dropdown-trigger
*/
/**
* If someone is using javascript for click to toggleSelection - this modifier will help
*
* @selector .slds-dropdown-trigger_click
* @restrict .slds-dropdown-trigger
*/ }
.tsab .slds-dropdown-trigger .slds-dropdown {
top: 100%; }
.tsab .slds-dropdown-trigger .slds-dropdown_bottom,
.tsab .slds-dropdown-trigger .slds-dropdown--bottom {
top: auto; }
.tsab .slds-dropdown-trigger .slds-dropdown {
visibility: hidden;
opacity: 0;
transition: opacity 0.1s linear, visibility 0.1s linear; }
.tsab .slds-dropdown-trigger:hover, .tsab .slds-dropdown-trigger:focus {
outline: 0; }
.tsab .slds-dropdown-trigger:hover .slds-dropdown, .tsab .slds-dropdown-trigger:focus .slds-dropdown {
visibility: visible;
opacity: 1;
transition: opacity 0.1s linear, visibility 0.1s linear; }
.tsab .slds-dropdown-trigger_hover .slds-dropdown, .tsab .slds-dropdown-trigger--hover .slds-dropdown {
visibility: hidden;
opacity: 0;
transition: opacity 0.1s linear, visibility 0.1s linear; }
.tsab .slds-dropdown-trigger_hover:hover, .tsab .slds-dropdown-trigger_hover:focus, .tsab .slds-dropdown-trigger--hover:hover, .tsab .slds-dropdown-trigger--hover:focus {
outline: 0; }
.tsab .slds-dropdown-trigger_hover:hover .slds-dropdown, .tsab .slds-dropdown-trigger_hover:focus .slds-dropdown, .tsab .slds-dropdown-trigger--hover:hover .slds-dropdown, .tsab .slds-dropdown-trigger--hover:focus .slds-dropdown {
visibility: visible;
opacity: 1;
transition: opacity 0.1s linear, visibility 0.1s linear; }
.tsab .slds-dropdown-trigger_click, .tsab .slds-dropdown-trigger--click {
/**
* Opens dropdown menu when invoked on click
*
* @selector .slds-is-open
* @restrict .slds-dropdown-trigger_click
* @modifier
*/ }
.tsab .slds-dropdown-trigger_click .slds-dropdown, .tsab .slds-dropdown-trigger--click .slds-dropdown {
display: none; }
.tsab .slds-dropdown-trigger_click.slds-is-open .slds-dropdown, .tsab .slds-dropdown-trigger--click.slds-is-open .slds-dropdown {
display: block;
visibility: visible;
opacity: 1; }
.tsab .slds-dropdown-trigger > [class*="slds-button_icon"] ~ .slds-dropdown_left[class*="slds-nubbin"],
.tsab .slds-dropdown-trigger > [class*="slds-button_icon"] ~ .slds-dropdown--left[class*="slds-nubbin"],
.tsab .slds-dropdown-trigger > [class*="slds-button--icon"] ~ .slds-dropdown_left[class*="slds-nubbin"],
.tsab .slds-dropdown-trigger > [class*="slds-button--icon"] ~ .slds-dropdown--left[class*="slds-nubbin"] {
left: -0.5rem; }
.tsab .slds-dropdown-trigger > [class*="slds-button_icon"] ~ .slds-dropdown_right[class*="slds-nubbin"],
.tsab .slds-dropdown-trigger > [class*="slds-button_icon"] ~ .slds-dropdown--right[class*="slds-nubbin"],
.tsab .slds-dropdown-trigger > [class*="slds-button--icon"] ~ .slds-dropdown_right[class*="slds-nubbin"],
.tsab .slds-dropdown-trigger > [class*="slds-button--icon"] ~ .slds-dropdown--right[class*="slds-nubbin"] {
right: -0.5rem; }
.tsab .slds-dropdown {
position: absolute;
z-index: 7000;
left: 50%;
float: left;
min-width: 6rem;
max-width: 20rem;
margin-top: 0.125rem;
margin-bottom: 0.125rem;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
padding: 0.25rem 0;
font-size: 0.75rem;
background: #fdfdfd;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
transform: translateX(-50%);
/**
* Positions dropdown to left side of target
*
* @selector .slds-dropdown_left
* @restrict .slds-dropdown
* @modifier
* @group position
*/
/**
* Positions dropdown to right side of target
*
* @selector .slds-dropdown_right
* @restrict .slds-dropdown
* @modifier
* @group position
*/
/**
* Positions dropdown to above target
*
* @selector .slds-dropdown_bottom
* @restrict .slds-dropdown
* @modifier
* @group position
*/
/**
* Sets min-width of 6rem/96px
*
* @selector .slds-dropdown_xx-small
* @restrict .slds-dropdown
* @modifier
* @group width
*/
/**
* Sets min-width of 12rem/192px
*
* @selector .slds-dropdown_x-small
* @restrict .slds-dropdown
* @modifier
* @group width
*/
/**
* Sets min-width of 15rem/240px
*
* @selector .slds-dropdown_small
* @restrict .slds-dropdown
* @modifier
* @group width
*/
/**
* Sets min-width of 20rem/320px
*
* @selector .slds-dropdown_medium
* @restrict .slds-dropdown
* @modifier
* @group width
*/
/**
* Sets min-width of 25rem/400px
*
* @selector .slds-dropdown_large
* @restrict .slds-dropdown
* @modifier
* @group width
*/
/**
* Sets min-width of 25rem/400px
*
* @selector .slds-dropdown_large
* @restrict .slds-dropdown
* @modifier
* @group width
*/
/**
* Forces overflow scrolling after 5 list items
*
* @selector .slds-dropdown_length-5
* @restrict .slds-dropdown, .slds-dropdown__list
* @modifier
* @group height
*/
/**
* Forces overflow scrolling after 7 list items
*
* @selector .slds-dropdown_length-7
* @restrict .slds-dropdown, .slds-dropdown__list
* @modifier
* @group height
*/
/**
* Forces overflow scrolling after 10 list items
*
* @selector .slds-dropdown_length-10
* @restrict .slds-dropdown, .slds-dropdown__list
* @modifier
* @group height
*/
/**
* Forces overflow scrolling after 5 list items with an icon
*
* @selector .slds-dropdown_length-with-icon-5
* @restrict .slds-dropdown, .slds-dropdown__list
* @modifier
* @group height
*/
/**
* Forces overflow scrolling after 7 list items with an icon
*
* @selector .slds-dropdown_length-with-icon-7
* @restrict .slds-dropdown, .slds-dropdown__list
* @modifier
* @group height
*/
/**
* Forces overflow scrolling after 10 list items with an icon
*
* @selector .slds-dropdown_length-with-icon-10
* @restrict .slds-dropdown, .slds-dropdown__list
* @modifier
* @group height
*/
/**
* Theme
*
* @selector .slds-dropdown_inverse
* @restrict .slds-dropdown
* @modifier
* @group theme
*/
/**
* Adds padding to area above dropdown menu list
*
* @selector .slds-dropdown__header
* @restrict .slds-dropdown li
*/
/**
* Initializes dropdown item
*
* @selector .slds-dropdown__item
* @restrict .slds-dropdown li
* @required
*/ }
.tsab .slds-dropdown_left, .tsab .slds-dropdown--left {
left: 0;
transform: translateX(0); }
.tsab .slds-dropdown_right, .tsab .slds-dropdown--right {
left: auto;
right: 0;
transform: translateX(0); }
.tsab .slds-dropdown_bottom, .tsab .slds-dropdown--bottom {
bottom: 100%; }
.tsab .slds-dropdown_xx-small, .tsab .slds-dropdown--xx-small {
min-width: 12rem; }
.tsab .slds-dropdown_x-small, .tsab .slds-dropdown--x-small {
min-width: 12rem; }
.tsab .slds-dropdown_small, .tsab .slds-dropdown--small {
min-width: 15rem; }
.tsab .slds-dropdown_medium, .tsab .slds-dropdown--medium {
min-width: 20rem; }
.tsab .slds-dropdown_large, .tsab .slds-dropdown--large {
min-width: 25rem;
max-width: 512px; }
.tsab .slds-dropdown_fluid, .tsab .slds-dropdown--fluid {
min-width: auto;
max-width: 100%;
width: 100%; }
.tsab .slds-dropdown_length-5, .tsab .slds-dropdown--length-5 {
-webkit-overflow-scrolling: touch;
max-height: calc(((0.8125rem * 1.5) + 1rem) * 5);
overflow-y: auto; }
.tsab .slds-dropdown_length-7, .tsab .slds-dropdown--length-7 {
-webkit-overflow-scrolling: touch;
max-height: calc(((0.8125rem * 1.5) + 1rem) * 7);
overflow-y: auto; }
.tsab .slds-dropdown_length-10, .tsab .slds-dropdown--length-10 {
-webkit-overflow-scrolling: touch;
max-height: calc(((0.8125rem * 1.5) + 1rem) * 10);
overflow-y: auto; }
.tsab .slds-dropdown_length-with-icon-5, .tsab .slds-dropdown--length-with-icon-5 {
-webkit-overflow-scrolling: touch;
max-height: calc((1.5rem + 1rem) * 5);
overflow-y: auto; }
.tsab .slds-dropdown_length-with-icon-7, .tsab .slds-dropdown--length-with-icon-7 {
-webkit-overflow-scrolling: touch;
max-height: calc((1.5rem + 1rem) * 7);
overflow-y: auto; }
.tsab .slds-dropdown_length-with-icon-10, .tsab .slds-dropdown--length-with-icon-10 {
-webkit-overflow-scrolling: touch;
max-height: calc((1.5rem + 1rem) * 10);
overflow-y: auto; }
.tsab .slds-dropdown_inverse, .tsab .slds-dropdown--inverse {
background: #061c3f;
border-color: #061c3f; }
.tsab .slds-dropdown_inverse .slds-dropdown__item > a, .tsab .slds-dropdown--inverse .slds-dropdown__item > a {
color: white; }
.tsab .slds-dropdown_inverse .slds-dropdown__item > a:hover, .tsab .slds-dropdown_inverse .slds-dropdown__item > a:focus, .tsab .slds-dropdown--inverse .slds-dropdown__item > a:hover, .tsab .slds-dropdown--inverse .slds-dropdown__item > a:focus {
color: rgba(255, 255, 255, 0.75);
background-color: transparent; }
.tsab .slds-dropdown_inverse .slds-dropdown__item > a:active, .tsab .slds-dropdown--inverse .slds-dropdown__item > a:active {
color: rgba(255, 255, 255, 0.5);
background-color: transparent; }
.tsab .slds-dropdown_inverse .slds-dropdown__item > a[aria-disabled="true"], .tsab .slds-dropdown--inverse .slds-dropdown__item > a[aria-disabled="true"] {
color: rgba(255, 255, 255, 0.15);
cursor: default; }
.tsab .slds-dropdown_inverse .slds-dropdown__item > a[aria-disabled="true"]:hover, .tsab .slds-dropdown--inverse .slds-dropdown__item > a[aria-disabled="true"]:hover {
background-color: transparent; }
.tsab .slds-dropdown mark {
font-weight: 700;
background-color: transparent; }
.tsab .slds-dropdown[class*="slds-nubbin_top"], .tsab .slds-dropdown[class*="slds-nubbin--top"] {
margin-top: 0.5rem; }
.tsab .slds-dropdown[class*="slds-nubbin_bottom"], .tsab .slds-dropdown[class*="slds-nubbin--bottom"] {
margin-bottom: 0.5rem; }
.tsab .slds-dropdown_nubbin-top, .tsab .slds-dropdown--nubbin-top {
margin-top: 0.5rem; }
.tsab .slds-dropdown_nubbin-top:before, .tsab .slds-dropdown--nubbin-top:before {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: #fdfdfd;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-dropdown_nubbin-top:after, .tsab .slds-dropdown--nubbin-top:after {
width: 1rem;
height: 1rem;
position: absolute;
transform: rotate(45deg);
content: '';
background-color: #fdfdfd;
left: 50%;
top: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-dropdown_nubbin-top:before, .tsab .slds-dropdown--nubbin-top:before {
background: #fdfdfd; }
.tsab .slds-dropdown_nubbin-top:after, .tsab .slds-dropdown--nubbin-top:after {
background: #fdfdfd;
box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
z-index: -1; }
.tsab .slds-dropdown_nubbin-top.slds-dropdown_left, .tsab .slds-dropdown_nubbin-top.slds-dropdown--left, .tsab .slds-dropdown--nubbin-top.slds-dropdown_left, .tsab .slds-dropdown--nubbin-top.slds-dropdown--left {
left: -1rem; }
.tsab .slds-dropdown_nubbin-top.slds-dropdown_left:before, .tsab .slds-dropdown_nubbin-top.slds-dropdown_left:after, .tsab .slds-dropdown_nubbin-top.slds-dropdown--left:before, .tsab .slds-dropdown_nubbin-top.slds-dropdown--left:after, .tsab .slds-dropdown--nubbin-top.slds-dropdown_left:before, .tsab .slds-dropdown--nubbin-top.slds-dropdown_left:after, .tsab .slds-dropdown--nubbin-top.slds-dropdown--left:before, .tsab .slds-dropdown--nubbin-top.slds-dropdown--left:after {
left: 1.5rem;
margin-left: 0; }
.tsab .slds-dropdown_nubbin-top.slds-dropdown_right, .tsab .slds-dropdown_nubbin-top.slds-dropdown--right, .tsab .slds-dropdown--nubbin-top.slds-dropdown_right, .tsab .slds-dropdown--nubbin-top.slds-dropdown--right {
right: -1rem; }
.tsab .slds-dropdown_nubbin-top.slds-dropdown_right:before, .tsab .slds-dropdown_nubbin-top.slds-dropdown_right:after, .tsab .slds-dropdown_nubbin-top.slds-dropdown--right:before, .tsab .slds-dropdown_nubbin-top.slds-dropdown--right:after, .tsab .slds-dropdown--nubbin-top.slds-dropdown_right:before, .tsab .slds-dropdown--nubbin-top.slds-dropdown_right:after, .tsab .slds-dropdown--nubbin-top.slds-dropdown--right:before, .tsab .slds-dropdown--nubbin-top.slds-dropdown--right:after {
left: auto;
right: 1.5rem;
margin-left: 0; }
.tsab .slds-dropdown__header {
padding: 0.5rem 0.75rem; }
.tsab .slds-dropdown__item {
line-height: 1.5;
/**
* If menu contains menuitemcheckbox then this toggles the selected icon when it is selected
*
* @selector .slds-icon_selected
* @restrict .slds-dropdown__item svg
*/
/**
* If menu contains menuitemcheckbox then this handles the selected states
*
* @selector .slds-is-selected
* @restrict .slds-dropdown__item
* @modifier
*/ }
.tsab .slds-dropdown__item > a {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 0.75rem;
color: #16325c;
white-space: nowrap;
cursor: pointer; }
.tsab .slds-dropdown__item > a:hover, .tsab .slds-dropdown__item > a:focus {
outline: 0;
text-decoration: none;
background-color: #f4f6f9; }
.tsab .slds-dropdown__item > a:active {
text-decoration: none;
background-color: #eef1f6; }
.tsab .slds-dropdown__item > a[aria-disabled="true"] {
color: #d8dde6;
cursor: default; }
.tsab .slds-dropdown__item > a[aria-disabled="true"]:hover {
background-color: transparent; }
.tsab .slds-dropdown__item .slds-icon_selected,
.tsab .slds-dropdown__item .slds-icon--selected {
opacity: 0;
transition: opacity 0.05s ease; }
.tsab .slds-dropdown__item.slds-is-selected .slds-icon_selected,
.tsab .slds-dropdown__item.slds-is-selected .slds-icon--selected {
opacity: 1; }
.tsab .slds-dropdown .slds-has-icon {
position: relative; }
.tsab .slds-dropdown .slds-has-icon_left > a,
.tsab .slds-dropdown .slds-has-icon--left > a,
.tsab .slds-dropdown .slds-has-icon_left > span,
.tsab .slds-dropdown .slds-has-icon--left > span {
padding-left: 2rem; }
.tsab .slds-dropdown .slds-has-icon_right > a,
.tsab .slds-dropdown .slds-has-icon--right > a,
.tsab .slds-dropdown .slds-has-icon_right > span,
.tsab .slds-dropdown .slds-has-icon--right > span {
padding-right: 2rem; }
.tsab .slds-dropdown .slds-has-icon_left-right > a,
.tsab .slds-dropdown .slds-has-icon--left-right > a,
.tsab .slds-dropdown .slds-has-icon_left-right > span,
.tsab .slds-dropdown .slds-has-icon--left-right > span {
padding-left: 2rem;
padding-right: 2rem; }
.tsab .slds-dropdown .slds-has-icon .slds-icon {
width: 1rem;
height: 1rem;
position: absolute;
top: 50%;
margin-top: -0.5rem;
fill: #54698d; }
.tsab .slds-dropdown .slds-has-icon .slds-icon_left, .tsab .slds-dropdown .slds-has-icon .slds-icon--left {
left: 0.75rem; }
.tsab .slds-dropdown .slds-has-icon .slds-icon_right, .tsab .slds-dropdown .slds-has-icon .slds-icon--right {
right: 0.75rem; }
.tsab .slds-dropdown_actions a,
.tsab .slds-dropdown--actions a {
color: #0070d2; }
.tsab .slds-picklist {
position: relative;
/**
* Resets explicit width on picklist to be fluid to its parent element
*
* @selector .slds-picklist_fluid
* @restrict .slds-picklist
* @modifier
*/ }
.tsab .slds-picklist .slds-dropdown {
width: 15rem; }
.tsab .slds-picklist li {
/**
* Set default state of icon for when a listbox option is selected
*
* @selector .slds-icon_selected
* @restrict .slds-picklist li svg
* @required
*/
/**
* Toggles state of icon for when a listbox option is selected
*
* @selector .slds-is-selected
* @restrict .slds-picklist li
* @modifier
* @required
*/ }
.tsab .slds-picklist li .slds-icon_selected,
.tsab .slds-picklist li .slds-icon--selected {
opacity: 0;
transition: opacity 0.05s ease; }
.tsab .slds-picklist li.slds-is-selected .slds-icon_selected,
.tsab .slds-picklist li.slds-is-selected .slds-icon--selected {
fill: #0070d2;
opacity: 1; }
.tsab .slds-picklist_fluid .slds-picklist__input,
.tsab .slds-picklist_fluid .slds-picklist__label,
.tsab .slds-picklist_fluid .slds-dropdown,
.tsab .slds-picklist_fluid .slds-lookup, .tsab .slds-picklist--fluid .slds-picklist__input,
.tsab .slds-picklist--fluid .slds-picklist__label,
.tsab .slds-picklist--fluid .slds-dropdown,
.tsab .slds-picklist--fluid .slds-lookup {
width: auto;
min-width: 0;
max-width: 15rem; }
.tsab .slds-picklist__input {
width: 15rem; }
.tsab .slds-picklist__input .slds-button {
line-height: 0; }
.tsab .slds-picklist__label {
padding-right: 2rem;
width: 15rem;
color: #16325c;
text-align: left; }
.tsab .slds-picklist__label .slds-icon {
width: 0.75rem;
height: 0.75rem;
position: absolute;
right: 1rem;
top: 50%;
margin-top: -0.375rem;
fill: #54698d; }
.tsab .slds-picklist__label .slds-truncate {
display: block; }
.tsab .slds-combobox_container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
/**
* Opens listbox dropdown
*
* @selector .slds-is-open
* @restrict .slds-combobox
* @modifier
*/ }
.tsab .slds-combobox_container.slds-is-open .slds-dropdown {
display: block; }
.tsab .slds-combobox {
position: static;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.tsab .slds-combobox__form-element {
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.tsab .slds-listbox {
font-size: 0.8125rem; }
.tsab .slds-listbox_inline,
.tsab .slds-listbox--inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-align: center;
align-items: center;
margin-left: 0.125rem;
margin-right: 0.125rem; }
.tsab .slds-listbox_inline li,
.tsab .slds-listbox--inline li {
display: -ms-flexbox;
display: flex; }
.tsab .slds-listbox_inline li + li,
.tsab .slds-listbox--inline li + li {
padding-left: 0.125rem; }
.tsab .slds-listbox_horizontal,
.tsab .slds-listbox--horizontal {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center; }
.tsab .slds-listbox_horizontal li + li,
.tsab .slds-listbox--horizontal li + li {
padding-left: 0.125rem; }
.tsab .slds-listbox__option:hover {
cursor: pointer; }
.tsab .slds-listbox__option:focus {
outline: 0; }
.tsab .slds-listbox__option .slds-truncate {
display: inline-block;
vertical-align: middle; }
.tsab .slds-listbox_vertical,
.tsab .slds-listbox--vertical {
/**
* Focus state of a vertical listbox option
*
* @selector .slds-has-focus
* @restrict .slds-listbox__option
* @modifier
*/
/**
* Modifies the listbox option if it contains an plain object or string
*
* @selector .slds-listbox__option_plain
* @restrict .slds-listbox__option
*/
/**
* Modifies the listbox option if it contains an entity object
*
* @selector .slds-listbox__option_entity
* @restrict .slds-listbox__option
*/
/**
* If the listbox option has metadata or secondary information that sits below its primary text
*
* @selector .slds-listbox__option_has-meta
* @restrict .slds-listbox__option
*/ }
.tsab .slds-listbox_vertical .slds-listbox__option:focus,
.tsab .slds-listbox_vertical .slds-listbox__option:hover,
.tsab .slds-listbox_vertical .slds-listbox__option.slds-has-focus,
.tsab .slds-listbox--vertical .slds-listbox__option:focus,
.tsab .slds-listbox--vertical .slds-listbox__option:hover,
.tsab .slds-listbox--vertical .slds-listbox__option.slds-has-focus {
background-color: #f4f6f9;
text-decoration: none; }
.tsab .slds-listbox_vertical .slds-listbox__option[role="presentation"]:hover,
.tsab .slds-listbox--vertical .slds-listbox__option[role="presentation"]:hover {
background-color: transparent;
cursor: default; }
.tsab .slds-listbox_vertical .slds-listbox__option_plain,
.tsab .slds-listbox_vertical .slds-listbox__option--plain,
.tsab .slds-listbox--vertical .slds-listbox__option_plain,
.tsab .slds-listbox--vertical .slds-listbox__option--plain {
padding: 0.5rem 0.75rem; }
.tsab .slds-listbox_vertical .slds-listbox__option_entity,
.tsab .slds-listbox_vertical .slds-listbox__option--entity,
.tsab .slds-listbox--vertical .slds-listbox__option_entity,
.tsab .slds-listbox--vertical .slds-listbox__option--entity {
padding: 0.25rem 0.75rem; }
.tsab .slds-listbox_vertical .slds-listbox__option_entity .slds-media__figure,
.tsab .slds-listbox_vertical .slds-listbox__option--entity .slds-media__figure,
.tsab .slds-listbox--vertical .slds-listbox__option_entity .slds-media__figure,
.tsab .slds-listbox--vertical .slds-listbox__option--entity .slds-media__figure {
margin-right: 0.5rem; }
.tsab .slds-listbox_vertical .slds-listbox__option_has-meta .slds-media__figure,
.tsab .slds-listbox_vertical .slds-listbox__option--has-meta .slds-media__figure,
.tsab .slds-listbox--vertical .slds-listbox__option_has-meta .slds-media__figure,
.tsab .slds-listbox--vertical .slds-listbox__option--has-meta .slds-media__figure {
margin-top: 0.25rem; }
.tsab [class*="slds-input-has-icon_left"] .slds-combobox__input[value],
.tsab [class*="slds-input-has-icon--left"] .slds-combobox__input[value] {
padding-left: 2.25rem; }
.tsab .slds-combobox__input-entity-icon {
width: 1.25rem;
height: 1.25rem;
position: absolute;
top: 50%;
left: calc(0.25rem + 1px);
transform: translateY(-50%); }
.tsab .slds-combobox__input-entity-icon .slds-icon {
width: 1.25rem;
height: 1.25rem; }
.tsab .slds-combobox_container__icon {
color: #9faab5; }
.tsab .slds-listbox__icon-selected {
opacity: 0;
fill: #0070d2; }
.tsab .slds-listbox__option.slds-is-selected .slds-listbox__icon-selected {
opacity: 1; }
.tsab .slds-listbox__option-text_entity,
.tsab .slds-listbox__option-text--entity {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
margin-bottom: 0.125rem; }
.tsab .slds-listbox__option-meta_entity,
.tsab .slds-listbox__option-meta--entity {
display: block;
margin-top: -0.25rem;
color: #54698d; }
.tsab .slds-listbox_object-switcher,
.tsab .slds-listbox--object-switcher {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0.125rem; }
.tsab .slds-has-inline-listbox,
.tsab .slds-has-object-switcher {
-ms-flex-direction: row;
flex-direction: row;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
/**
* Input field within a combobox
*
* @selector .slds-combobox__input
* @restrict .slds-combobox input
*/
/**
* Modifier to the combobox when an SVG icon sits adjacent to the combobox form element
*
* @selector .slds-has-icon_left
* @restrict .slds-combobox
*/ }
.tsab .slds-has-inline-listbox .slds-combobox__input,
.tsab .slds-has-object-switcher .slds-combobox__input {
min-height: 1.625rem;
line-height: 1.625rem;
border: 0;
padding-top: 0.125rem;
padding-bottom: 0.125rem; }
.tsab .slds-has-inline-listbox .slds-combobox__input:focus, .tsab .slds-has-inline-listbox .slds-combobox__input:active,
.tsab .slds-has-object-switcher .slds-combobox__input:focus,
.tsab .slds-has-object-switcher .slds-combobox__input:active {
outline: 0;
box-shadow: none; }
.tsab .slds-has-inline-listbox .slds-listbox_object-switcher ~ .slds-listbox_inline,
.tsab .slds-has-inline-listbox .slds-listbox--object-switcher ~ .slds-listbox--inline,
.tsab .slds-has-inline-listbox .slds-combobox_container__icon ~ .slds-listbox_inline,
.tsab .slds-has-inline-listbox .slds-combobox_container__icon ~ .slds-listbox--inline,
.tsab .slds-has-object-switcher .slds-listbox_object-switcher ~ .slds-listbox_inline,
.tsab .slds-has-object-switcher .slds-listbox--object-switcher ~ .slds-listbox--inline,
.tsab .slds-has-object-switcher .slds-combobox_container__icon ~ .slds-listbox_inline,
.tsab .slds-has-object-switcher .slds-combobox_container__icon ~ .slds-listbox--inline {
margin-left: 0.5rem; }
.tsab .slds-has-inline-listbox.slds-has-icon_left,
.tsab .slds-has-object-switcher.slds-has-icon_left {
padding-left: 2.25rem;
/**
* SVG icon that sits adjacent to the combobox form element
*
* @selector .slds-combobox_container__icon
* @restrict .slds-combobox_container svg
*/ }
.tsab .slds-has-inline-listbox.slds-has-icon_left .slds-combobox_container__icon,
.tsab .slds-has-object-switcher.slds-has-icon_left .slds-combobox_container__icon {
width: 1rem;
height: 1rem;
position: absolute;
left: 1.125rem;
top: 50%;
margin-top: -0.5rem; }
.tsab .slds-has-inline-listbox [role="listbox"] {
display: -ms-inline-flexbox;
display: inline-flex; }
.tsab .slds-has-inline-listbox .slds-combobox__input[value] {
box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px #d8dde6 inset; }
.tsab .slds-dueling-list {
display: -ms-flexbox;
display: flex; }
.tsab .slds-dueling-list__column {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column; }
.tsab .slds-dueling-list__column .slds-button {
margin: 0.25rem; }
.tsab .slds-dueling-list__column .slds-button:first-of-type {
margin-top: 1.5rem; }
.tsab .slds-dueling-list__options,
.tsab .slds-picklist__options {
border: 1px solid #d8dde6;
border-radius: 0.25rem;
padding: 0.25rem 0;
width: 15rem;
height: 15rem;
background-color: white;
overflow: auto; }
.tsab .slds-dueling-list__options [aria-selected="true"],
.tsab .slds-picklist__options [aria-selected="true"] {
background-color: #0070d2;
color: white; }
.tsab .slds-dueling-list__options [aria-selected="true"]:hover, .tsab .slds-dueling-list__options [aria-selected="true"]:focus,
.tsab .slds-picklist__options [aria-selected="true"]:hover,
.tsab .slds-picklist__options [aria-selected="true"]:focus {
background: #005fb2;
color: white; }
.tsab .slds-picklist_draggable,
.tsab .slds-picklist--draggable {
display: -ms-flexbox;
display: flex; }
.tsab .slds-picklist_draggable .slds-button,
.tsab .slds-picklist--draggable .slds-button {
margin: 0.25rem; }
.tsab .slds-picklist_draggable .slds-button:first-of-type,
.tsab .slds-picklist--draggable .slds-button:first-of-type {
margin-top: 1.5rem; }
.tsab .slds-picklist__item {
position: relative;
line-height: 1.5; }
.tsab .slds-picklist__item > a,
.tsab .slds-picklist__item > span {
display: block;
padding: 0.5rem 0.75rem; }
.tsab .slds-picklist__item > a:hover,
.tsab .slds-picklist__item > span:hover {
background-color: #f4f6f9;
cursor: pointer; }
.tsab .slds-picklist__item > a:active,
.tsab .slds-picklist__item > span:active {
background-color: #eef1f6; }
.tsab .slds-picklist__item[aria-selected="true"] {
background-color: #eef1f6; }
.tsab .slds-datepicker {
padding: 0;
font-size: 0.75rem;
/**
* Helper class that styles date range appropriately
*
* @selector .slds-has-multi-row-selection
* @restrict .slds-datepicker tr
*/
/**
* Aligns filter items horizontally
*
* @selector .slds-datepicker__filter
* @restrict .slds-datepicker div
* @required
*/
/**
* Spaces out month filter
*
* @selector .slds-datepicker__month_filter
* @restrict .slds-datepicker div
* @required
*/
/**
* Container of the month table
*
* @selector .slds-datepicker__month
* @restrict .slds-datepicker table
* @required
*/ }
.tsab .slds-datepicker th,
.tsab .slds-datepicker td {
text-align: center; }
.tsab .slds-datepicker th {
padding: 0.5rem;
font-weight: 400;
color: #54698d; }
.tsab .slds-datepicker td {
padding: 0.25rem;
text-align: center;
font-size: 0.75rem;
/**
* Style for calendar days
*
* @selector .slds-day
* @restrict .slds-datepicker td span
* @required
*/
/**
* Indicates today
*
* @selector .slds-is-today
* @restrict .slds-datepicker td
* @required
*/
/**
* Indicates selected days
*
* @selector .slds-is-selected
* @restrict .slds-datepicker td
* @modifier
*/
/**
* Indicates if selected days are apart of a date range
*
* @selector .slds-is-selected-multi
* @restrict .slds-datepicker td
* @modifier
*/ }
.tsab .slds-datepicker td > .slds-day {
width: 2rem;
height: 2rem;
display: block;
position: relative;
min-width: 2rem;
line-height: 2rem;
border-radius: 50%;
margin: auto; }
.tsab .slds-datepicker td:hover:not(.slds-disabled-text) > .slds-day,
.tsab .slds-datepicker td:focus:not(.slds-disabled-text) > .slds-day,
.tsab .slds-datepicker td.slds-is-today > .slds-day {
background: #f4f6f9;
cursor: pointer; }
.tsab .slds-datepicker td.slds-is-selected:not(.slds-disabled-text) > .slds-day {
background: #005fb2;
color: white; }
.tsab .slds-datepicker td.slds-is-selected-multi > .slds-day {
overflow: visible; }
.tsab .slds-datepicker td.slds-is-selected-multi + .slds-is-selected-multi > .slds-day:before {
content: '';
position: absolute;
background: #005fb2;
top: 0;
left: -50%;
height: 100%;
width: 2.5rem;
transform: translateX(-0.5rem);
z-index: -1; }
.tsab .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child > .slds-day:before,
.tsab .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child > .slds-day:after {
content: '';
position: absolute;
background: #005fb2;
top: 0;
left: -50%;
height: 100%;
width: 2.5rem;
transform: translateX(-0.5rem);
z-index: -1; }
.tsab .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child > .slds-day:before {
left: 0;
transform: translateX(-0.25rem); }
.tsab .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child > .slds-day:after {
left: auto;
right: 0;
transform: translateX(0.25rem); }
.tsab .slds-datepicker__filter {
padding: 0.25rem; }
.tsab .slds-datepicker__filter_month, .tsab .slds-datepicker__filter--month {
padding: 0 0.25rem 0 0; }
.tsab .slds-datepicker__month {
font-size: 0.75rem; }
.tsab .slds-disabled-text {
color: #d8dde6; }
.tsab .slds-datepicker_time,
.tsab .slds-datepicker--time {
max-width: 12rem;
max-height: 13.5rem;
overflow: hidden;
overflow-y: auto; }
.tsab .slds-datepicker_time__list > li,
.tsab .slds-datepicker--time__list > li {
white-space: nowrap;
padding: 0.5rem;
padding-left: 2rem;
padding-right: 2rem; }
.tsab .slds-datepicker_time__list > li:hover, .tsab .slds-datepicker_time__list > li:focus,
.tsab .slds-datepicker--time__list > li:hover,
.tsab .slds-datepicker--time__list > li:focus {
background: #f4f6f9;
text-decoration: none;
cursor: pointer; }
.tsab .slds-docked_container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
position: fixed;
bottom: 0;
right: 0;
padding: 0 1.5rem;
height: 2.5rem; }
.tsab .slds-docked-composer {
position: relative;
border-radius: 0.25rem 0.25rem 0 0;
width: 480px;
height: 2.5rem;
float: left;
box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
border: 1px solid #d8dde6;
border-bottom: none;
/**
* @selector .slds-has-focus
* @restrict .slds-docked-composer
* @modifier
* @group interaction
*/
/**
* @selector .slds-is-open
* @restrict .slds-docked-composer
* @modifier
* @group visibility
*/
/**
* @selector .slds-is-closed
* @restrict .slds-docked-composer
* @modifier
* @group visibility
*/
/**
* Bar at the top of the composer that contains actionable items to invoke,
* such as minimizing, popping out the composer and removing the composer.
*
* @selector .slds-docked-composer__header
* @restrict .slds-docked-composer header
*/
/**
* Primary area within docked composer that contains specific task
*
* @selector .slds-docked-composer__body
* @restrict .slds-docked-composer div
*/
/**
* @selector .slds-docked-composer__body_form
* @restrict .slds-docked-composer__body
*/
/**
* Within the docked composer body, the lead is the first region
*
* @selector .slds-docked-composer__lead
* @restrict .slds-docked-composer div
*/
/**
* @selector .slds-docked-composer__toolbar
* @restrict .slds-docked-composer div
*/
/**
* Bar at the bottom of the composer that contains actionable items to
* invoke, such as saving, associating relationships and adding content.
*
* @selector .slds-docked-composer__footer
* @restrict .slds-docked-composer footer
*/
/**
* When the number of docked composer exceed the width of the viewport, this class modifies the docked composer styles
*
* @selector .slds-docked-composer_overflow
* @restrict .slds-docked-composer
* @required
*/ }
.tsab .slds-docked-composer.slds-has-focus {
box-shadow: 0 0 4px 2px #1589ee; }
.tsab .slds-docked-composer.slds-is-open {
height: 480px; }
.tsab .slds-docked-composer.slds-is-closed {
height: 2.5rem; }
.tsab .slds-docked-composer.slds-is-closed .slds-docked-composer__body,
.tsab .slds-docked-composer.slds-is-closed .slds-docked-composer__footer {
display: none; }
.tsab .slds-docked-composer + .slds-docked-composer {
margin-left: 1.5rem; }
.tsab .slds-docked-composer__header {
background: #f7f9fb;
border-bottom: 2px solid #1589ee;
border-radius: 0.25rem 0.25rem 0 0;
padding: 0.5rem 0.75rem; }
.tsab .slds-docked-composer__actions .slds-button {
margin-left: 0.75rem; }
.tsab .slds-docked-composer__body {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-direction: column;
flex-direction: column;
overflow: auto; }
.tsab .slds-docked-composer__body_form, .tsab .slds-docked-composer__body--form {
-ms-flex-pack: start;
justify-content: flex-start;
padding: 1rem; }
.tsab .slds-docked-composer__lead {
display: -ms-flexbox;
display: flex;
background: #fdfdfd;
padding: 1rem 0.5rem; }
.tsab .slds-docked-composer__toolbar {
background: #f4f6f9;
padding: 0.25rem 0.5rem;
max-height: 60px;
overflow-y: auto;
border-top: 1px solid #d8dde6;
border-bottom: 1px solid #d8dde6; }
.tsab .slds-docked-composer__input {
background: #fdfdfd;
padding: 1rem;
min-height: 6rem;
resize: none;
line-height: 1.5;
overflow: hidden;
overflow-y: auto; }
.tsab .slds-docked-composer__footer {
display: -ms-flexbox;
display: flex;
background: #f4f6f9;
padding: 0.75rem 0.5rem;
border-top: 1px solid #d8dde6; }
.tsab .slds-docked-composer_overflow, .tsab .slds-docked-composer--overflow {
width: auto; }
.tsab .slds-docked-composer_overflow__button, .tsab .slds-docked-composer--overflow__button {
display: -ms-flexbox;
display: flex;
background: #f7f9fb;
padding: 0 0.75rem;
height: inherit;
white-space: nowrap;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.tsab .slds-docked-composer_overflow__pill, .tsab .slds-docked-composer--overflow__pill {
display: -ms-flexbox;
display: flex;
padding: 0 0.75rem;
height: inherit;
white-space: nowrap;
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem; }
.tsab .slds-docked-composer_overflow__pill:hover, .tsab .slds-docked-composer_overflow__pill:focus, .tsab .slds-docked-composer--overflow__pill:hover, .tsab .slds-docked-composer--overflow__pill:focus {
color: white;
text-decoration: none; }
.tsab .slds-docked-composer_overflow__pill .slds-text-body_small,
.tsab .slds-docked-composer_overflow__pill .slds-text-body--small, .tsab .slds-docked-composer--overflow__pill .slds-text-body_small,
.tsab .slds-docked-composer--overflow__pill .slds-text-body--small {
color: white;
margin-left: 0.5rem; }
.tsab .slds-docked-composer-modal .slds-modal__content {
border-radius: 0.25rem; }
.tsab .slds-docked-composer-modal .slds-docked-composer {
width: 100%;
height: 100%;
border: 0; }
.tsab .slds-email-composer {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.tsab .slds-email-composer .slds-rich-text-editor {
border: 0;
border-top: 1px solid #d8dde6;
border-radius: 0; }
.tsab .slds-email-composer__combobox {
padding-left: 3rem;
border: 0;
border-bottom: 1px solid #d8dde6;
border-radius: 0; }
.tsab .slds-email-composer__combobox .slds-form-element__label {
position: absolute;
left: 0.75rem;
top: 50%;
transform: translateY(-50%); }
.tsab .slds-email-composer__combobox .slds-combobox_container {
border: 0; }
.tsab .slds-email-composer__recipient {
position: absolute;
top: 0;
right: 0.75rem; }
.tsab .slds-utility-bar_container {
position: relative; }
.tsab .slds-utility-bar {
display: -ms-flexbox;
display: flex;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 2.5rem;
background: #f4f6f9;
box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
z-index: 4;
/**
* Notification indicator
*
* @selector .slds-indicator_unread
* @restrict .slds-utility-bar abbr
*/ }
.tsab .slds-utility-bar .slds-indicator_unread,
.tsab .slds-utility-bar .slds-indicator--unread {
background: #d4504c;
top: 0.5rem; }
.tsab .slds-utility-bar__item {
display: -ms-flexbox;
display: flex;
margin-right: 1px; }
.tsab .slds-utility-bar__action {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding: 0 0.75rem;
border-radius: 0;
border: 0;
color: #16325c;
/**
* @selector .slds-is-active
* @restrict .slds-utility-bar__action
* @modifier
*/ }
.tsab .slds-utility-bar__action:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: transparent; }
.tsab .slds-utility-bar__action:focus, .tsab .slds-utility-bar__action:hover {
box-shadow: none; }
.tsab .slds-utility-bar__action:focus:after {
height: 3px;
background: #1589ee; }
.tsab .slds-utility-bar__action:hover, .tsab .slds-utility-bar__action:focus {
background: #e0e5ee;
color: inherit; }
.tsab .slds-utility-bar__action.slds-is-active {
background: #e0e5ee;
color: inherit; }
.tsab .slds-utility-bar__action.slds-is-active:after {
background: #1589ee; }
.tsab .slds-utility-bar__text {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1;
text-align: left; }
.tsab .slds-has-notification .slds-utility-bar__action {
background: #54698d;
color: white; }
.tsab .slds-has-notification .slds-utility-bar__action:hover, .tsab .slds-has-notification .slds-utility-bar__action:focus {
background: #16325c; }
.tsab .slds-has-notification .slds-utility-bar__action:focus:after {
background: #a8b7c7; }
.tsab .slds-utility-panel {
position: fixed;
bottom: 1.875rem;
width: 21.25rem;
height: 30rem;
border-radius: 0.25rem 0.25rem 0 0;
border: 1px solid #d8dde6;
border-bottom: none;
transform: translateY(100%);
/**
* @selector .slds-is-open
* @restrict .slds-utility-panel
* @modifier
*/
/**
* Header that contains an icon, title and panel actions such as minimizing the panel
*
* @selector .slds-utility-panel__header
* @restrict header
*/
/**
* Area that contains the utility panel feature
*
* @selector .slds-utility-panel__body
* @restrict div
*/ }
.tsab .slds-utility-panel.slds-is-open {
box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
transform: translateY(0); }
.tsab .slds-utility-panel__header {
background: #f7f9fb;
border-bottom: 2px solid #1589ee;
border-radius: 0.25rem 0.25rem 0 0;
padding: 0.5rem 0.75rem; }
.tsab .slds-utility-panel__body {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
-ms-flex-direction: column;
flex-direction: column;
overflow: auto; }
.tsab .slds-global-header_container {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 100; }
.tsab .slds-global-header_container .slds-assistive-text_focus,
.tsab .slds-global-header_container .slds-assistive-text--focus {
background: #fdfdfd;
top: 0; }
.tsab .slds-global-header {
background: #fdfdfd;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
padding: 0.5rem 0;
height: 3.125rem;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
/**
* A region within the global header
*
* @selector .slds-global-header__item
* @restrict .slds-global-header div, .slds-global-header ul
*/
/**
* Region that contains the search input, handles sizing
*
* @selector .slds-global-header__item_search
* @restrict .slds-global-header__item:nth-child(2)
*/
/**
* Container of the global header logo
*
* @selector .slds-global-header__logo
* @restrict .slds-global-header__item div
* @required
*/
/**
* Button icons on the global header
*
* @selector .slds-global-header__button_icon
* @restrict .slds-global-header__item button
* @required
*/
/**
* Button icon specifically for global actions
*
* @selector .slds-global-header__button_icon-actions
* @restrict .slds-global-header__item button
* @required
*/
/**
* Button icon specifically for global actions
*
* @selector .slds-global-header__button_icon-favorites
* @restrict .slds-global-header__item button
* @required
*/
/**
* Deal with sizing for global header icons
*
* @selector .global-header__icon
* @restrict .slds-global-header__item svg
* @required
*/ }
.tsab .slds-global-header__item {
padding: 0 1rem; }
.tsab .slds-global-header__item_search, .tsab .slds-global-header__item--search {
-ms-flex: 0 1 27.5rem;
flex: 0 1 27.5rem;
padding: 0; }
.tsab .slds-global-header__item_search .slds-input, .tsab .slds-global-header__item--search .slds-input {
padding-left: 3rem; }
.tsab .slds-global-header__item_search .slds-input__icon_left,
.tsab .slds-global-header__item_search .slds-input__icon--left, .tsab .slds-global-header__item--search .slds-input__icon_left,
.tsab .slds-global-header__item--search .slds-input__icon--left {
left: 1.25rem; }
.tsab .slds-global-header__logo {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2.8125rem; }
.tsab .slds-global-header__button_icon, .tsab .slds-global-header__button--icon {
margin: 0 0.25rem;
color: #9faab5; }
.tsab .slds-global-header__button_icon .slds-icon, .tsab .slds-global-header__button--icon .slds-icon {
fill: #9faab5; }
.tsab .slds-global-header__button_icon:hover:not(:disabled), .tsab .slds-global-header__button_icon:focus, .tsab .slds-global-header__button--icon:hover:not(:disabled), .tsab .slds-global-header__button--icon:focus {
color: #005fb2; }
.tsab .slds-global-header__button_icon:hover:not(:disabled) .slds-icon,
.tsab .slds-global-header__button_icon:focus .slds-icon, .tsab .slds-global-header__button--icon:hover:not(:disabled) .slds-icon,
.tsab .slds-global-header__button--icon:focus .slds-icon {
fill: #005fb2; }
.tsab .slds-global-header__button_icon-actions, .tsab .slds-global-header__button--icon-actions {
background: #9faab5;
border-radius: 0.25rem;
color: white; }
.tsab .slds-global-header__button_icon-actions:hover, .tsab .slds-global-header__button_icon-actions:focus, .tsab .slds-global-header__button--icon-actions:hover, .tsab .slds-global-header__button--icon-actions:focus {
background-color: #005fb2;
color: white; }
.tsab .slds-global-header__button_icon-favorites, .tsab .slds-global-header__button--icon-favorites {
color: white;
/**
* Selected state for favorites button
*
* @selector .slds-is-selected
* @restrict .slds-global-header__button_icon-favorites
* @modifier
* @group stateful
*/
/**
* Disabled state for favorites button
*
* @selector .slds-is-disabled
* @restrict .slds-global-header__button_icon-favorites
* @modifier
*/ }
.tsab .slds-global-header__button_icon-favorites .slds-icon,
.tsab .slds-global-header__button_icon-favorites .slds-button__icon, .tsab .slds-global-header__button--icon-favorites .slds-icon,
.tsab .slds-global-header__button--icon-favorites .slds-button__icon {
color: white;
stroke: #9faab5;
stroke-width: 2px;
stroke-linejoin: round;
stroke-linecap: round; }
.tsab .slds-global-header__button_icon-favorites:hover .slds-icon,
.tsab .slds-global-header__button_icon-favorites:hover .slds-button__icon,
.tsab .slds-global-header__button_icon-favorites:focus .slds-icon,
.tsab .slds-global-header__button_icon-favorites:focus .slds-button__icon, .tsab .slds-global-header__button--icon-favorites:hover .slds-icon,
.tsab .slds-global-header__button--icon-favorites:hover .slds-button__icon,
.tsab .slds-global-header__button--icon-favorites:focus .slds-icon,
.tsab .slds-global-header__button--icon-favorites:focus .slds-button__icon {
color: white;
stroke: #0070d2; }
.tsab .slds-global-header__button_icon-favorites:active .slds-icon,
.tsab .slds-global-header__button_icon-favorites:active .slds-button__icon, .tsab .slds-global-header__button--icon-favorites:active .slds-icon,
.tsab .slds-global-header__button--icon-favorites:active .slds-button__icon {
stroke: #16325c; }
.tsab .slds-global-header__button_icon-favorites.slds-is-selected .slds-icon,
.tsab .slds-global-header__button_icon-favorites.slds-is-selected .slds-button__icon, .tsab .slds-global-header__button--icon-favorites.slds-is-selected .slds-icon,
.tsab .slds-global-header__button--icon-favorites.slds-is-selected .slds-button__icon {
color: #0070d2;
stroke: #0070d2;
stroke-width: 1px; }
.tsab .slds-global-header__button_icon-favorites.slds-is-selected:hover .slds-icon,
.tsab .slds-global-header__button_icon-favorites.slds-is-selected:hover .slds-button__icon,
.tsab .slds-global-header__button_icon-favorites.slds-is-selected:focus .slds-icon,
.tsab .slds-global-header__button_icon-favorites.slds-is-selected:focus .slds-button__icon, .tsab .slds-global-header__button--icon-favorites.slds-is-selected:hover .slds-icon,
.tsab .slds-global-header__button--icon-favorites.slds-is-selected:hover .slds-button__icon,
.tsab .slds-global-header__button--icon-favorites.slds-is-selected:focus .slds-icon,
.tsab .slds-global-header__button--icon-favorites.slds-is-selected:focus .slds-button__icon {
color: #005fb2;
stroke: #0070d2; }
.tsab .slds-global-header__button_icon-favorites.slds-is-selected:active .slds-icon,
.tsab .slds-global-header__button_icon-favorites.slds-is-selected:active .slds-button__icon, .tsab .slds-global-header__button--icon-favorites.slds-is-selected:active .slds-icon,
.tsab .slds-global-header__button--icon-favorites.slds-is-selected:active .slds-button__icon {
color: #16325c;
stroke: #16325c; }
.tsab .slds-global-header__button_icon-favorites.slds-is-disabled .slds-icon,
.tsab .slds-global-header__button_icon-favorites.slds-is-disabled .slds-button__icon,
.tsab .slds-global-header__button_icon-favorites:disabled .slds-icon,
.tsab .slds-global-header__button_icon-favorites:disabled .slds-button__icon, .tsab .slds-global-header__button--icon-favorites.slds-is-disabled .slds-icon,
.tsab .slds-global-header__button--icon-favorites.slds-is-disabled .slds-button__icon,
.tsab .slds-global-header__button--icon-favorites:disabled .slds-icon,
.tsab .slds-global-header__button--icon-favorites:disabled .slds-button__icon {
stroke: #e0e5ee; }
.tsab .slds-global-header__icon,
.tsab .slds-global-header__icon .slds-icon,
.tsab .slds-global-header__icon .slds-button__icon {
width: 1.25rem;
height: 1.25rem; }
.tsab .slds-global-header__notification {
border-bottom: 1px solid #d8dde6; }
.tsab .slds-global-header__notification_unread, .tsab .slds-global-header__notification--unread {
background-color: #f0f8fc; }
.tsab .slds-global-header__notification:hover {
background-color: #f4f6f9; }
.tsab .slds-global-header__notification:last-child {
border-bottom: 0; }
.tsab .slds-context-bar {
display: -ms-flexbox;
display: flex;
height: 2.5rem;
background-color: white;
border-top: 1px solid #d8dde6;
border-bottom: 3px solid #00a1df;
color: #16325c;
position: relative;
padding: 0 0 0 1.5rem;
/**
* Primary zone
*
* @selector .slds-context-bar__primary
* @restrict .slds-context-bar div
*/
/**
* Secondary zone
*
* @selector .slds-context-bar__secondary
* @restrict .slds-context-bar nav, .slds-context-bar div
*/
/**
* Manually add a vertical divider between elements
*
* @selector .slds-context-bar__vertical-divider
* @restrict .slds-context-bar div
*/
/** Any item on the horizontal axis of the context nav bar
*
* Interactions such as hovers + active are defaults, bottom of the
* file deals with light / dark theme thresholds
*
* @selector .slds-context-bar__item
* @restrict .slds-context-bar div, .slds-context-bar li
*/
/**
* Actionable Text Links
*
* @selector .slds-context-bar__label-action
* @restrict .slds-context-bar__item a, .slds-context-bar__item span, .slds-context-bar__item button
*/
/**
* Actionable Icons
*
* @selector .slds-context-bar__icon-action
* @restrict .slds-context-bar div
*/
/**
*
* #### Accessibility
*
* On the Split View Toggle button, `aria-expanded` is set to `false` by default.
* Set `aria-expanded` to `true` when Split View is active. When Split View is active,
* set the value of `aria-controls` on the Split View Toggle button, to the `ID` of the
* wrapper element that contains the Split View List.
*
* @summary Tab modifier when using a tabset
*
* @name navigation-tab-bar
* @selector .slds-context-bar__item_tab
* @restrict .slds-context-bar__item
* @notes Only use on tabset version
* @required
* @variant
*
*/ }
.tsab .slds-context-bar__primary, .tsab .slds-context-bar__secondary, .tsab .slds-context-bar__tertiary {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0; }
.tsab .slds-context-bar__secondary {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0; }
.tsab .slds-context-bar__vertical-divider {
width: 0;
overflow: hidden;
border-left: 1px solid #d8dde6; }
.tsab .slds-context-bar__item {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: stretch;
align-items: stretch;
white-space: nowrap;
position: relative;
max-width: 15rem;
/**
* Active state of an item
*
* @selector .slds-is-active
* @restrict .slds-context-bar__item:not(.slds-no-hover)
* @modifier
*/
/**
* Toggled focused class applied via JavaScript
*
* @selector .slds-has-focus
* @restrict .slds-context-bar__item
* @modifier
*/
/**
* Add a left border to a context bar item
*
* @selector .slds-context-bar__item_divider-left
* @restrict .slds-context-bar div, .slds-context-bar li
* @modifier
*/
/**
* Add a right border to a context bar item
*
* @selector .slds-context-bar__item_divider-right
* @restrict .slds-context-bar div, .slds-context-bar li
* @modifier
*/ }
.tsab .slds-context-bar__item:not(.slds-no-hover):hover, .tsab .slds-context-bar__item.slds-is-active {
outline: 0;
border-radius: 0;
background-color: #f7f9fb;
border-bottom: 3px solid #00a1df;
margin-bottom: -3px;
text-decoration: none;
cursor: pointer; }
.tsab .slds-context-bar__item:not(.slds-no-hover):hover:after {
content: '';
width: 100%;
height: 3px;
display: block;
background: rgba(0, 0, 0, 0.25);
position: absolute;
bottom: -3px;
left: 0;
right: 0; }
@supports (mix-blend-mode: soft-light) {
.tsab .slds-context-bar__item:not(.slds-no-hover):hover:after {
background: rgba(0, 0, 0, 0.75);
mix-blend-mode: soft-light; } }
.tsab .slds-context-bar__item.slds-is-active {
border-left: 1px solid #d8dde6;
border-right: 1px solid #d8dde6;
border-bottom-color: #f7f9fb; }
.tsab .slds-context-bar__item.slds-is-active:before, .tsab .slds-context-bar__item.slds-is-active:after {
content: '';
height: 3px;
display: block;
background: #00a1df;
position: absolute;
top: 0;
left: -1px;
right: -1px; }
.tsab .slds-context-bar__item.slds-is-active:after {
background: rgba(0, 0, 0, 0.25); }
@supports (mix-blend-mode: soft-light) {
.tsab .slds-context-bar__item.slds-is-active:after {
background: rgba(0, 0, 0, 0.75);
mix-blend-mode: soft-light; } }
.tsab .slds-context-bar__item.slds-is-active:hover {
border-bottom-color: #f7f9fb; }
.tsab .slds-context-bar__item:first-child.slds-is-active {
border-left: 0; }
.tsab .slds-context-bar__item.slds-has-focus:before, .tsab .slds-context-bar__item.slds-has-focus:after, .tsab .slds-context-bar__item.slds-has-focus:hover:before, .tsab .slds-context-bar__item.slds-has-focus:hover:after {
height: 4px; }
.tsab .slds-context-bar__item_divider-left, .tsab .slds-context-bar__item--divider-left {
border-left: 1px solid #d8dde6; }
.tsab .slds-context-bar__item_divider-right, .tsab .slds-context-bar__item--divider-right {
border-right: 1px solid #d8dde6; }
.tsab .slds-context-bar__label-action {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 0.75rem;
border-radius: 0;
min-width: 0%;
color: inherit;
font-size: 0.8125rem; }
.tsab .slds-context-bar__label-action:focus, .tsab .slds-context-bar__label-action:focus:hover {
outline: 0;
text-decoration: underline; }
.tsab .slds-context-bar__label-action:hover {
text-decoration: none; }
.tsab .slds-context-bar__label-action:hover, .tsab .slds-context-bar__label-action:focus {
color: inherit; }
.tsab .slds-context-bar__label-action:active {
color: inherit;
text-decoration: none; }
.tsab .slds-context-bar__icon-action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
margin-left: -0.25rem;
padding: 0 0.5rem;
color: #54698d;
border-radius: 0; }
.tsab .slds-context-bar__icon-action:focus {
outline: 0; }
.tsab .slds-context-bar__icon-action:focus .slds-context-bar__button {
outline: 0;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-context-bar__icon-action:focus ~ .slds-dropdown {
visibility: visible;
opacity: 1; }
.tsab .slds-context-bar__icon-action:hover, .tsab .slds-context-bar__icon-action:focus {
color: #54698d; }
.tsab .slds-context-bar__icon-action:active {
color: #54698d; }
.tsab .slds-context-bar__icon-action .slds-icon-waffle_container {
width: 2rem;
height: 2rem;
margin-right: 0.25rem;
margin-left: -0.5rem; }
.tsab .slds-context-bar__icon-action .slds-icon-waffle {
margin-right: auto;
margin-left: auto; }
.tsab .slds-context-bar .slds-context-bar__button {
color: inherit; }
.tsab .slds-context-bar .slds-context-bar__icon-action {
margin-left: auto; }
.tsab .slds-context-bar__item_tab, .tsab .slds-context-bar__item--tab {
width: 12rem;
border-right: 1px solid #d8dde6;
/**
* Pinned state
* Toggles visibility of elements inside of tab
*
* @selector .slds-is-pinned
* @restrict .slds-context-bar__item_tab
* @modifier
*/ }
.tsab .slds-context-bar__item_tab .slds-context-bar__label-action, .tsab .slds-context-bar__item--tab .slds-context-bar__label-action {
padding: 0 0.5rem; }
.tsab .slds-context-bar__item_tab.slds-is-active, .tsab .slds-context-bar__item_tab:nth-child(n).slds-is-active, .tsab .slds-context-bar__item--tab.slds-is-active, .tsab .slds-context-bar__item--tab:nth-child(n).slds-is-active {
border-left: 0;
border-bottom-color: white;
background-color: white; }
.tsab .slds-context-bar__item_tab.slds-is-active:hover, .tsab .slds-context-bar__item_tab:nth-child(n).slds-is-active:hover, .tsab .slds-context-bar__item--tab.slds-is-active:hover, .tsab .slds-context-bar__item--tab:nth-child(n).slds-is-active:hover {
background-color: white;
border-bottom-color: transparent; }
.tsab .slds-context-bar__item_tab.slds-is-pinned, .tsab .slds-context-bar__item--tab.slds-is-pinned {
width: auto;
padding-right: 0.5rem; }
.tsab .slds-context-bar__item_tab.slds-is-pinned .slds-context-bar__label-action, .tsab .slds-context-bar__item--tab.slds-is-pinned .slds-context-bar__label-action {
padding: 0 0.5rem; }
.tsab .slds-context-bar .slds-is-unsaved .slds-context-bar__label-action {
position: relative;
padding-left: 0.5rem;
font-style: italic; }
.tsab .slds-indicator_unsaved,
.tsab .slds-indicator--unsaved {
color: #1589ee;
-ms-flex-item-align: center;
align-self: center;
font-size: 0.875rem; }
.tsab .slds-context-bar__dropdown-trigger .slds-dropdown {
margin-top: 3px; }
.tsab .slds-context-bar__dropdown-trigger .slds-dropdown:before {
content: '';
position: absolute;
bottom: 100%;
width: 100%;
height: 3px; }
.tsab .slds-context-bar__app-name {
padding: 0 1.5rem 0 0;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.25; }
.tsab .slds-context-bar__object-switcher {
min-width: 9rem;
max-width: 12rem;
border-left: 1px solid #d8dde6;
border-right: 1px solid #d8dde6; }
.tsab .slds-context-bar_theme-marketing,
.tsab .slds-context-bar--theme-marketing {
border-bottom-color: #f59331; }
.tsab .slds-context-bar_theme-marketing .slds-context-bar__item:not(.slds-no-hover):hover,
.tsab .slds-context-bar--theme-marketing .slds-context-bar__item:not(.slds-no-hover):hover {
border-bottom-color: #f59331; }
.tsab .slds-context-bar_theme-marketing .slds-context-bar__item.slds-is-active:before,
.tsab .slds-context-bar--theme-marketing .slds-context-bar__item.slds-is-active:before {
background: #f59331; }
.tsab .slds-context-bar_theme-marketing .slds-context-bar__item.slds-is-active:hover,
.tsab .slds-context-bar--theme-marketing .slds-context-bar__item.slds-is-active:hover {
border-bottom-color: #f7f9fb; }
.tsab .slds-publisher {
display: -ms-flexbox;
display: flex;
/**
* @selector .slds-is-active
* @restrict .slds-publisher
* @modifier
*/
/**
* Abstraction of the text input styles
*
* @selector .slds-publisher__input
* @restrict .slds-publisher textarea
* @required
*/
/**
* Bottom row of actionable items
*
* @selector .slds-publisher__actions
* @restrict .slds-publisher div
* @required
*/
/**
*
*
* @selector .slds-publisher__toggle-visibility
* @restrict .slds-publisher label, .slds-publisher ul
* @required
*/ }
.tsab .slds-publisher.slds-is-active {
display: block; }
.tsab .slds-publisher.slds-is-active .slds-publisher__toggle-visibility {
display: inherit; }
.tsab .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; }
.tsab .slds-publisher__input {
line-height: 1.875rem;
padding: 0 1rem;
resize: none;
min-height: calc(1.875rem + 2px);
max-height: calc(1.875rem + 2px);
width: 100%; }
.tsab .slds-publisher__actions > .slds-button {
margin-left: 0.75rem; }
.tsab .slds-publisher .slds-publisher__toggle-visibility {
display: none; }
.tsab .slds-publisher_comment,
.tsab .slds-publisher--comment {
background-color: white;
color: #16325c;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
width: 100%;
position: relative;
min-height: calc(1.875rem + 2px);
max-height: calc(1.875rem + 2px);
/**
* Applies focus to comment publisher container when inside `textarea`
*
* @selector .slds-has-focus
* @restrict .slds-publisher_comment
* @notes Added through JavaScript
* @modifier
*/ }
.tsab .slds-publisher_comment.slds-is-active,
.tsab .slds-publisher--comment.slds-is-active {
min-height: 6rem;
max-height: 15rem; }
.tsab .slds-publisher_comment.slds-is-active .slds-publisher__actions,
.tsab .slds-publisher--comment.slds-is-active .slds-publisher__actions {
display: -ms-flexbox;
display: flex; }
.tsab .slds-publisher_comment.slds-has-focus,
.tsab .slds-publisher--comment.slds-has-focus {
outline: 0;
border-color: #1589ee;
background-color: white;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-publisher_comment .slds-publisher__actions,
.tsab .slds-publisher--comment .slds-publisher__actions {
display: none;
padding: 0 0.75rem 0.75rem; }
.tsab .slds-publisher_comment .slds-attachments,
.tsab .slds-publisher--comment .slds-attachments {
padding: 0.5rem 0.75rem; }
.tsab .slds-feed {
position: relative;
max-width: 49rem;
margin: auto;
/**
* @selector .slds-feed__list
* @restrict .slds-feed ul
* @required
*/
/**
* @selector .slds-feed__item
* @restrict .slds-feed__list li
* @required
*/ }
.tsab .slds-feed__list {
margin: 0;
padding: 0; }
.tsab .slds-feed__item {
padding: 0.5rem 0; }
@media (min-width: 48em) {
.tsab .slds-feed__item {
padding: 0.75rem 0; } }
.tsab .slds-comment__content {
padding: 0.25rem 0; }
.tsab .slds-comment__replies {
padding-top: 1rem;
margin-left: 3.75rem; }
.tsab .slds-comment__replies > :last-child,
.tsab .slds-comment__replies > :last-child .slds-comment {
padding-bottom: 0; }
.tsab .slds-comment__replies > :last-child:before,
.tsab .slds-comment__replies > :last-child .slds-comment:before {
content: none; }
.tsab .slds-comment__replies .slds-comment {
position: relative;
margin-bottom: 0;
padding-bottom: 1rem; }
.tsab .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; }
.tsab .slds-comment__replies .slds-avatar {
border: 2px solid #fdfdfd; }
.tsab .slds-tags {
display: -ms-flexbox;
display: flex; }
.tsab .slds-tags__list {
display: -ms-flexbox;
display: flex; }
.tsab .slds-tags__item {
margin-left: 0.25rem; }
.tsab .slds-tags__item:after {
content: ', '; }
.tsab .slds-tags__item:last-child:after {
content: none; }
.tsab .slds-attachments {
padding-bottom: 0.5rem; }
.tsab .slds-attachments:empty {
padding: 0; }
.tsab .slds-attachments__item + .slds-attachments__item {
margin-top: 1rem; }
.tsab .slds-feed__item-comments {
background: #f7f9fb;
border-top: 1px solid #d8dde6;
border-bottom: 1px solid #d8dde6; }
.tsab .slds-feed__item-comments .slds-comment {
padding: 0.5rem 1rem; }
.tsab .slds-post {
background: #fdfdfd;
padding: 0.75rem 1rem;
/**
* Header region of a feed post
*
* @selector .slds-post__header
* @restrict .slds-post header
*/
/**
* Content region of a feed post
*
* @selector .slds-post__content
* @restrict .slds-post div
*/
/**
* Footer region of a feed post
*
* @selector .slds-post__footer
* @restrict .slds-post footer
*/ }
@media (max-width: 48em) {
.tsab .slds-post {
border-top: 1px solid #d8dde6; } }
@media (min-width: 64em) {
.tsab .slds-post {
padding: 0 1rem 0.5rem; } }
.tsab .slds-post__header {
margin-bottom: 0.75rem; }
.tsab .slds-post__content {
margin-bottom: 0.75rem; }
@media (min-width: 48em) {
.tsab .slds-post__content {
margin-bottom: 1.5rem; } }
.tsab .slds-post__footer {
display: -ms-flexbox;
display: flex;
font-size: 0.75rem;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 48em) {
.tsab .slds-post__footer {
-ms-flex-direction: row;
flex-direction: row; } }
.tsab .slds-post__footer-actions-list {
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-ms-flex-order: 1;
order: 1; }
@media (max-width: 30em) {
.tsab .slds-post__footer-actions-list {
border-top: 1px solid #d8dde6;
margin: 0 -0.75rem -0.75rem;
padding: 0 1rem; } }
@media (min-width: 48em) {
.tsab .slds-post__footer-actions-list {
-ms-flex-order: 0;
order: 0; } }
.tsab .slds-post__footer-action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #16325c;
padding: 0.75rem 0;
line-height: 1;
/**
* Active state for like button
*
* @selector .slds-is-active
* @restrict .slds-post__footer-action
* @modifier
*/ }
@media (min-width: 48em) {
.tsab .slds-post__footer-action {
margin-right: 1rem;
padding: 0; } }
.tsab .slds-post__footer-action .slds-icon {
margin-right: 0.25rem; }
.tsab .slds-post__footer-action:hover, .tsab .slds-post__footer-action:focus, .tsab .slds-post__footer-action.slds-is-active {
color: #005fb2;
text-decoration: none; }
.tsab .slds-post__footer-action:hover .slds-icon, .tsab .slds-post__footer-action:focus .slds-icon, .tsab .slds-post__footer-action.slds-is-active .slds-icon {
fill: currentColor; }
.tsab .slds-post__footer-meta-list {
margin-bottom: 1rem; }
@media (min-width: 48em) {
.tsab .slds-post__footer-meta-list {
margin-left: auto;
margin-bottom: 0; } }
.tsab .slds-region_narrow .slds-post,
.tsab .slds-region--narrow .slds-post {
border: 0;
padding: 0.75rem 1rem; }
.tsab .slds-region_narrow .slds-post__content,
.tsab .slds-region--narrow .slds-post__content {
margin-bottom: 0.75rem; }
.tsab .slds-region_narrow .slds-post__footer,
.tsab .slds-region--narrow .slds-post__footer {
-ms-flex-direction: column;
flex-direction: column; }
.tsab .slds-region_narrow .slds-post__footer-action,
.tsab .slds-region--narrow .slds-post__footer-action {
padding: 0.75rem 0; }
.tsab .slds-region_narrow .slds-post__footer-actions-list,
.tsab .slds-region--narrow .slds-post__footer-actions-list {
-ms-flex-order: 1;
order: 1;
border-top: 1px solid #d8dde6;
margin: 0 -0.75rem -0.75rem;
padding: 0 1rem; }
.tsab .slds-region_narrow .slds-post__footer-meta-list,
.tsab .slds-region--narrow .slds-post__footer-meta-list {
margin-left: 0;
margin-bottom: 1rem; }
.tsab .slds-post__payload {
padding: 0 0 1rem; }
.tsab .slds-post__payload:empty {
padding: 0;
border: 0; }
.tsab .slds-modal {
opacity: 0;
visibility: hidden;
transition: transform 0.1s linear, opacity 0.1s linear;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9001;
/**
* Centers and sizes the modal horizontally and confines modal within viewport height
*
* @selector .slds-modal__container
* @restrict .slds-modal div
* @notes This should be nested immediately inside `.slds-modal` with nothing else nested on the same level.
* @required
*/
/**
* Creates the Modal Header container.
*
* @selector .slds-modal__header
* @restrict .slds-modal header
* @notes This should be nested immediately inside `.slds-modal__container` as the first element.
* @required
*/
/**
* Use when modal header has no content
*
* @selector .slds-modal__header_empty
* @restrict .slds-modal__header
*/
/**
* Creates the scrollable content area for the modal.
*
* @selector .slds-modal__content
* @restrict .slds-modal div
* @required
*/
/**
* Creates the shaded menu area for the modal.
*
* @selector .slds-modal__menu
* @restrict .slds-modal div
* @notes Either `.slds-modal__menu` or `.slds-modal__content` must be used. If you’re using this class, you do not need the other. This should be nested immediately inside `.slds-modal_container` and immediately after `.slds-modal__header`.
* @required
*/
/**
* Creates the Modal Footer container.
*
* @selector .slds-modal__footer
* @restrict .slds-modal footer
* @notes This should be nested immediately inside `.slds-modal_container` and immediately after `.slds-modal__container`. Nothing should follow it. Note that by default, elements will be aligned to the right.
* @required
*/
/**
* Positions the close button to the top right outside of the modal.
*
* @selector .slds-modal__close
* @restrict .slds-modal button
* @notes Either `.slds-modal__content` or `.slds-modal__menu` must be used. If you’re using this class, you do not need the other. This should be nested immediately inside `.slds-modal_container` and immediately after `.slds-modal__header`.
* @required
*/ }
.tsab .slds-modal__container {
position: relative;
transform: translate(0, 0);
transition: transform 0.1s linear, opacity 0.1s linear;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin: 0 2rem;
height: 100%;
padding: 3rem 0;
border-radius: 0.25rem; }
@media (min-width: 48em) {
.tsab .slds-modal__container {
margin: 0 auto;
width: 50%;
max-width: 40rem;
min-width: 20rem; } }
.tsab .slds-modal__header, .tsab .slds-modal__content {
background: #fdfdfd; }
.tsab .slds-modal__header, .tsab .slds-modal__footer {
-ms-flex-negative: 0;
flex-shrink: 0; }
.tsab .slds-modal__header {
position: relative;
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem;
border-bottom: 2px solid #d8dde6;
padding: 1rem;
text-align: center; }
.tsab .slds-modal__header + .slds-modal__menu {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.tsab .slds-modal__header_empty, .tsab .slds-modal__header--empty {
padding: 0;
border-bottom: 0; }
.tsab .slds-modal__header_empty + .slds-modal__content,
.tsab .slds-modal__header--empty + .slds-modal__content {
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem; }
.tsab .slds-modal__content {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
overflow: hidden;
overflow-y: auto; }
.tsab .slds-modal__content:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); }
.tsab .slds-modal__menu {
position: relative;
border-radius: 0.25rem;
padding: 1rem;
background-color: #f4f6f9; }
@media (max-width: 48em) {
.tsab .slds-modal__menu .slds-button {
width: 100%;
margin: 0.125rem 0; } }
.tsab .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: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
/**
* Makes buttons inside the footer spread to both left and right.
*
* @selector .slds-modal__footer_directional
* @restrict .slds-modal__footer
* @notes This is only needed when you have two buttons that indicate a back and forward navigation.
* @modifier
* @group direction
*/ }
.tsab .slds-modal__footer_directional .slds-button:first-child,
.tsab .slds-modal__footer--directional .slds-button:first-child {
float: left; }
.tsab .slds-modal__footer .slds-button + .slds-button {
margin-left: 0.5rem; }
.tsab .slds-modal__close {
width: 2rem;
height: 2rem;
position: absolute;
top: -2.5rem;
right: -0.5rem; }
@media (min-width: 48em) {
.tsab .slds-modal_large .slds-modal__container,
.tsab .slds-modal--large .slds-modal__container {
width: 90%;
max-width: none;
min-width: 40rem; } }
.tsab .slds-modal-backdrop {
transition-duration: 0.4s;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(126, 140, 153, 0.8);
z-index: 9000;
/**
* Allows the backdrop to be visible.
*
* @selector .slds-backdrop_open
* @restrict .slds-backdrop
* @notes Apply this class to a modal backdrop with JavaScript to make it visible.
* @modifier
* @required
*/ }
.tsab .slds-modal-backdrop_open, .tsab .slds-modal-backdrop--open {
visibility: visible;
opacity: 1;
transition: opacity 0.4s linear; }
.tsab .slds-backdrop {
transition-duration: 0.4s;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(126, 140, 153, 0.8);
z-index: 9000;
/**
* Allows the backdrop to be visible.
*
* @selector .slds-backdrop_open
* @restrict .slds-backdrop
* @notes Apply this class to a modal backdrop with JavaScript to make it visible.
* @modifier
* @required
*/ }
.tsab .slds-backdrop_open, .tsab .slds-backdrop--open {
visibility: visible;
opacity: 1;
transition: opacity 0.4s linear; }
.tsab .slds-fade-in-open {
opacity: 1;
visibility: visible;
transition: opacity 0.1s linear; }
.tsab .slds-fade-in-open .slds-modal__container-reset {
opacity: 1;
visibility: visible;
transform: translate(0, 0); }
.tsab .slds-slide-up-open {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
transition: opacity 0.1s linear, transform 0.2s linear; }
.tsab .slds-slide-up-open .slds-modal__container-reset {
opacity: 0;
visibility: hidden;
transform: translate(0, 1rem);
transition: opacity 0.2s linear, transform 0.2s linear; }
.tsab .slds-slide-up-saving {
opacity: 1;
visibility: visible;
transform: translate(0, -1rem); }
.tsab .slds-slide-down-cancel {
opacity: 1;
visibility: visible;
transform: translate(0, 1rem); }
.tsab .slds-app-launcher {
/**
* Defines the header region of the app launcher modal
*
* @selector .slds-app-launcher__header
* @restrict .slds-app-launcher header
* @required
*/
/**
* Sets styles to search box, things like width and such
*
* @selector .slds-app-launcher__header-search
* @restrict .slds-app-launcher__header div
* @required
*/
/**
* Defines the body region of the app launcher modal
*
* @selector .slds-app-launcher__content
* @restrict .slds-app-launcher div
* @required
*/
/**
* Tile cards that contains the app information, the icon and description
*
* @selector .slds-app-launcher__tile
* @restrict a
* @required
*/
/**
* App image or icon
*
* @selector .slds-app-launcher__tile-figure
* @restrict .slds-app-launcher__tile div
* @required
*/
/**
* App title and description
*
* @selector .slds-app-launcher__tile-body
* @restrict .slds-app-launcher__tile div
* @required
*/
/**
* Tile card that containes the just app icon and title
*
* @selector .slds-app-launcher__tile_small
* @restrict .slds-app-launcher__tile
* @required
* @modifier
*/
/**
* App image or icon of a small tile
*
* @selector .slds-app-launcher__tile-figure_small
* @restrict .slds-app-launcher__tile-figure
* @required
* @modifier
*/
/**
* App title, no description
*
* @selector .slds-app-launcher__tile-body_small
* @restrict .slds-app-launcher__tile-body
* @required
* @modifier
*/ }
.tsab .slds-app-launcher__header, .tsab .slds-app-launcher__content {
background: #f4f6f9; }
.tsab .slds-app-launcher__header-search {
-ms-flex: 0 1 25rem;
flex: 0 1 25rem;
padding: 0 1rem; }
.tsab .slds-app-launcher__content {
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.tsab .slds-app-launcher__tile {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0.5rem 0;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
cursor: move;
/**
* Add styles associated with drag and drop of a tile
*
* @selector .slds-is-draggable
* @restrict .slds-app-launcher__tile
* @modifier
*/ }
.tsab .slds-app-launcher__tile:hover, .tsab .slds-app-launcher__tile:focus {
outline: 0;
border-color: #1589ee; }
.tsab .slds-app-launcher__tile.slds-is-draggable .slds-app-launcher__tile-figure {
padding-bottom: 0.25rem; }
.tsab .slds-app-launcher__tile-figure {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0.75rem;
color: white;
background: #fdfdfd;
border-radius: 0.25rem 0 0 0.25rem;
text-align: center; }
.tsab .slds-app-launcher__tile-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background: #eef1f6;
padding: 0.5rem 0.75rem;
border-radius: 0 0.25rem 0.25rem 0; }
.tsab .slds-app-launcher__tile_small, .tsab .slds-app-launcher__tile--small {
-ms-flex-direction: column;
flex-direction: column;
border: 0;
border-radius: 0;
text-align: center;
cursor: pointer; }
.tsab .slds-app-launcher__tile_small:hover .slds-app-launcher__tile-figure_small,
.tsab .slds-app-launcher__tile_small:hover .slds-app-launcher__tile-figure--small, .tsab .slds-app-launcher__tile_small:focus .slds-app-launcher__tile-figure_small,
.tsab .slds-app-launcher__tile_small:focus .slds-app-launcher__tile-figure--small, .tsab .slds-app-launcher__tile--small:hover .slds-app-launcher__tile-figure_small,
.tsab .slds-app-launcher__tile--small:hover .slds-app-launcher__tile-figure--small, .tsab .slds-app-launcher__tile--small:focus .slds-app-launcher__tile-figure_small,
.tsab .slds-app-launcher__tile--small:focus .slds-app-launcher__tile-figure--small {
border-color: #1589ee; }
.tsab .slds-app-launcher__tile-figure_small, .tsab .slds-app-launcher__tile-figure--small {
border: 1px solid #d8dde6;
border-radius: 0.25rem; }
.tsab .slds-app-launcher__tile-body_small, .tsab .slds-app-launcher__tile-body--small {
background: transparent;
padding: 0.5rem 0;
border: 0;
border-radius: 0; }
.tsab .slds-visual-picker {
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
-ms-flex-direction: column;
flex-direction: column;
border: 0;
border-radius: 0;
text-align: center;
cursor: pointer; }
.tsab .slds-visual-picker:active .slds-visual-picker__figure {
border: 1px solid #1589ee;
box-shadow: 0 0 0 1px #1589ee inset; }
.tsab .slds-visual-picker:hover .slds-visual-picker__figure {
cursor: pointer; }
.tsab .slds-visual-picker input:not(:disabled) ~ label:hover .slds-visual-picker__figure {
cursor: pointer;
outline: 0;
border: 1px solid #1589ee;
box-shadow: 0 0 0 1px #1589ee inset; }
.tsab .slds-visual-picker input {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
/* stylelint-disable max-nesting-depth */ }
.tsab .slds-visual-picker input:focus ~ label .slds-visual-picker__figure {
border: 1px solid #1589ee;
box-shadow: 0 0 0 1px #1589ee inset; }
.tsab .slds-visual-picker input:checked ~ label .slds-visual-picker__figure {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16); }
.tsab .slds-visual-picker input:checked ~ label .slds-is-not-selected {
display: none; }
.tsab .slds-visual-picker input:checked ~ label .slds-is-selected {
display: block; }
.tsab .slds-visual-picker input:checked ~ label .slds-visual-picker__icon {
background-color: #1589ee;
border: 1px solid #1589ee; }
.tsab .slds-visual-picker input:checked ~ label .slds-visual-picker__text {
border: 1px solid #1589ee;
box-shadow: 0 0 0 1px #1589ee inset; }
.tsab .slds-visual-picker input:checked ~ label .slds-visual-picker__text:after {
content: '';
position: absolute;
top: 0;
right: 0;
border-color: transparent;
border-style: solid;
border-radius: 0.5rem;
border-width: 1rem;
border-right-color: #1589ee;
border-top-color: #1589ee; }
.tsab .slds-visual-picker input[disabled] {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.tsab .slds-visual-picker input[disabled] ~ label .slds-icon {
opacity: 0.5; }
.tsab .slds-visual-picker input[disabled] ~ label .slds-visual-picker__body,
.tsab .slds-visual-picker input[disabled] ~ label .slds-visual-picker__text {
color: #54698d; }
.tsab .slds-visual-picker input[disabled] ~ label .slds-visual-picker__figure {
border: 1px solid #d8dde6;
box-shadow: none;
/* stylelint-enable max-nesting-depth */ }
.tsab .slds-visual-picker input[disabled] ~ label .slds-visual-picker__figure:hover {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #d8dde6;
box-shadow: none; }
.tsab .slds-visual-picker__figure {
display: block;
background: #fdfdfd;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
border: 1px solid #d8dde6;
border-radius: 0.25rem;
text-align: center; }
.tsab .slds-visual-picker__figure .slds-icon-action-check {
background-color: #1589ee; }
.tsab .slds-visual-picker__figure span {
display: block; }
.tsab .slds-visual-picker__figure .slds-is-selected {
display: none; }
.tsab .slds-visual-picker_medium .slds-visual-picker__figure,
.tsab .slds-visual-picker_medium .slds-visual-picker__body {
width: 12rem; }
.tsab .slds-visual-picker_medium .slds-visual-picker__figure {
height: 12rem; }
.tsab .slds-visual-picker_large .slds-visual-picker__figure,
.tsab .slds-visual-picker_large .slds-visual-picker__body {
width: 15rem; }
.tsab .slds-visual-picker_large .slds-visual-picker__figure {
height: 15rem; }
.tsab .slds-visual-picker__body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
background: transparent;
padding: 1rem 0.5rem;
border: 0;
border-radius: 0; }
.tsab .slds-visual-picker__text-check {
position: absolute;
top: -0.0625rem;
right: 0.625rem;
width: 0.5rem;
height: 0.5rem; }
.tsab .slds-pill {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 100%;
padding: 0.125rem;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-color: white;
position: relative;
min-height: 1.625rem;
/**
* Modifier that removes border and background from a pill
*
* @selector .slds-pill_bare
* @restrict .slds-pill
* @modifier
*/
/**
* Container to hold pill(s) with borders
*
* @selector .slds-pill_container
* @restrict div
*/
/**
* Container to hold pill(s) with no borders
*
* @selector .slds-pill_container_bare
* @restrict .slds-pill_container
* @modifier
* @deprecated
*/
/**
* Line of text inside a pill
*
* @selector .slds-pill__label
* @restrict .slds-pill a, .slds-pill span
*/
/**
* Initializes pill icon or avatar that sits to the left of the label
*
* @selector .slds-pill__icon_container
* @restrict .slds-pill span
*/
/**
* Initializes remove icon in pill that sits to the right of the label
*
* @selector .slds-pill__remove
* @restrict .slds-pill button, .slds-pill span
*/ }
.tsab .slds-pill + .slds-pill {
margin-left: 0.125rem; }
.tsab .slds-pill:hover {
background-color: #f4f6f9; }
.tsab .slds-pill:focus {
outline: 0;
border-radius: 0.25rem;
border-color: #1589ee;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-pill a {
text-decoration: none; }
.tsab .slds-pill_bare, .tsab .slds-pill--bare {
background-color: transparent;
border: 0; }
.tsab .slds-pill_bare:hover, .tsab .slds-pill--bare:hover {
background-color: transparent; }
.tsab .slds-pill__container, .tsab .slds-pill-container, .tsab .slds-pill_container {
display: -ms-flexbox;
display: flex;
padding: 0.125rem;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
min-height: calc(1.875rem + 2px); }
.tsab .slds-pill__container_bare, .tsab .slds-pill__container--bare, .tsab .slds-pill_container_bare, .tsab .slds-pill_container--bare {
display: -ms-flexbox;
display: flex;
padding: 0.125rem;
border: 0;
border-radius: 0; }
.tsab .slds-pill__label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.tsab .slds-pill__label:focus {
outline: 0;
border-radius: 0.25rem;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-pill__icon, .tsab .slds-pill__icon_container {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.25rem; }
.tsab .slds-pill__icon .slds-icon,
.tsab .slds-pill__icon .slds-avatar, .tsab .slds-pill__icon_container .slds-icon,
.tsab .slds-pill__icon_container .slds-avatar {
width: 1.25rem;
height: 1.25rem;
display: block;
font-size: 0.625rem; }
.tsab .slds-pill__icon ~ .slds-pill__action, .tsab .slds-pill__icon_container ~ .slds-pill__action {
padding-left: calc(1.25rem + 0.25rem + 2px); }
.tsab .slds-pill__remove {
width: 1rem;
height: 1rem;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0.25rem;
border-radius: 0.125rem; }
.tsab .slds-pill__remove svg {
width: 0.875rem;
height: 0.875rem; }
.tsab .slds-pill_link,
.tsab .slds-pill--link {
border: 0;
padding: 0; }
.tsab .slds-pill_link .slds-pill__icon_container,
.tsab .slds-pill--link .slds-pill__icon_container {
display: inline-block;
position: absolute;
top: 50%;
left: 0.125rem;
transform: translateY(-50%); }
.tsab .slds-pill_link .slds-pill__remove,
.tsab .slds-pill--link .slds-pill__remove {
position: absolute;
top: 50%;
right: 0.125rem;
transform: translateY(-50%); }
.tsab .slds-pill__action {
padding: 0.125rem;
padding-right: calc(1rem + 0.25rem + 2px);
border: 1px solid #d8dde6;
border-radius: 0.25rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-ms-flex-positive: 1;
flex-grow: 1; }
.tsab .slds-pill__action:focus {
outline: 0;
border-color: #1589ee;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-has-error {
border-color: #c23934; }
.tsab .slds-has-error .slds-pill__label {
font-weight: 700;
color: #c23934; }
.tsab .slds-has-error .slds-pill__action {
border-color: #c23934; }
.tsab .slds-wizard {
position: relative; }
.tsab .slds-wizard__list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
margin: auto; }
.tsab .slds-wizard__item {
-ms-flex: 2 0 auto;
flex: 2 0 auto;
text-align: center;
width: 0%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.tsab .slds-wizard__item:first-child {
text-align: left;
-ms-flex-positive: 1;
flex-grow: 1; }
.tsab .slds-wizard__item:last-child {
text-align: right;
-ms-flex-positive: 1;
flex-grow: 1; }
.tsab .slds-wizard__item a:hover,
.tsab .slds-wizard__item a:focus {
outline: 0;
text-decoration: none; }
.tsab .slds-wizard__item a:hover .slds-wizard__marker,
.tsab .slds-wizard__item a:focus .slds-wizard__marker {
background: #d8dde6; }
.tsab .slds-wizard__link {
display: block; }
.tsab .slds-wizard__marker {
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background: #e0e5ee;
display: inline-block;
vertical-align: middle;
z-index: 1;
position: relative; }
.tsab .slds-wizard__label {
display: block;
margin-top: 0.75rem; }
.tsab .slds-wizard__progress {
position: absolute;
left: 0;
top: 0.625rem;
height: 0.25rem;
display: block;
width: 100%;
z-index: -1;
background: #e0e5ee; }
.tsab .slds-wizard__progress-bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: #0076de;
transition: width 0.2s ease; }
.tsab .slds-wizard .slds-is-active .slds-wizard__marker {
background: #0076de; }
.tsab .slds-wizard .slds-is-active a:hover .slds-wizard__marker,
.tsab .slds-wizard .slds-is-active a:focus .slds-wizard__marker {
background: #005fb2; }
.tsab .slds-path-coach {
border: transparent 1px solid;
border-top: 0; }
.tsab .slds-path-coach.slds-is-expanded {
border-color: #d8dde6;
padding-bottom: 1rem; }
.tsab .slds-tabs_path,
.tsab .slds-tabs--path {
display: block;
width: 100%;
/**
* Horizontal list of stages in path component
*
* @selector .slds-tabs_path__nav
* @restrict .slds-tabs_path ul
* @required
*/
/**
* Creates the completed stage of the path
*
* @selector .slds-is-complete
* @restrict .slds-tabs_path__item
* @modifier
*/
/**
* Creates the current stage of the path
*
* @selector .slds-is-current
* @restrict .slds-tabs_path__item
* @modifier
*/
/**
* Creates the incomplete stage of the path
*
* @selector .slds-is-incomplete
* @restrict .slds-tabs_path__item
* @modifier
*/
/**
* Creates lost stage of the path
*
* @selector .slds-is-lost
* @restrict .slds-tabs_path__item
* @notes This class must be added to the "closed" stage with JS when the Sales Path is over by losing the opportunity
* @modifier
*/
/**
* Creates the active stage of the sales path
*
* @selector .slds-is-active
* @restrict .slds-tabs_path__item
* @notes This class must be placed on the item programatically when the guidance section is used
* @modifier
*/
/**
* Creates success stage of the path
*
* @selector .slds-is-won
* @restrict .slds-tabs_path__item
* @modifier
*/ }
.tsab .slds-tabs_path__nav,
.tsab .slds-tabs--path__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start; }
.tsab .slds-tabs_path .slds-is-complete,
.tsab .slds-tabs--path .slds-is-complete {
background-color: #4bca81; }
.tsab .slds-tabs_path .slds-is-complete .slds-tabs_path__stage,
.tsab .slds-tabs_path .slds-is-complete .slds-tabs--path__stage,
.tsab .slds-tabs--path .slds-is-complete .slds-tabs_path__stage,
.tsab .slds-tabs--path .slds-is-complete .slds-tabs--path__stage {
transform: rotateX(0deg); }
.tsab .slds-tabs_path .slds-is-complete .slds-tabs_path__title,
.tsab .slds-tabs_path .slds-is-complete .slds-tabs--path__title,
.tsab .slds-tabs--path .slds-is-complete .slds-tabs_path__title,
.tsab .slds-tabs--path .slds-is-complete .slds-tabs--path__title {
transform: rotateX(180deg); }
.tsab .slds-tabs_path .slds-is-complete .slds-tabs_path__link,
.tsab .slds-tabs_path .slds-is-complete .slds-tabs--path__link,
.tsab .slds-tabs--path .slds-is-complete .slds-tabs_path__link,
.tsab .slds-tabs--path .slds-is-complete .slds-tabs--path__link {
color: #16325c; }
.tsab .slds-tabs_path .slds-is-complete:hover,
.tsab .slds-tabs--path .slds-is-complete:hover {
background-color: #04844b; }
.tsab .slds-tabs_path .slds-is-complete:hover .slds-tabs_path__stage,
.tsab .slds-tabs_path .slds-is-complete:hover .slds-tabs--path__stage,
.tsab .slds-tabs--path .slds-is-complete:hover .slds-tabs_path__stage,
.tsab .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__stage {
transform: rotateX(-180deg); }
.tsab .slds-tabs_path .slds-is-complete:hover .slds-tabs_path__title,
.tsab .slds-tabs_path .slds-is-complete:hover .slds-tabs--path__title,
.tsab .slds-tabs--path .slds-is-complete:hover .slds-tabs_path__title,
.tsab .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__title {
transform: rotateX(0deg); }
.tsab .slds-tabs_path .slds-is-complete:hover .slds-tabs_path__link,
.tsab .slds-tabs_path .slds-is-complete:hover .slds-tabs--path__link,
.tsab .slds-tabs--path .slds-is-complete:hover .slds-tabs_path__link,
.tsab .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__link {
color: white; }
.tsab .slds-tabs_path .slds-is-current,
.tsab .slds-tabs--path .slds-is-current {
background-color: #0070d2; }
.tsab .slds-tabs_path .slds-is-current:hover,
.tsab .slds-tabs--path .slds-is-current:hover {
background-color: #005fb2; }
.tsab .slds-tabs_path .slds-is-current + .slds-is-incomplete:before,
.tsab .slds-tabs--path .slds-is-current + .slds-is-incomplete:before {
background-color: #0070d2; }
.tsab .slds-tabs_path .slds-is-current:hover + .slds-is-incomplete:before,
.tsab .slds-tabs--path .slds-is-current:hover + .slds-is-incomplete:before {
background-color: #005fb2; }
.tsab .slds-tabs_path .slds-is-incomplete,
.tsab .slds-tabs--path .slds-is-incomplete {
background-color: #e0e5ee; }
.tsab .slds-tabs_path .slds-is-incomplete:hover,
.tsab .slds-tabs--path .slds-is-incomplete:hover {
background-color: #d8dde6; }
.tsab .slds-tabs_path .slds-is-incomplete .slds-tabs_path__link,
.tsab .slds-tabs_path .slds-is-incomplete .slds-tabs--path__link,
.tsab .slds-tabs--path .slds-is-incomplete .slds-tabs_path__link,
.tsab .slds-tabs--path .slds-is-incomplete .slds-tabs--path__link {
color: #16325c; }
.tsab .slds-tabs_path .slds-is-lost,
.tsab .slds-tabs_path .slds-is-lost:hover,
.tsab .slds-tabs--path .slds-is-lost,
.tsab .slds-tabs--path .slds-is-lost:hover {
background-color: #c23934; }
.tsab .slds-tabs_path .slds-is-current .slds-tabs_path__link,
.tsab .slds-tabs_path .slds-is-current .slds-tabs--path__link,
.tsab .slds-tabs_path .slds-is-lost .slds-tabs_path__link,
.tsab .slds-tabs_path .slds-is-lost .slds-tabs--path__link,
.tsab .slds-tabs--path .slds-is-current .slds-tabs_path__link,
.tsab .slds-tabs--path .slds-is-current .slds-tabs--path__link,
.tsab .slds-tabs--path .slds-is-lost .slds-tabs_path__link,
.tsab .slds-tabs--path .slds-is-lost .slds-tabs--path__link {
color: white; }
.tsab .slds-tabs_path .slds-is-active,
.tsab .slds-tabs--path .slds-is-active {
background-color: #061c3f; }
.tsab .slds-tabs_path .slds-is-active .slds-tabs_path__link,
.tsab .slds-tabs_path .slds-is-active .slds-tabs--path__link,
.tsab .slds-tabs--path .slds-is-active .slds-tabs_path__link,
.tsab .slds-tabs--path .slds-is-active .slds-tabs--path__link {
color: white; }
.tsab .slds-tabs_path .slds-is-active:hover,
.tsab .slds-tabs--path .slds-is-active:hover {
background-color: #16325c; }
.tsab .slds-tabs_path .slds-is-active:hover + .slds-tabs_path__item:before,
.tsab .slds-tabs_path .slds-is-active:hover + .slds-tabs--path__item:before,
.tsab .slds-tabs--path .slds-is-active:hover + .slds-tabs_path__item:before,
.tsab .slds-tabs--path .slds-is-active:hover + .slds-tabs--path__item:before {
background-color: #16325c; }
.tsab .slds-tabs_path .slds-is-active + .slds-tabs_path__item:before,
.tsab .slds-tabs_path .slds-is-active + .slds-tabs--path__item:before,
.tsab .slds-tabs--path .slds-is-active + .slds-tabs_path__item:before,
.tsab .slds-tabs--path .slds-is-active + .slds-tabs--path__item:before {
background-color: #061c3f; }
.tsab .slds-tabs_path .slds-is-active .slds-tabs_path__title,
.tsab .slds-tabs_path .slds-is-active .slds-tabs--path__title,
.tsab .slds-tabs_path .slds-is-won .slds-tabs_path__title,
.tsab .slds-tabs_path .slds-is-won .slds-tabs--path__title,
.tsab .slds-tabs--path .slds-is-active .slds-tabs_path__title,
.tsab .slds-tabs--path .slds-is-active .slds-tabs--path__title,
.tsab .slds-tabs--path .slds-is-won .slds-tabs_path__title,
.tsab .slds-tabs--path .slds-is-won .slds-tabs--path__title {
transform: rotateX(0deg); }
.tsab .slds-tabs_path .slds-is-active .slds-tabs_path__stage,
.tsab .slds-tabs_path .slds-is-active .slds-tabs--path__stage,
.tsab .slds-tabs_path .slds-is-won .slds-tabs_path__stage,
.tsab .slds-tabs_path .slds-is-won .slds-tabs--path__stage,
.tsab .slds-tabs--path .slds-is-active .slds-tabs_path__stage,
.tsab .slds-tabs--path .slds-is-active .slds-tabs--path__stage,
.tsab .slds-tabs--path .slds-is-won .slds-tabs_path__stage,
.tsab .slds-tabs--path .slds-is-won .slds-tabs--path__stage {
transform: rotateX(-180deg); }
.tsab .slds-tabs_path__item,
.tsab .slds-tabs--path__item {
overflow: hidden;
position: relative;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 5rem;
text-align: center;
perspective: 500px;
transition: transform 0.1s ease-in-out, background-color 0.1s linear; }
.tsab .slds-tabs_path__item:first-child,
.tsab .slds-tabs--path__item:first-child {
border-radius: 15rem 0 0 15rem; }
.tsab .slds-tabs_path__item:last-child,
.tsab .slds-tabs--path__item:last-child {
border-radius: 0 15rem 15rem 0;
border-right: 0; }
.tsab .slds-tabs_path__item:before,
.tsab .slds-tabs--path__item:before {
content: '';
display: block;
position: absolute;
top: 2px;
left: -1rem;
width: calc(2rem - (2px * 2));
height: calc(2rem - (2px * 2));
border: 2px solid white;
border-left: 0;
border-bottom: 0;
background-clip: padding-box;
transform: scale3d(0.8, 1.1, 1) rotate(45deg);
transition: transform 0.1s ease-in-out, background-color 0.1s linear; }
.tsab .slds-tabs_path__item:first-child:before,
.tsab .slds-tabs--path__item:first-child:before {
display: none; }
.tsab .slds-tabs_path__item + .slds-is-complete:before,
.tsab .slds-tabs_path__item + .slds-is-current:before,
.tsab .slds-tabs--path__item + .slds-is-complete:before,
.tsab .slds-tabs--path__item + .slds-is-current:before {
background-color: #4bca81; }
.tsab .slds-tabs_path__item:hover + .slds-is-complete:before,
.tsab .slds-tabs_path__item:hover + .slds-is-current:before,
.tsab .slds-tabs--path__item:hover + .slds-is-complete:before,
.tsab .slds-tabs--path__item:hover + .slds-is-current:before {
background-color: #04844b; }
.tsab .slds-tabs_path__item + .slds-is-incomplete:before,
.tsab .slds-tabs_path__item + .slds-is-lost:before,
.tsab .slds-tabs--path__item + .slds-is-incomplete:before,
.tsab .slds-tabs--path__item + .slds-is-lost:before {
background-color: #e0e5ee; }
.tsab .slds-tabs_path__item:hover + .slds-is-incomplete:before,
.tsab .slds-tabs_path__item:hover + .slds-is-lost:before,
.tsab .slds-tabs--path__item:hover + .slds-is-incomplete:before,
.tsab .slds-tabs--path__item:hover + .slds-is-lost:before {
background-color: #d8dde6; }
.tsab .slds-tabs_path__title,
.tsab .slds-tabs--path__title {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.tsab .slds-tabs_path__stage,
.tsab .slds-tabs--path__stage {
position: absolute;
top: 50%;
left: 0.5rem;
width: 100%;
margin-top: -0.75rem;
transform: rotateX(-180deg); }
.tsab .slds-tabs_path__link,
.tsab .slds-tabs--path__link {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding: 0.25rem 0.25rem 0.25rem 1.25rem;
line-height: 1.5rem;
text-decoration: none;
cursor: pointer; }
.tsab .slds-tabs_path__link:hover,
.tsab .slds-tabs--path__link:hover {
text-decoration: none; }
.tsab .slds-tabs_path__link:focus,
.tsab .slds-tabs--path__link:focus {
outline: 0; }
.tsab .slds-tabs_path__title,
.tsab .slds-tabs--path__title,
.tsab .slds-tabs_path__stage,
.tsab .slds-tabs--path__stage {
display: block;
transition: transform 0.2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.tsab .slds-path__trigger {
border-radius: 50%;
transition: 0.1s transform ease-in-out; }
.tsab .slds-flip_vertical,
.tsab .slds-flip--vertical {
transform: rotateX(180deg); }
.tsab .slds-flip_horizontal,
.tsab .slds-flip--horizontal {
transform: rotateY(180deg); }
.tsab .slds-path__mark-complete {
border-radius: 15rem; }
.tsab .slds-path__mark-current {
border-color: #061c3f;
background-color: #061c3f; }
.tsab .slds-path__mark-current:hover, .tsab .slds-path__mark-current:focus {
background-color: #16325c; }
.tsab .slds-tabs_path__content,
.tsab .slds-tabs--path__content {
position: relative;
padding-left: 1.5rem;
padding-right: 1rem; }
.tsab .slds-coach__keys {
padding-left: 0.75rem; }
.tsab .slds-coach__guidance {
padding-left: 1.5rem;
padding-bottom: 0.25rem;
background-color: #fafafb; }
.tsab .slds-coach__keys,
.tsab .slds-coach__guidance {
margin-top: 1rem;
padding-top: 1rem;
padding-right: 1.5rem; }
.tsab .slds-coach__item {
border-top: #d8dde6 1px solid;
padding: 1rem 0;
color: #54698d; }
.tsab .slds-coach__value {
border-top: #d8dde6 1px solid;
padding-top: 1rem;
color: #16325c; }
.tsab .slds-progress-bar {
display: block;
width: 100%;
height: 0.5rem;
background: #d8dde6;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
/**
* Creates a progress bar height at the smaller .125rem (2px) size
*
* @selector .slds-progress-bar_x-small
* @restrict .slds-progress-bar
* @modifier
* @group height
*/
/**
* Creates a progress bar height at the smaller .25rem (4px) size
*
* @selector .slds-progress-bar_small
* @restrict .slds-progress-bar
* @modifier
* @group height
*/
/**
* Creates a progress bar height at the smaller .5rem (8px) size
*
* @selector .slds-progress-bar_medium
* @restrict .slds-progress-bar
* @modifier
* @group height
*/
/**
* Creates a progress bar height at the smaller .75rem (12px) size
*
* @selector .slds-progress-bar_large
* @restrict .slds-progress-bar
* @modifier
* @group height
*/
/**
* Adds a border radius to the progress bar to give it a circular look
*
* @selector .slds-progress-bar_circular
* @restrict .slds-progress-bar
* @modifier
* @group radius
*/ }
.tsab .slds-progress-bar_x-small, .tsab .slds-progress-bar--x-small {
height: 0.125rem; }
.tsab .slds-progress-bar_small, .tsab .slds-progress-bar--small {
height: 0.25rem; }
.tsab .slds-progress-bar_medium, .tsab .slds-progress-bar--medium {
height: 0.5rem; }
.tsab .slds-progress-bar_large, .tsab .slds-progress-bar--large {
height: 0.75rem; }
.tsab .slds-progress-bar_circular, .tsab .slds-progress-bar--circular {
border-radius: 0.5rem; }
.tsab .slds-progress-bar_circular .slds-progress-bar__value, .tsab .slds-progress-bar--circular .slds-progress-bar__value {
border-radius: 0.5rem; }
.tsab .slds-progress-bar__value {
display: block;
background: #5eb4ff;
height: 100%; }
.tsab .slds-progress {
position: relative;
max-width: 70%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: auto;
/**
* When on a shaded background such as the modal footer
*
* @selector .slds-progress_shade
* @restrict .slds-progress
* @modifier
*/ }
.tsab .slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker,
.tsab .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker, .tsab .slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker,
.tsab .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker {
background: #f4f6f9; }
.tsab .slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker_icon,
.tsab .slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker--icon, .tsab .slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker_icon,
.tsab .slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker--icon {
border-color: #f4f6f9; }
.tsab .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker, .tsab .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker {
box-shadow: #f4f6f9 0 0 0 4px; }
.tsab .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker:focus, .tsab .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker:focus {
box-shadow: #f4f6f9 0 0 0 4px, 0 0 3px 4px #0070d2; }
.tsab .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker, .tsab .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:hover, .tsab .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:focus, .tsab .slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker, .tsab .slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker:hover, .tsab .slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker:focus {
background: #f4f6f9; }
.tsab .slds-progress_shade .slds-progress__item .slds-progress__marker, .tsab .slds-progress--shade .slds-progress__item .slds-progress__marker {
border-color: #f4f6f9; }
.tsab .slds-progress .slds-progress-bar {
position: absolute;
top: 50%;
margin-top: -0.0625rem; }
.tsab .slds-progress__list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin: auto;
position: relative;
z-index: 1; }
.tsab .slds-progress__item {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: center;
align-self: center;
/**
* Stateful class for a completed step, `.slds-progress__item` should receive a success icon at this point
*
* @selector .slds-is-completed
* @restrict .slds-progress__item
* @notes Class should be applied thought JavaScript
* @required
* @modifier
* @group state
*/
/**
* Stateful class for the active step
*
* @selector .slds-is-active
* @restrict .slds-progress__item
* @notes Class should be applied thought JavaScript
* @required
* @modifier
* @group state
*/
/**
* Indicates error state for a step in the progress
*
* @selector .slds-has-error
* @restrict .slds-progress__item
* @required
* @modifier
*/ }
.tsab .slds-progress__item.slds-is-completed .slds-progress__marker,
.tsab .slds-progress__item.slds-is-active .slds-progress__marker {
background: white;
border-color: #1589ee; }
.tsab .slds-progress__item.slds-is-completed .slds-progress__marker_icon,
.tsab .slds-progress__item.slds-is-completed .slds-progress__marker--icon {
border-color: white;
color: #5eb4ff; }
.tsab .slds-progress__item.slds-is-active .slds-progress__marker {
box-shadow: white 0 0 0 4px; }
.tsab .slds-progress__item.slds-is-active .slds-progress__marker:hover, .tsab .slds-progress__item.slds-is-active .slds-progress__marker:focus {
border-color: #0070d2; }
.tsab .slds-progress__item.slds-is-active .slds-progress__marker:focus {
box-shadow: white 0 0 0 4px, 0 0 3px 4px #0070d2; }
.tsab .slds-progress__item.slds-has-error .slds-progress__marker, .tsab .slds-progress__item.slds-has-error .slds-progress__marker:hover, .tsab .slds-progress__item.slds-has-error .slds-progress__marker:focus {
color: #c23934;
background: white;
border-color: transparent;
box-shadow: none; }
.tsab .slds-progress__item.slds-has-error .slds-progress__marker:focus {
box-shadow: 0 0 3px 0 #c23934; }
.tsab .slds-progress__marker {
width: 1rem;
height: 1rem;
position: relative;
border-radius: 50%;
background: #d8dde6;
border: 4px solid white;
vertical-align: middle;
/**
* Modifier that notifies the marker indicator that the step has been completed and its getting an icon
*
* @selector .slds-progress__marker_icon
* @restrict .slds-progress__marker
* @required
*/ }
.tsab .slds-progress__marker_icon, .tsab .slds-progress__marker--icon {
width: auto;
height: auto; }
.tsab .slds-rich-text-editor {
border: 1px solid #d8dde6;
border-radius: 0.25rem; }
.tsab .slds-rich-text-editor__toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
white-space: nowrap;
position: relative;
padding: 0.5rem 0.5rem 0.25rem 0.5rem;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
border-bottom: 1px solid #d8dde6;
background-color: #f4f6f9; }
.tsab .slds-rich-text-editor__toolbar_bottom {
border-radius: 0 0 0.25rem 0.25rem;
border-top: 1px solid #d8dde6;
border-bottom: 0; }
.tsab .slds-rich-text-editor .slds-button-group-list {
margin-right: 0.25rem;
margin-bottom: 0.25rem;
margin-left: 0; }
.tsab .slds-rich-text-editor .slds-button-group-list:last-child {
margin-right: 0; }
.tsab .slds-rich-text-editor__select {
margin-right: 0.25rem; }
.tsab .slds-rich-text-editor.slds-has-focus {
border-color: #1589ee;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-rich-text-editor.slds-has-error {
border: 2px solid #c23934; }
.tsab .slds-rich-text-area__content {
overflow-y: auto;
min-height: 6rem;
max-height: 15rem;
padding: 1rem; }
.tsab .slds-picklist__label[disabled] .slds-icon {
fill: #d8dde6; }
.tsab [contenteditable]:focus {
outline: none; }
.tsab .slds-rich-text-editor__textarea,
.tsab .slds-rich-text-editor__output {
line-height: 1.5;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual; }
.tsab .slds-rich-text-editor__textarea a,
.tsab .slds-rich-text-editor__output a {
word-break: break-all; }
.tsab .slds-rich-text-editor__textarea h1,
.tsab .slds-rich-text-editor__output h1 {
font-size: 1.5rem; }
.tsab .slds-rich-text-editor__textarea h2,
.tsab .slds-rich-text-editor__output h2 {
font-size: 1.125rem;
font-weight: 700; }
.tsab .slds-rich-text-editor__textarea h3,
.tsab .slds-rich-text-editor__output h3 {
font-size: 1.125rem; }
.tsab .slds-rich-text-editor__textarea h4,
.tsab .slds-rich-text-editor__output h4 {
font-size: 0.875rem;
font-weight: 700; }
.tsab .slds-rich-text-editor__textarea h5,
.tsab .slds-rich-text-editor__output h5 {
font-size: 0.875rem; }
.tsab .slds-rich-text-editor__textarea h6,
.tsab .slds-rich-text-editor__output h6 {
font-size: 0.75rem;
font-weight: 700; }
.tsab .slds-rich-text-editor__textarea h1,
.tsab .slds-rich-text-editor__textarea h2,
.tsab .slds-rich-text-editor__textarea h3,
.tsab .slds-rich-text-editor__textarea h4,
.tsab .slds-rich-text-editor__textarea h5,
.tsab .slds-rich-text-editor__textarea h6,
.tsab .slds-rich-text-editor__textarea p,
.tsab .slds-rich-text-editor__textarea ul,
.tsab .slds-rich-text-editor__textarea ol,
.tsab .slds-rich-text-editor__textarea dl,
.tsab .slds-rich-text-editor__textarea img,
.tsab .slds-rich-text-editor__output h1,
.tsab .slds-rich-text-editor__output h2,
.tsab .slds-rich-text-editor__output h3,
.tsab .slds-rich-text-editor__output h4,
.tsab .slds-rich-text-editor__output h5,
.tsab .slds-rich-text-editor__output h6,
.tsab .slds-rich-text-editor__output p,
.tsab .slds-rich-text-editor__output ul,
.tsab .slds-rich-text-editor__output ol,
.tsab .slds-rich-text-editor__output dl,
.tsab .slds-rich-text-editor__output img {
margin-bottom: 0.75rem; }
.tsab .slds-rich-text-editor__textarea blockquote,
.tsab .slds-rich-text-editor__output blockquote {
margin: 2rem 1.5rem; }
.tsab .slds-rich-text-editor__textarea ul,
.tsab .slds-rich-text-editor__output ul {
margin-left: 1.5rem;
list-style: disc; }
.tsab .slds-rich-text-editor__textarea ul ul,
.tsab .slds-rich-text-editor__output ul ul {
list-style: circle; }
.tsab .slds-rich-text-editor__textarea ul ul ul,
.tsab .slds-rich-text-editor__output ul ul ul {
list-style: square; }
.tsab .slds-rich-text-editor__textarea ul ol,
.tsab .slds-rich-text-editor__output ul ol {
margin-left: 1.5rem;
list-style: decimal; }
.tsab .slds-rich-text-editor__textarea ol,
.tsab .slds-rich-text-editor__output ol {
margin-left: 1.5rem;
list-style: decimal; }
.tsab .slds-rich-text-editor__textarea ol ol,
.tsab .slds-rich-text-editor__output ol ol {
list-style: lower-alpha; }
.tsab .slds-rich-text-editor__textarea ol ol ol,
.tsab .slds-rich-text-editor__output ol ol ol {
list-style: lower-roman; }
.tsab .slds-rich-text-editor__textarea ol ul,
.tsab .slds-rich-text-editor__output ol ul {
margin-left: 1.5rem;
list-style: disc; }
.tsab .slds-rich-text-editor__textarea dd,
.tsab .slds-rich-text-editor__output dd {
margin-left: 2.5rem; }
.tsab .slds-rich-text-editor__textarea abbr[title],
.tsab .slds-rich-text-editor__textarea acronym[title],
.tsab .slds-rich-text-editor__output abbr[title],
.tsab .slds-rich-text-editor__output acronym[title] {
border-bottom: 1px dotted;
cursor: help; }
.tsab .slds-rich-text-editor__textarea table,
.tsab .slds-rich-text-editor__output table {
width: auto; }
.tsab .slds-rich-text-editor__textarea table caption,
.tsab .slds-rich-text-editor__output table caption {
text-align: center; }
.tsab .slds-rich-text-editor__textarea th,
.tsab .slds-rich-text-editor__textarea td,
.tsab .slds-rich-text-editor__output th,
.tsab .slds-rich-text-editor__output td {
padding: 0.5rem; }
.tsab .slds-spinner_container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9050;
background-color: rgba(255, 255, 255, 0.75);
visibility: visible;
opacity: 1;
transition: opacity 0.2s ease, visibility 0s;
transition-delay: 0s, 0.3s; }
.tsab .slds-spinner_container.is-hidden {
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease, visibility 0s;
transition-delay: 0s, 0s; }
.tsab .slds-spinner_container.hide {
display: none; }
.tsab .slds-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg); }
.tsab .slds-spinner,
.tsab .slds-spinner__dot-a,
.tsab .slds-spinner__dot-b {
transform-origin: 50% 50%; }
.tsab .slds-spinner__dot-a,
.tsab .slds-spinner__dot-b {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.tsab .slds-spinner:before,
.tsab .slds-spinner:after,
.tsab .slds-spinner__dot-a:before,
.tsab .slds-spinner__dot-b:before,
.tsab .slds-spinner__dot-a:after,
.tsab .slds-spinner__dot-b:after {
position: absolute;
content: '';
background: #9faab5;
border-radius: 50%;
animation-duration: 1000ms;
animation-iteration-count: infinite; }
.tsab .slds-spinner__dot-a {
transform: rotate(60deg) translateY(0); }
.tsab .slds-spinner__dot-b {
transform: rotate(120deg) translateY(0); }
.tsab .slds-spinner:before {
animation-delay: -83.33333ms; }
.tsab .slds-spinner__dot-a:before {
animation-delay: 83.33333ms; }
.tsab .slds-spinner__dot-b:before {
animation-delay: 250ms; }
.tsab .slds-spinner:after {
animation-delay: 416.66667ms; }
.tsab .slds-spinner__dot-a:after {
animation-delay: 583.33333ms; }
.tsab .slds-spinner__dot-b:after {
animation-delay: 750ms; }
.tsab .slds-spinner_brand.slds-spinner:before, .tsab .slds-spinner_brand.slds-spinner:after,
.tsab .slds-spinner_brand .slds-spinner__dot-a:before,
.tsab .slds-spinner_brand .slds-spinner__dot-b:before,
.tsab .slds-spinner_brand .slds-spinner__dot-a:after,
.tsab .slds-spinner_brand .slds-spinner__dot-b:after,
.tsab .slds-spinner--brand.slds-spinner:before,
.tsab .slds-spinner--brand.slds-spinner:after,
.tsab .slds-spinner--brand .slds-spinner__dot-a:before,
.tsab .slds-spinner--brand .slds-spinner__dot-b:before,
.tsab .slds-spinner--brand .slds-spinner__dot-a:after,
.tsab .slds-spinner--brand .slds-spinner__dot-b:after {
background-color: #1589ee; }
.tsab .slds-spinner_inverse.slds-spinner:before, .tsab .slds-spinner_inverse.slds-spinner:after,
.tsab .slds-spinner_inverse .slds-spinner__dot-a:before,
.tsab .slds-spinner_inverse .slds-spinner__dot-b:before,
.tsab .slds-spinner_inverse .slds-spinner__dot-a:after,
.tsab .slds-spinner_inverse .slds-spinner__dot-b:after,
.tsab .slds-spinner--inverse.slds-spinner:before,
.tsab .slds-spinner--inverse.slds-spinner:after,
.tsab .slds-spinner--inverse .slds-spinner__dot-a:before,
.tsab .slds-spinner--inverse .slds-spinner__dot-b:before,
.tsab .slds-spinner--inverse .slds-spinner__dot-a:after,
.tsab .slds-spinner--inverse .slds-spinner__dot-b:after {
background-color: #fdfdfd; }
.tsab .slds-spinner_xx-small,
.tsab .slds-spinner--xx-small {
width: 0.5rem; }
.tsab .slds-spinner_xx-small.slds-spinner:before, .tsab .slds-spinner_xx-small.slds-spinner:after,
.tsab .slds-spinner_xx-small .slds-spinner__dot-a:before,
.tsab .slds-spinner_xx-small .slds-spinner__dot-b:before,
.tsab .slds-spinner_xx-small .slds-spinner__dot-a:after,
.tsab .slds-spinner_xx-small .slds-spinner__dot-b:after,
.tsab .slds-spinner--xx-small.slds-spinner:before,
.tsab .slds-spinner--xx-small.slds-spinner:after,
.tsab .slds-spinner--xx-small .slds-spinner__dot-a:before,
.tsab .slds-spinner--xx-small .slds-spinner__dot-b:before,
.tsab .slds-spinner--xx-small .slds-spinner__dot-a:after,
.tsab .slds-spinner--xx-small .slds-spinner__dot-b:after {
width: 0.125rem;
height: 0.125rem; }
.tsab .slds-spinner_xx-small.slds-spinner:before,
.tsab .slds-spinner_xx-small .slds-spinner__dot-a:before,
.tsab .slds-spinner_xx-small .slds-spinner__dot-b:before,
.tsab .slds-spinner--xx-small.slds-spinner:before,
.tsab .slds-spinner--xx-small .slds-spinner__dot-a:before,
.tsab .slds-spinner--xx-small .slds-spinner__dot-b:before {
top: -0.0625rem;
left: -0.0625rem;
animation-name: dotsBounceBefore-extraExtraSmall; }
.tsab .slds-spinner_xx-small.slds-spinner:after,
.tsab .slds-spinner_xx-small .slds-spinner__dot-a:after,
.tsab .slds-spinner_xx-small .slds-spinner__dot-b:after,
.tsab .slds-spinner--xx-small.slds-spinner:after,
.tsab .slds-spinner--xx-small .slds-spinner__dot-a:after,
.tsab .slds-spinner--xx-small .slds-spinner__dot-b:after {
top: -0.0625rem;
right: -0.0625rem;
animation-name: dotsBounceAfter-extraExtraSmall; }
@keyframes dotsBounceBefore-extraExtraSmall {
60% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.275, 0.0425, 0.34, 0.265); }
80% {
animation-timing-function: cubic-bezier(0, 0.555, 0.35, 0.715);
transform: translateX(-0.125rem); }
100% {
transform: translateX(0); } }
@keyframes dotsBounceAfter-extraExtraSmall {
60% {
animation-timing-function: cubic-bezier(0.275, 0.0425, 0.34, 0.265);
transform: translateX(0); }
80% {
animation-timing-function: cubic-bezier(0, 0.555, 0.35, 0.715);
transform: translateX(0.125rem); }
100% {
transform: translateX(0); } }
.tsab .slds-spinner_x-small,
.tsab .slds-spinner--x-small {
width: 1rem; }
.tsab .slds-spinner_x-small.slds-spinner:before, .tsab .slds-spinner_x-small.slds-spinner:after,
.tsab .slds-spinner_x-small .slds-spinner__dot-a:before,
.tsab .slds-spinner_x-small .slds-spinner__dot-b:before,
.tsab .slds-spinner_x-small .slds-spinner__dot-a:after,
.tsab .slds-spinner_x-small .slds-spinner__dot-b:after,
.tsab .slds-spinner--x-small.slds-spinner:before,
.tsab .slds-spinner--x-small.slds-spinner:after,
.tsab .slds-spinner--x-small .slds-spinner__dot-a:before,
.tsab .slds-spinner--x-small .slds-spinner__dot-b:before,
.tsab .slds-spinner--x-small .slds-spinner__dot-a:after,
.tsab .slds-spinner--x-small .slds-spinner__dot-b:after {
width: 0.25rem;
height: 0.25rem; }
.tsab .slds-spinner_x-small.slds-spinner:before,
.tsab .slds-spinner_x-small .slds-spinner__dot-a:before,
.tsab .slds-spinner_x-small .slds-spinner__dot-b:before,
.tsab .slds-spinner--x-small.slds-spinner:before,
.tsab .slds-spinner--x-small .slds-spinner__dot-a:before,
.tsab .slds-spinner--x-small .slds-spinner__dot-b:before {
top: -0.125rem;
left: -0.125rem;
animation-name: dotsBounceBefore-extraSmall; }
.tsab .slds-spinner_x-small.slds-spinner:after,
.tsab .slds-spinner_x-small .slds-spinner__dot-a:after,
.tsab .slds-spinner_x-small .slds-spinner__dot-b:after,
.tsab .slds-spinner--x-small.slds-spinner:after,
.tsab .slds-spinner--x-small .slds-spinner__dot-a:after,
.tsab .slds-spinner--x-small .slds-spinner__dot-b:after {
top: -0.125rem;
right: -0.125rem;
animation-name: dotsBounceAfter-extraSmall; }
@keyframes dotsBounceBefore-extraSmall {
60% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(-0.25rem); }
100% {
transform: translateX(0); } }
@keyframes dotsBounceAfter-extraSmall {
60% {
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transform: translateX(0); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(0.25rem); }
100% {
transform: translateX(0); } }
.tsab .slds-spinner_small,
.tsab .slds-spinner--small {
width: 1.25rem; }
.tsab .slds-spinner_small.slds-spinner:before, .tsab .slds-spinner_small.slds-spinner:after,
.tsab .slds-spinner_small .slds-spinner__dot-a:before,
.tsab .slds-spinner_small .slds-spinner__dot-b:before,
.tsab .slds-spinner_small .slds-spinner__dot-a:after,
.tsab .slds-spinner_small .slds-spinner__dot-b:after,
.tsab .slds-spinner--small.slds-spinner:before,
.tsab .slds-spinner--small.slds-spinner:after,
.tsab .slds-spinner--small .slds-spinner__dot-a:before,
.tsab .slds-spinner--small .slds-spinner__dot-b:before,
.tsab .slds-spinner--small .slds-spinner__dot-a:after,
.tsab .slds-spinner--small .slds-spinner__dot-b:after {
width: 0.25rem;
height: 0.25rem; }
.tsab .slds-spinner_small.slds-spinner:before,
.tsab .slds-spinner_small .slds-spinner__dot-a:before,
.tsab .slds-spinner_small .slds-spinner__dot-b:before,
.tsab .slds-spinner--small.slds-spinner:before,
.tsab .slds-spinner--small .slds-spinner__dot-a:before,
.tsab .slds-spinner--small .slds-spinner__dot-b:before {
top: -0.125rem;
left: -0.125rem;
animation-name: dotsBounceBefore-small; }
.tsab .slds-spinner_small.slds-spinner:after,
.tsab .slds-spinner_small .slds-spinner__dot-a:after,
.tsab .slds-spinner_small .slds-spinner__dot-b:after,
.tsab .slds-spinner--small.slds-spinner:after,
.tsab .slds-spinner--small .slds-spinner__dot-a:after,
.tsab .slds-spinner--small .slds-spinner__dot-b:after {
top: -0.125rem;
right: -0.125rem;
animation-name: dotsBounceAfter-small; }
@keyframes dotsBounceBefore-small {
60% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(-0.375rem); }
100% {
transform: translateX(0); } }
@keyframes dotsBounceAfter-small {
60% {
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transform: translateX(0); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(0.375rem); }
100% {
transform: translateX(0); } }
.tsab .slds-spinner_medium,
.tsab .slds-spinner--medium {
width: 2rem; }
.tsab .slds-spinner_medium.slds-spinner:before, .tsab .slds-spinner_medium.slds-spinner:after,
.tsab .slds-spinner_medium .slds-spinner__dot-a:before,
.tsab .slds-spinner_medium .slds-spinner__dot-b:before,
.tsab .slds-spinner_medium .slds-spinner__dot-a:after,
.tsab .slds-spinner_medium .slds-spinner__dot-b:after,
.tsab .slds-spinner--medium.slds-spinner:before,
.tsab .slds-spinner--medium.slds-spinner:after,
.tsab .slds-spinner--medium .slds-spinner__dot-a:before,
.tsab .slds-spinner--medium .slds-spinner__dot-b:before,
.tsab .slds-spinner--medium .slds-spinner__dot-a:after,
.tsab .slds-spinner--medium .slds-spinner__dot-b:after {
width: 0.5rem;
height: 0.5rem; }
.tsab .slds-spinner_medium.slds-spinner:before,
.tsab .slds-spinner_medium .slds-spinner__dot-a:before,
.tsab .slds-spinner_medium .slds-spinner__dot-b:before,
.tsab .slds-spinner--medium.slds-spinner:before,
.tsab .slds-spinner--medium .slds-spinner__dot-a:before,
.tsab .slds-spinner--medium .slds-spinner__dot-b:before {
animation-name: dotsBounceBefore-medium;
top: -0.25rem;
left: -0.25rem; }
.tsab .slds-spinner_medium.slds-spinner:after,
.tsab .slds-spinner_medium .slds-spinner__dot-a:after,
.tsab .slds-spinner_medium .slds-spinner__dot-b:after,
.tsab .slds-spinner--medium.slds-spinner:after,
.tsab .slds-spinner--medium .slds-spinner__dot-a:after,
.tsab .slds-spinner--medium .slds-spinner__dot-b:after {
animation-name: dotsBounceAfter-medium;
top: -0.25rem;
right: -0.25rem; }
@keyframes dotsBounceBefore-medium {
60% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(-0.5rem); }
100% {
transform: translateX(0); } }
@keyframes dotsBounceAfter-medium {
60% {
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transform: translateX(0); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(0.5rem); }
100% {
transform: translateX(0); } }
.tsab .slds-spinner_large,
.tsab .slds-spinner--large {
width: 2.75rem; }
.tsab .slds-spinner_large.slds-spinner:before, .tsab .slds-spinner_large.slds-spinner:after,
.tsab .slds-spinner_large .slds-spinner__dot-a:before,
.tsab .slds-spinner_large .slds-spinner__dot-b:before,
.tsab .slds-spinner_large .slds-spinner__dot-a:after,
.tsab .slds-spinner_large .slds-spinner__dot-b:after,
.tsab .slds-spinner--large.slds-spinner:before,
.tsab .slds-spinner--large.slds-spinner:after,
.tsab .slds-spinner--large .slds-spinner__dot-a:before,
.tsab .slds-spinner--large .slds-spinner__dot-b:before,
.tsab .slds-spinner--large .slds-spinner__dot-a:after,
.tsab .slds-spinner--large .slds-spinner__dot-b:after {
width: 0.625rem;
height: 0.625rem; }
.tsab .slds-spinner_large.slds-spinner:before,
.tsab .slds-spinner_large .slds-spinner__dot-a:before,
.tsab .slds-spinner_large .slds-spinner__dot-b:before,
.tsab .slds-spinner--large.slds-spinner:before,
.tsab .slds-spinner--large .slds-spinner__dot-a:before,
.tsab .slds-spinner--large .slds-spinner__dot-b:before {
animation-name: dotsBounceBefore-medium;
top: -0.3125rem;
left: -0.3125rem; }
.tsab .slds-spinner_large.slds-spinner:after,
.tsab .slds-spinner_large .slds-spinner__dot-a:after,
.tsab .slds-spinner_large .slds-spinner__dot-b:after,
.tsab .slds-spinner--large.slds-spinner:after,
.tsab .slds-spinner--large .slds-spinner__dot-a:after,
.tsab .slds-spinner--large .slds-spinner__dot-b:after {
animation-name: dotsBounceAfter-medium;
top: -0.3125rem;
right: -0.3125rem; }
@keyframes dotsBounceBefore-large {
60% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(-0.75rem); }
100% {
transform: translateX(0); } }
@keyframes dotsBounceAfter-large {
60% {
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transform: translateX(0); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(0.75rem); }
100% {
transform: translateX(0); } }
.tsab .slds-split-view_container {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
/**
* Modifier to rotate the left arrow icon on close
*
* @selector .slds-is-closed
* @restrict .slds-split-view_container, .slds-split-view__toggle-button
* @modifier
* @group toggleSelection
*/
/**
* Toggles open/close state of split view container
*
* @selector .slds-is-open
* @restrict .slds-split-view_container, .slds-split-view__toggle-button
* @modifier
* @group toggleSelection
*/ }
.tsab .slds-split-view_container.slds-is-closed .slds-split-view {
display: none; }
.tsab .slds-split-view_container.slds-is-closed .slds-split-view__toggle-button .slds-button__icon {
transform: rotate(180deg); }
.tsab .slds-split-view_container.slds-is-open {
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.tsab .slds-split-view_container.slds-is-open .slds-split-view {
display: inherit; }
.tsab .slds-split-view_container.slds-is-open .slds-split-view__toggle-button .slds-button__icon {
transform: rotate(0); }
.tsab .slds-split-view {
background: #e4e9f3;
color: #54698d; }
.tsab .slds-split-view__header {
padding: 1rem 1rem 0.5rem 1.5rem; }
.tsab .slds-split-view__list-header {
border-top: 1px solid #ced5e1;
border-bottom: 1px solid #ced5e1;
padding: 0.5rem 1rem 0.5rem 1.5rem; }
.tsab .slds-split-view__list-item {
display: -ms-flexbox;
display: flex;
position: relative;
border-bottom: 1px solid #ced5e1;
font-size: 0.75rem;
/**
* Unread states
*
* Positions the dot indicator to the left of the content
*
* @selector .slds-indicator_unread
* @restrict .slds-split-view__list-item abbr
* @required
*/ }
.tsab .slds-split-view__list-item:hover, .tsab .slds-split-view__list-item:focus {
background: #eef1f6; }
.tsab .slds-split-view__list-item .slds-indicator_unread,
.tsab .slds-split-view__list-item .slds-indicator--unread {
background: #1589ee; }
.tsab .slds-indicator_unread,
.tsab .slds-indicator--unread {
width: 8px;
height: 8px;
position: absolute;
top: 1rem;
left: 0.5rem;
display: block;
border-radius: 50%;
background: #c23934; }
.tsab .slds-split-view__list-item-action {
color: currentColor;
padding: 0.75rem 1rem 0.75rem 1.5rem; }
.tsab .slds-split-view__list-item-action:hover, .tsab .slds-split-view__list-item-action:focus {
outline: none;
background: #eef1f6;
color: currentColor;
text-decoration: none; }
.tsab .slds-split-view__list-item-action:focus {
box-shadow: inset 0 0 0 1px #1589ee; }
.tsab .slds-split-view__list-item-action[aria-selected="true"] {
box-shadow: inset 4px 0 0 #1589ee; }
.tsab .slds-split-view__list-item-action[aria-selected="true"]:focus {
box-shadow: inset 4px 0 0 #1589ee, inset 0 0 0 1px #1589ee; }
.tsab .slds-split-view__toggle-button {
position: absolute;
right: -0.75rem;
height: 100%;
width: 0.75rem;
background: #fdfdfd;
border-radius: 0;
border: 1px solid #d8dde6; }
.tsab .slds-split-view__toggle-button:hover, .tsab .slds-split-view__toggle-button:focus {
background: #eef1f6; }
.tsab .slds-split-view__toggle-button.slds-is-closed .slds-button__icon {
transform: rotate(180deg); }
.tsab .slds-tile {
/**
* @selector .slds-tile__detail
* @restrict .slds-tile div
*/
/**
* @selector .slds-tile__meta
* @restrict .slds-tile div
*/ }
.tsab .slds-tile + .slds-tile {
margin-top: 0.5rem; }
.tsab .slds-tile__detail {
position: relative; }
.tsab .slds-tile__meta {
color: #16325c; }
.tsab .slds-tile_board,
.tsab .slds-tile--board {
position: relative; }
.tsab .slds-tile_board__icon,
.tsab .slds-tile--board__icon {
width: 1rem;
height: 1rem;
position: absolute;
bottom: 0.25rem;
right: 0.25rem; }
.tsab .slds-tile_board .slds-has-alert,
.tsab .slds-tile--board .slds-has-alert {
padding-right: 1.5rem; }
.tsab .slds-tabs_default,
.tsab .slds-tabs--default {
display: block;
width: 100%;
/**
* Creates the container for the default tabs
*
* @selector .slds-tabs_default__nav
* @restrict .slds-tabs_default ul
* @required
*/ }
.tsab .slds-tabs_default__nav,
.tsab .slds-tabs--default__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
border-bottom: 1px solid #d8dde6; }
@media (min-width: 48em) {
.tsab .slds-tabs_default .slds-tabs__item + .slds-tabs__item,
.tsab .slds-tabs--default .slds-tabs__item + .slds-tabs__item {
margin-left: 1.5rem; } }
.tsab .slds-tabs_default .slds-tabs__item > a,
.tsab .slds-tabs--default .slds-tabs__item > a {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
text-decoration: none;
cursor: pointer;
height: 2.5rem;
line-height: 2.5rem;
border-bottom: 2px solid transparent;
padding: 0 0.5rem;
color: #54698d; }
.tsab .slds-tabs_default .slds-tabs__item > a:focus,
.tsab .slds-tabs--default .slds-tabs__item > a:focus {
outline: 0; }
@media (min-width: 48em) {
.tsab .slds-tabs_default .slds-tabs__item > a,
.tsab .slds-tabs--default .slds-tabs__item > a {
padding: 0 1rem; } }
.tsab .slds-tabs_default .slds-tabs__item > a:hover, .tsab .slds-tabs_default .slds-tabs__item > a:focus,
.tsab .slds-tabs--default .slds-tabs__item > a:hover,
.tsab .slds-tabs--default .slds-tabs__item > a:focus {
text-decoration: none;
border-color: #0070d2;
color: #16325c; }
.tsab .slds-tabs_default .slds-tabs__item.slds-active a,
.tsab .slds-tabs--default .slds-tabs__item.slds-active a {
border-color: #0070d2;
color: #16325c; }
.tsab .slds-tabs_default .slds-tabs__item.slds-active a:focus,
.tsab .slds-tabs--default .slds-tabs__item.slds-active a:focus {
color: #0070d2; }
.tsab .slds-tabs_default > .slds-tabs__content,
.tsab .slds-tabs--default > .slds-tabs__content {
position: relative;
padding: 1rem 0; }
.tsab .slds-tabs_default .slds-tabs__item_overflow,
.tsab .slds-tabs_default .slds-tabs__item--overflow,
.tsab .slds-tabs--default .slds-tabs__item_overflow,
.tsab .slds-tabs--default .slds-tabs__item--overflow {
overflow: visible; }
.tsab .slds-tabs_default__item,
.tsab .slds-tabs--default__item {
color: #54698d;
position: relative;
padding: 0 0.75rem;
/**
* Active state for a tab item
*
* @selector .slds-is-active
* @restrict .slds-tabs_default__item
* @notes Required on the `<li>` element that is associated with the active tab panel
* @modifier
*/
/**
* Focus state for a tab item
*
* @selector .slds-has-focus
* @restrict .slds-tabs_default__item
* @modifier
*/ }
.tsab .slds-tabs_default__item:after,
.tsab .slds-tabs--default__item:after {
display: block;
content: '';
bottom: 0;
left: 0;
right: 0;
position: absolute;
height: 2px; }
.tsab .slds-tabs_default__item.slds-active, .tsab .slds-tabs_default__item.slds-is-active,
.tsab .slds-tabs--default__item.slds-active,
.tsab .slds-tabs--default__item.slds-is-active {
color: #16325c; }
.tsab .slds-tabs_default__item.slds-active:after, .tsab .slds-tabs_default__item.slds-is-active:after,
.tsab .slds-tabs--default__item.slds-active:after,
.tsab .slds-tabs--default__item.slds-is-active:after {
background-color: #0070d2; }
.tsab .slds-tabs_default__item.slds-active .slds-tabs_default__link:hover,
.tsab .slds-tabs_default__item.slds-active .slds-tabs--default__link:hover, .tsab .slds-tabs_default__item.slds-is-active .slds-tabs_default__link:hover,
.tsab .slds-tabs_default__item.slds-is-active .slds-tabs--default__link:hover,
.tsab .slds-tabs--default__item.slds-active .slds-tabs_default__link:hover,
.tsab .slds-tabs--default__item.slds-active .slds-tabs--default__link:hover,
.tsab .slds-tabs--default__item.slds-is-active .slds-tabs_default__link:hover,
.tsab .slds-tabs--default__item.slds-is-active .slds-tabs--default__link:hover {
color: #16325c; }
.tsab .slds-tabs_default__item:hover:after,
.tsab .slds-tabs--default__item:hover:after {
background-color: #0070d2; }
.tsab .slds-tabs_default__item:focus, .tsab .slds-tabs_default__item.slds-has-focus,
.tsab .slds-tabs--default__item:focus,
.tsab .slds-tabs--default__item.slds-has-focus {
outline: 0;
color: #0070d2; }
.tsab .slds-tabs_default__item:focus:after, .tsab .slds-tabs_default__item.slds-has-focus:after,
.tsab .slds-tabs--default__item:focus:after,
.tsab .slds-tabs--default__item.slds-has-focus:after {
height: 3px;
background-color: #0070d2; }
.tsab .slds-tabs_default__link,
.tsab .slds-tabs--default__link {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
text-decoration: none;
cursor: pointer;
height: 2.5rem;
line-height: 2.5rem;
color: currentColor; }
.tsab .slds-tabs_default__link:focus,
.tsab .slds-tabs--default__link:focus {
outline: 0; }
.tsab .slds-tabs_default__link:hover, .tsab .slds-tabs_default__link:focus,
.tsab .slds-tabs--default__link:hover,
.tsab .slds-tabs--default__link:focus {
text-decoration: none; }
.tsab .slds-tabs_default__content,
.tsab .slds-tabs--default__content {
position: relative;
padding: 1rem 0; }
.tsab .slds-tabs_scoped,
.tsab .slds-tabs--scoped {
display: block;
width: 100%;
/**
* Creates the container for the default tabs
*
* @selector .slds-tabs_scoped__nav
* @restrict .slds-tabs_scoped ul
* @required
*/ }
.tsab .slds-tabs_scoped__nav,
.tsab .slds-tabs--scoped__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
background-color: #f4f6f9;
border: 1px solid #d8dde6;
border-radius: 0.25rem 0.25rem 0 0; }
.tsab .slds-tabs_scoped .slds-tabs__item,
.tsab .slds-tabs--scoped .slds-tabs__item {
position: relative;
margin-bottom: -1px; }
.tsab .slds-tabs_scoped .slds-tabs__item + .slds-tabs__item,
.tsab .slds-tabs--scoped .slds-tabs__item + .slds-tabs__item {
margin-left: -1px; }
.tsab .slds-tabs_scoped .slds-tabs__item:first-child > a,
.tsab .slds-tabs--scoped .slds-tabs__item:first-child > a {
border-left: 0;
border-radius: 0.25rem 0 0 0; }
.tsab .slds-tabs_scoped .slds-tabs__item > a,
.tsab .slds-tabs--scoped .slds-tabs__item > a {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
text-decoration: none;
cursor: pointer;
height: 2.5rem;
line-height: 2.5rem;
padding: 0 1.5rem;
color: #54698d;
background-clip: padding-box;
border-left: 1px solid transparent;
border-right: 1px solid transparent; }
.tsab .slds-tabs_scoped .slds-tabs__item > a:focus,
.tsab .slds-tabs--scoped .slds-tabs__item > a:focus {
outline: 0; }
.tsab .slds-tabs_scoped .slds-tabs__item > a:hover, .tsab .slds-tabs_scoped .slds-tabs__item > a:focus,
.tsab .slds-tabs--scoped .slds-tabs__item > a:hover,
.tsab .slds-tabs--scoped .slds-tabs__item > a:focus {
text-decoration: none;
color: #005fb2;
border-color: #d8dde6; }
.tsab .slds-tabs_scoped .slds-tabs__item .slds-active > a,
.tsab .slds-tabs--scoped .slds-tabs__item .slds-active > a {
background-color: #fdfdfd;
color: #0070d2;
border-color: #d8dde6; }
.tsab .slds-tabs_scoped .slds-tabs__item .slds-active > a:focus,
.tsab .slds-tabs--scoped .slds-tabs__item .slds-active > a:focus {
text-decoration: underline; }
.tsab .slds-tabs_scoped > .slds-tabs__content,
.tsab .slds-tabs--scoped > .slds-tabs__content {
background-color: #fdfdfd;
border: 1px solid #d8dde6;
border-top: 0;
border-radius: 0 0 0.25rem 0.25rem;
padding: 1rem; }
.tsab .slds-tabs_scoped__item,
.tsab .slds-tabs--scoped__item {
position: relative;
margin-bottom: -1px; }
.tsab .slds-tabs_scoped__item + .slds-tabs_scoped__item,
.tsab .slds-tabs_scoped__item + .slds-tabs--scoped__item,
.tsab .slds-tabs--scoped__item + .slds-tabs_scoped__item,
.tsab .slds-tabs--scoped__item + .slds-tabs--scoped__item {
margin-left: -1px; }
.tsab .slds-tabs_scoped__item:first-child .slds-tabs_scoped__link,
.tsab .slds-tabs_scoped__item:first-child .slds-tabs--scoped__link,
.tsab .slds-tabs--scoped__item:first-child .slds-tabs_scoped__link,
.tsab .slds-tabs--scoped__item:first-child .slds-tabs--scoped__link {
border-left: 0;
border-radius: 0.25rem 0 0 0; }
.tsab .slds-tabs_scoped__content,
.tsab .slds-tabs--scoped__content {
background-color: #fdfdfd;
border: 1px solid #d8dde6;
border-top: 0;
border-radius: 0 0 0.25rem 0.25rem;
padding: 1rem; }
.tsab .slds-tabs_scoped__link,
.tsab .slds-tabs--scoped__link {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
text-decoration: none;
cursor: pointer;
height: 2.5rem;
line-height: 2.5rem;
padding: 0 1rem;
color: #54698d;
background-clip: padding-box;
border-left: 1px solid transparent;
border-right: 1px solid transparent; }
.tsab .slds-tabs_scoped__link:focus,
.tsab .slds-tabs--scoped__link:focus {
outline: 0; }
.tsab .slds-tabs_scoped__link:hover, .tsab .slds-tabs_scoped__link:focus,
.tsab .slds-tabs--scoped__link:hover,
.tsab .slds-tabs--scoped__link:focus {
text-decoration: none;
color: #005fb2;
border-color: #d8dde6; }
.tsab .slds-active .slds-tabs_scoped__link,
.tsab .slds-active .slds-tabs--scoped__link,
.tsab .slds-is-active .slds-tabs_scoped__link,
.tsab .slds-is-active .slds-tabs--scoped__link {
background-color: #fdfdfd;
color: #0070d2;
border-color: #d8dde6; }
.tsab .slds-active .slds-tabs_scoped__link:focus,
.tsab .slds-active .slds-tabs--scoped__link:focus,
.tsab .slds-is-active .slds-tabs_scoped__link:focus,
.tsab .slds-is-active .slds-tabs--scoped__link:focus {
text-decoration: underline; }
.tsab .slds-tabs__nav-scroller.slds-has-overflow {
position: relative;
padding-right: 4.7rem; }
.tsab .slds-tab__scroll-controls {
display: none; }
.tsab .slds-has-overflow .slds-tabs__nav-scroller_inner,
.tsab .slds-has-overflow .slds-tabs__nav-scroller--inner {
overflow: hidden; }
.tsab .slds-has-overflow .slds-tabs_scoped__nav,
.tsab .slds-has-overflow .slds-tabs--scoped__nav,
.tsab .slds-has-overflow .slds-tabs_default__nav,
.tsab .slds-has-overflow .slds-tabs--default__nav {
border: 0; }
.tsab .slds-has-overflow .slds-tab__scroll-controls {
display: -ms-flexbox;
display: flex;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-color: #fdfdfd; }
.tsab .slds-tabs_default .slds-has-overflow .slds-tabs__nav-scroller_inner,
.tsab .slds-tabs_default .slds-has-overflow .slds-tabs__nav-scroller--inner,
.tsab .slds-tabs--default .slds-has-overflow .slds-tabs__nav-scroller_inner,
.tsab .slds-tabs--default .slds-has-overflow .slds-tabs__nav-scroller--inner {
border-bottom: 1px solid #d8dde6; }
.tsab .slds-tabs_default .slds-tab__scroll-controls,
.tsab .slds-tabs--default .slds-tab__scroll-controls {
padding: calc(0.25rem - 1px) 1px calc(0.25rem - 1px) 0.5rem;
border-bottom: 1px solid #d8dde6; }
.tsab .slds-tabs_scoped .slds-has-overflow .slds-tabs__nav-scroller_inner,
.tsab .slds-tabs_scoped .slds-has-overflow .slds-tabs__nav-scroller--inner,
.tsab .slds-tabs--scoped .slds-has-overflow .slds-tabs__nav-scroller_inner,
.tsab .slds-tabs--scoped .slds-has-overflow .slds-tabs__nav-scroller--inner {
border: 1px solid #d8dde6;
border-bottom: 0;
border-radius: 0.25rem 0.25rem 0 0;
background-color: #f4f6f9; }
.tsab .slds-tabs_scoped .slds-has-overflow .slds-tabs_scoped__item,
.tsab .slds-tabs_scoped .slds-has-overflow .slds-tabs--scoped__item,
.tsab .slds-tabs--scoped .slds-has-overflow .slds-tabs_scoped__item,
.tsab .slds-tabs--scoped .slds-has-overflow .slds-tabs--scoped__item {
margin-bottom: 0;
border-bottom: 1px solid #d8dde6; }
.tsab .slds-tabs_scoped .slds-has-overflow .slds-tabs_scoped__item.slds-active,
.tsab .slds-tabs_scoped .slds-has-overflow .slds-tabs--scoped__item.slds-active,
.tsab .slds-tabs--scoped .slds-has-overflow .slds-tabs_scoped__item.slds-active,
.tsab .slds-tabs--scoped .slds-has-overflow .slds-tabs--scoped__item.slds-active {
border-bottom-color: white; }
.tsab .slds-tabs_scoped .slds-tab__scroll-controls,
.tsab .slds-tabs--scoped .slds-tab__scroll-controls {
padding: calc(0.25rem - 1px) 0.25rem;
border: 1px solid #d8dde6;
border-radius: 0 0.25rem 0 0; }
.tsab .slds-nav-vertical {
position: relative; }
.tsab .slds-nav-vertical_compact .slds-nav-vertical__title,
.tsab .slds-nav-vertical_compact .slds-nav-vertical__action {
padding: 0.25rem 1.5rem; }
.tsab .slds-nav-vertical_shade .slds-nav-vertical__action:hover {
background-color: #eef1f6; }
.tsab .slds-nav-vertical_shade .slds-nav-vertical__action:active {
background-color: #e8ecf3; }
.tsab .slds-nav-vertical_shade .slds-is-active .slds-nav-vertical__action {
background-color: #fdfdfd;
border-color: #d8dde6; }
.tsab .slds-nav-vertical__title {
padding: 0.5rem 1rem;
padding-left: 1.5rem; }
.tsab .slds-nav-vertical__title:not(:first-of-type) {
margin-top: 0.5rem; }
.tsab .slds-nav-vertical__section:not(:first-of-type) {
margin-top: 0.5rem; }
.tsab .slds-nav-vertical__item {
position: relative; }
.tsab .slds-nav-vertical__item.slds-is-active:before {
content: '';
width: 4px;
left: 0;
top: 0;
bottom: 0;
position: absolute;
background: #0070d2; }
.tsab .slds-nav-vertical__action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 0.5rem 1.5rem;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-radius: 0; }
.tsab .slds-nav-vertical__action, .tsab .slds-nav-vertical__action:active, .tsab .slds-nav-vertical__action:hover, .tsab .slds-nav-vertical__action:focus {
color: currentColor; }
.tsab .slds-nav-vertical__action:hover {
background-color: #f4f6f9;
text-decoration: none; }
.tsab .slds-nav-vertical__action:focus {
outline: 0;
box-shadow: none;
text-decoration: underline; }
.tsab .slds-nav-vertical__action:active {
background-color: #eef1f6; }
.tsab .slds-nav-vertical__action:active:focus {
text-decoration: none; }
.tsab .slds-nav-vertical__item.slds-is-active {
color: #0070d2; }
.tsab .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
background-color: #f0f8fc; }
.tsab .slds-navigation-list-vertical,
.tsab .slds-navigation-list--vertical {
/**
* Active item in vertical navigation list
*
* @selector .slds-is-active
* @restrict .slds-navigation-list-vertical li
* @modifier
*/ }
.tsab .slds-navigation-list-vertical .slds-is-active,
.tsab .slds-navigation-list--vertical .slds-is-active {
color: #0070d2; }
.tsab .slds-navigation-list-vertical .slds-is-active .slds-navigation-list-vertical__action,
.tsab .slds-navigation-list-vertical .slds-is-active .slds-navigation-list--vertical__action,
.tsab .slds-navigation-list--vertical .slds-is-active .slds-navigation-list-vertical__action,
.tsab .slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action {
background-color: #f0f8fc;
border-color: #d8dde6;
border-left-color: #005fb2; }
.tsab .slds-navigation-list-vertical .slds-is-active .slds-navigation-list-vertical__action:focus,
.tsab .slds-navigation-list-vertical .slds-is-active .slds-navigation-list--vertical__action:focus,
.tsab .slds-navigation-list--vertical .slds-is-active .slds-navigation-list-vertical__action:focus,
.tsab .slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action:focus {
border-left-width: 0.5rem;
color: #005fb2; }
.tsab .slds-navigation-list-vertical_shade .slds-is-active .slds-navigation-list-vertical__action,
.tsab .slds-navigation-list-vertical_shade .slds-is-active .slds-navigation-list--vertical__action,
.tsab .slds-navigation-list-vertical--shade .slds-is-active .slds-navigation-list-vertical__action,
.tsab .slds-navigation-list-vertical--shade .slds-is-active .slds-navigation-list--vertical__action,
.tsab .slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list-vertical__action,
.tsab .slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list--vertical__action {
background-color: #fdfdfd; }
.tsab .slds-navigation-list-vertical__action,
.tsab .slds-navigation-list--vertical__action {
display: block;
border-left: 0.25rem solid transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
padding: 0.5rem 1.5rem; }
.tsab .slds-navigation-list-vertical__action:hover, .tsab .slds-navigation-list-vertical__action:focus,
.tsab .slds-navigation-list--vertical__action:hover,
.tsab .slds-navigation-list--vertical__action:focus {
outline: 0;
background-color: #f4f6f9; }
.tsab .slds-navigation-list-vertical__action:active,
.tsab .slds-navigation-list--vertical__action:active {
background-color: #eef1f6; }
.tsab .slds-nav-vertical__action_overflow {
color: #54698d; }
.tsab .slds-nav-vertical__action_overflow[aria-expanded="true"] .slds-button__icon {
transform: rotate(90deg); }
.tsab .slds-nav-vertical__action-text {
color: #0070d2; }
.tsab .slds-notify_alert,
.tsab .slds-notify--alert {
color: white;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
background: rgba(84, 105, 141, 0.95);
font-weight: 300;
padding: 0.5rem 2rem 0.5rem 0.5rem;
text-align: center;
width: 100%;
/**
* Alert close button
*
* @selector .slds-notify__close
* @restrict .slds-notify button
*/ }
.tsab .slds-notify_alert a,
.tsab .slds-notify--alert a {
color: currentColor; }
.tsab .slds-notify_alert a:hover, .tsab .slds-notify_alert a:focus,
.tsab .slds-notify--alert a:hover,
.tsab .slds-notify--alert a:focus {
color: rgba(255, 255, 255, 0.75);
text-decoration: none;
outline: 0; }
.tsab .slds-notify_alert a:active,
.tsab .slds-notify--alert a:active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-notify_alert a[disabled],
.tsab .slds-notify--alert a[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-notify_alert .slds-notify__close,
.tsab .slds-notify--alert .slds-notify__close {
float: right;
position: absolute;
top: 50%;
right: 0.75rem;
margin-left: 0.25rem;
transform: translateY(-50%); }
.tsab .slds-modal_prompt .slds-modal__header,
.tsab .slds-modal--prompt .slds-modal__header {
border-bottom: 0; }
.tsab .slds-modal_prompt .slds-modal__content,
.tsab .slds-modal--prompt .slds-modal__content {
padding-left: 2rem;
padding-right: 2rem; }
.tsab .slds-modal_prompt .slds-modal__footer,
.tsab .slds-modal--prompt .slds-modal__footer {
border-top: 0;
text-align: center; }
.tsab .slds-modal_prompt slds-modal__close,
.tsab .slds-modal--prompt slds-modal__close {
display: none; }
.tsab .slds-notify-container,
.tsab .slds-notify_container {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 10000;
text-align: center; }
.tsab .slds-notify_toast,
.tsab .slds-notify--toast {
color: white;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
position: relative;
background: rgba(84, 105, 141, 0.95);
font-weight: 300;
border-radius: 0.25rem;
margin: 0.5rem;
padding: 0.75rem 3rem 0.75rem 1.5rem;
min-width: 30rem;
text-align: left;
-ms-flex-pack: start;
justify-content: flex-start;
/**
* Alert close button
*
* @selector .slds-notify__close
* @restrict .slds-notify_toast button
* @required
*/ }
.tsab .slds-notify_toast a,
.tsab .slds-notify--toast a {
color: currentColor; }
.tsab .slds-notify_toast a:hover, .tsab .slds-notify_toast a:focus,
.tsab .slds-notify--toast a:hover,
.tsab .slds-notify--toast a:focus {
color: rgba(255, 255, 255, 0.75);
text-decoration: none;
outline: 0; }
.tsab .slds-notify_toast a:active,
.tsab .slds-notify--toast a:active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-notify_toast a[disabled],
.tsab .slds-notify--toast a[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-notify_toast .slds-notify__close,
.tsab .slds-notify--toast .slds-notify__close {
float: right;
position: absolute;
top: 0.75rem;
right: 0.75rem;
margin-left: 0.25rem;
transform: translateY(-0.125rem); }
.tsab .slds-region_narrow .slds-notify_toast,
.tsab .slds-region_narrow .slds-notify--toast {
min-width: auto;
width: 100%;
margin-left: 0; }
.tsab .slds-modal__header .slds-notify-container,
.tsab .slds-modal__header .slds-notify_container {
position: absolute; }
.tsab .slds-modal__header .slds-notify_toast,
.tsab .slds-modal__header .slds-notify--toast {
display: block; }
.tsab .slds-trial-header {
color: white;
height: 3.125rem;
background: #061c3f;
padding: 0 1rem; }
.tsab .slds-trial-header .slds-icon {
fill: currentColor; }
.tsab .slds-trial-header a:not(.slds-button--neutral), .tsab .slds-trial-header button:not(.slds-button--neutral) {
color: currentColor; }
.tsab .slds-trial-header a:not(.slds-button--neutral):hover, .tsab .slds-trial-header a:not(.slds-button--neutral):focus, .tsab .slds-trial-header button:not(.slds-button--neutral):hover, .tsab .slds-trial-header button:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75);
text-decoration: none;
outline: 0; }
.tsab .slds-trial-header a:not(.slds-button--neutral):active, .tsab .slds-trial-header button:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-trial-header a:not(.slds-button--neutral)[disabled], .tsab .slds-trial-header button:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-trial-header .slds-icon_selected,
.tsab .slds-trial-header .slds-icon--selected {
fill: #4bca81; }
.tsab .slds-lookup {
position: relative;
width: 100%;
/**
* Initializes lookup results list
*
* @selector .slds-lookup__list
* @restrict .slds-lookup ul
*/
/**
* Initializes lookup results list container
*
* @selector .slds-lookup__menu
* @restrict .slds-lookup div
* @notes Applies positioning and container styles
* @required
*/
/**
* Non-actionable label inside of a lookup item
*
* @selector .slds-lookup__item_label
* @restrict .slds-lookup h3
*/
/**
* Actionable element inside of a lookup item
*
* @selector .slds-lookup__item-action
* @restrict .slds-lookup a, .slds-lookup button, .slds-lookup span
*/
/**
* Actionable element inside of a lookup item that's output is single line text
*
* @selector .slds-lookup__item-action_label
* @restrict .slds-lookup__item-action
*/
/**
* Search input inside of lookup
*
* @selector .slds-lookup__search-input
* @restrict .slds-lookup input
*/
/**
* Primary entity name within lookup item
*
* @selector .slds-lookup__result-text
* @restrict .slds-lookup__item-action span
*/
/**
* Secondary info of primary entity name within lookup item
*
* @selector .slds-lookup__result-meta
* @restrict .slds-lookup__item-action span
*/
/**
* Deal with Lookup when user activates the lookup
*
* @selector .slds-is-open
* @restrict .slds-lookup
* @modifier
*/
/**
* Deal with lookup if selection has been made
*
* @selector .slds-has-selection
* @restrict .slds-lookup
*/ }
.tsab .slds-lookup__list {
max-height: calc((((1.5 * 0.8125rem) + (1.5 * 0.75rem) - 0.25rem) + (0.25rem * 2)) * 8);
overflow-y: auto; }
.tsab .slds-lookup__menu {
background: #fdfdfd;
border: 1px solid #d8dde6;
border-radius: 0.25rem;
z-index: 7000;
position: absolute;
width: 100%;
padding: 0.5rem 0;
display: none; }
.tsab .slds-lookup__item > a,
.tsab .slds-lookup__item > span,
.tsab .slds-lookup__item > button {
display: block;
padding: 0.5rem;
color: #16325c;
text-align: left;
width: 100%;
line-height: 1.5;
border-radius: 0; }
.tsab .slds-lookup__item > a:hover, .tsab .slds-lookup__item > a:focus,
.tsab .slds-lookup__item > span:hover,
.tsab .slds-lookup__item > span:focus,
.tsab .slds-lookup__item > button:hover,
.tsab .slds-lookup__item > button:focus {
outline: 0;
background-color: #f4f6f9;
color: #16325c;
text-decoration: none; }
.tsab .slds-lookup__item > a .slds-icon,
.tsab .slds-lookup__item > span .slds-icon,
.tsab .slds-lookup__item > button .slds-icon {
margin-right: 0.5rem; }
.tsab .slds-lookup__item_label, .tsab .slds-lookup__item--label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem 1rem; }
.tsab .slds-lookup__item-action {
font-size: 0.8125rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.25rem 1rem;
color: #16325c;
text-align: left;
width: 100%;
line-height: 1.5;
border-radius: 0;
/**
* Hover/focus state for actionable lookup item
*
* @selector .slds-has-focus
* @restrict .slds-lookup__item-action
* @modifier
*/ }
.tsab .slds-lookup__item-action:hover, .tsab .slds-lookup__item-action:focus, .tsab .slds-lookup__item-action.slds-has-focus {
outline: 0;
cursor: pointer;
background-color: #f4f6f9;
color: #16325c;
text-decoration: none; }
.tsab .slds-lookup__item-action .slds-media__figure {
margin-right: 0.5rem;
margin-top: 0.25rem; }
.tsab .slds-lookup__item-action_label, .tsab .slds-lookup__item-action--label {
padding: 0.5rem 1rem; }
.tsab .slds-lookup__item-action_label .slds-icon, .tsab .slds-lookup__item-action--label .slds-icon {
margin-left: 0.25rem;
margin-right: 0.75rem; }
.tsab .slds-lookup__search-input {
width: 100%; }
.tsab .slds-lookup__result-text {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
margin-bottom: 0.125rem; }
.tsab .slds-lookup__result-meta {
display: block;
margin-top: -0.25rem;
color: #54698d; }
.tsab .slds-lookup__pill-container {
padding: 0 0.5rem 0.25rem; }
.tsab .slds-lookup mark {
font-weight: 700;
background-color: transparent; }
.tsab .slds-lookup.slds-is-open .slds-lookup__menu {
display: block; }
.tsab .slds-lookup.slds-has-selection .slds-input,
.tsab .slds-lookup.slds-has-selection .slds-input__icon,
.tsab .slds-lookup.slds-has-selection .slds-lookup__search-input {
display: none; }
.tsab .slds-lookup.slds-has-selection .slds-pill {
display: -ms-flexbox;
display: flex; }
.tsab .slds-lookup.slds-has-selection .slds-pill__remove {
margin-left: auto; }
.tsab .slds-avatar {
width: 2rem;
height: 2rem;
overflow: hidden;
display: inline-block;
vertical-align: middle;
border-radius: 0.25rem;
line-height: 1;
color: white; }
.tsab .slds-avatar:hover, .tsab .slds-avatar:focus:hover {
color: currentColor; }
.tsab .slds-avatar_x-small,
.tsab .slds-avatar--x-small {
width: 1.25rem;
height: 1.25rem;
font-size: 0.625rem; }
.tsab .slds-avatar_x-small .slds-icon,
.tsab .slds-avatar--x-small .slds-icon {
width: 1.25rem;
height: 1.25rem; }
.tsab .slds-avatar_small,
.tsab .slds-avatar--small {
width: 1.5rem;
height: 1.5rem;
font-size: 0.625rem; }
.tsab .slds-avatar_small .slds-icon,
.tsab .slds-avatar--small .slds-icon {
width: 1.5rem;
height: 1.5rem; }
.tsab .slds-avatar_medium,
.tsab .slds-avatar--medium {
width: 2rem;
height: 2rem;
font-size: 0.875rem; }
.tsab .slds-avatar_medium .slds-icon,
.tsab .slds-avatar--medium .slds-icon {
width: 2rem;
height: 2rem; }
.tsab .slds-avatar_large,
.tsab .slds-avatar--large {
width: 3rem;
height: 3rem;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.25; }
.tsab .slds-avatar_large .slds-icon,
.tsab .slds-avatar--large .slds-icon {
width: 3rem;
height: 3rem; }
.tsab .slds-avatar_circle,
.tsab .slds-avatar--circle {
border-radius: 50%; }
.tsab .slds-avatar_empty,
.tsab .slds-avatar--empty {
border: 1px dashed #d8dde6; }
.tsab .slds-avatar__initials {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
height: 100%; }
.tsab .slds-avatar__initials[title] {
cursor: default;
text-decoration: none; }
.tsab .slds-avatar__initials:hover {
color: white;
cursor: default; }
.tsab .slds-image,
.tsab .slds-file {
display: block;
position: relative;
/**
* Set crop boundaries to a file component, set to 16:9 by default
*
* @selector .slds-file__crop
* @restrict .slds-file div, .slds-file a
*/
/**
* Image caption associated to a file
*
* @selector .slds-file__title
* @restrict .slds-file figcaption, .slds-file div
*/
/**
* Hack to accomodate for text truncation next to actions menu buttons
*
* @selector .slds-file-has-actions
* @restrict .slds-file__title
*/
/**
* If text sits on top of image, apply an overlay with this class
*
* @selector .slds-file_overlay
* @restrict .slds-file div
*/
/**
* Change style of image to a card look
*
* @selector .slds-file_card
* @restrict .slds-file div
*/
/**
* When only image type is available, this class help position the file type icon
*
* @selector .slds-file__icon
* @restrict .slds-file div, .slds-file span
*/
/**
* This positions the action menu on the title bar
*
* @selector .slds-file__actions-menu
* @restrict .slds-file div
*/
/**
* This adds an external icon to the top left side of the card
*
* @selector .slds-file__external-icon
* @restrict .slds-file div
* @required
*/
/**
* This changes the color of the loading icon
*
* @selector .slds-file__loading-icon
* @restrict .slds-file svg
* @required
*/
/**
* This vertically centers the icon when there is no title bar
*
* @selector .slds-file_center-icon
* @restrict .slds-file
*/ }
.tsab .slds-image:hover,
.tsab .slds-file:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.2s ease-in-out; }
.tsab .slds-image:focus,
.tsab .slds-file:focus {
border: 1px solid #0070d2;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16); }
.tsab .slds-image__crop,
.tsab .slds-file__crop {
display: block;
position: relative;
overflow: hidden;
padding-top: 56.25%;
/**
* Crops file to a ratio of 1:1
*
* @selector .slds-file__crop_1-by-1
* @restrict .slds-file__crop
* @modifier
* @group ratio
*/
/**
* Crops file to a ratio of 16:9
*
* @selector .slds-file__crop_16-by-9
* @restrict .slds-file__crop
* @modifier
* @group ratio
*/
/**
* Crops file to a ratio of 4:3
*
* @selector .slds-file__crop_4-by-3
* @restrict .slds-file__crop
* @modifier
* @group ratio
*/ }
.tsab .slds-image__crop img,
.tsab .slds-file__crop img {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
max-width: 200%; }
.tsab .slds-image__crop:after,
.tsab .slds-file__crop:after {
content: '';
display: block; }
.tsab .slds-image__crop_1-by-1, .tsab .slds-image__crop--1-by-1,
.tsab .slds-file__crop_1-by-1,
.tsab .slds-file__crop--1-by-1 {
padding-top: 100%; }
.tsab .slds-image__crop_16-by-9, .tsab .slds-image__crop--16-by-9,
.tsab .slds-file__crop_16-by-9,
.tsab .slds-file__crop--16-by-9 {
padding-top: 56.25%; }
.tsab .slds-image__crop_4-by-3, .tsab .slds-image__crop--4-by-3,
.tsab .slds-file__crop_4-by-3,
.tsab .slds-file__crop--4-by-3 {
padding-top: 75%; }
.tsab .slds-image__title,
.tsab .slds-file__title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem;
/**
* Adds overlay to file
*
* @selector .slds-file__title_overlay
* @restrict .slds-file__title
*/
/**
* Creates card title bar on file
*
* @selector .slds-file__title_card
* @restrict .slds-file__title
*/
/**
* Creates gradient scrim bar on file
*
* @selector .slds-file__title_scrim
* @restrict .slds-file__title
*/ }
.tsab .slds-image__title_overlay, .tsab .slds-image__title--overlay,
.tsab .slds-file__title_overlay,
.tsab .slds-file__title--overlay {
color: white;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.tsab .slds-image__title_overlay .slds-media__body, .tsab .slds-image__title--overlay .slds-media__body,
.tsab .slds-file__title_overlay .slds-media__body,
.tsab .slds-file__title--overlay .slds-media__body {
z-index: 1; }
.tsab .slds-image__title_card, .tsab .slds-image__title--card,
.tsab .slds-file__title_card,
.tsab .slds-file__title--card {
background: #f4f6f9;
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.tsab .slds-image__title_scrim,
.tsab .slds-file__title_scrim {
background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1rem; }
.tsab .slds-image-has-actions,
.tsab .slds-file-has-actions {
padding-right: 3rem; }
.tsab .slds-image_overlay, .tsab .slds-image--overlay,
.tsab .slds-file_overlay,
.tsab .slds-file--overlay {
content: '';
background: rgba(0, 0, 0, 0.4);
color: white;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; }
.tsab .slds-image_card, .tsab .slds-image--card,
.tsab .slds-file_card,
.tsab .slds-file--card {
background: #fdfdfd;
border: 1px solid rgba(0, 0, 0, 0.16); }
.tsab .slds-image__icon,
.tsab .slds-file__icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
margin-top: -1rem; }
.tsab .slds-image__actions-menu,
.tsab .slds-file__actions-menu {
position: absolute;
bottom: 0.5rem;
right: 0.25rem; }
.tsab .slds-image__external-icon,
.tsab .slds-file__external-icon {
position: absolute;
top: 2.5rem;
left: 1.5rem; }
.tsab .slds-image__loading-icon,
.tsab .slds-file__loading-icon {
fill: #d8dde6; }
.tsab .slds-image_center-icon .slds-file__icon,
.tsab .slds-file_center-icon .slds-file__icon {
margin-top: 0; }
.tsab .slds-table {
background-color: #fdfdfd;
font-size: inherit;
/**
* Default Table Row Hover
*
* @selector .slds-no-row-hover
* @restrict .slds-table
* @modifier
*/
/**
* Selected Table Row + Hover
*
* @selector .slds-is-selected
* @restrict .slds-table tr
* @modifier
*/
/**
* By default, nowrap is applied
*
* @selector .slds-cell-wrap
* @restrict .slds-table th, .slds-table td
* @modifier
*/
/**
* Use to add a left padding buffer to cells
*
* @selector .slds-cell-buffer_left
* @restrict .slds-table th, .slds-table td
* @modifier
*/
/**
* Use to add a right padding buffer to cells
*
* @selector .slds-cell-buffer_right
* @restrict .slds-table th, .slds-table td
* @modifier
*/
/**
* Focus state on a cell
*
* @selector .slds-has-focus
* @restrict .slds-table th, .slds-table td
* @modifier
*/ }
.tsab .slds-table th,
.tsab .slds-table td {
padding: 0.5rem;
white-space: nowrap;
position: relative; }
.tsab .slds-table th {
font-weight: 400; }
.tsab .slds-table th:focus {
outline: 0; }
.tsab .slds-table:not(.slds-no-row-hover) tbody tr:hover > td,
.tsab .slds-table:not(.slds-no-row-hover) tbody tr:hover > th {
background-color: #f4f6f9; }
.tsab .slds-table tbody tr.slds-is-selected > td,
.tsab .slds-table tbody tr.slds-is-selected > th,
.tsab .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > td,
.tsab .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > th {
background-color: #f0f8fc; }
.tsab .slds-table .slds-cell-wrap {
white-space: normal;
overflow-wrap: break-word;
word-wrap: break-word; }
.tsab .slds-table .slds-cell-shrink {
width: 1%; }
.tsab .slds-table .slds-cell-buffer_left,
.tsab .slds-table .slds-cell-buffer--left {
padding-left: 1.5rem; }
.tsab .slds-table .slds-cell-buffer_right,
.tsab .slds-table .slds-cell-buffer--right {
padding-right: 1.5rem; }
.tsab .slds-table tbody tr {
counter-increment: row-number; }
.tsab .slds-table .slds-row-number:after {
content: counter(row-number); }
.tsab .slds-table [role="gridcell"]:focus {
outline: 0; }
.tsab .slds-table [role="gridcell"]:focus,
.tsab .slds-table [role="gridcell"].slds-has-focus {
box-shadow: #0070d2 0 0 0 1px inset; }
.tsab .slds-table [role="gridcell"]:active {
box-shadow: none; }
.tsab .slds-table_cell-buffer tr > th:first-child,
.tsab .slds-table_cell-buffer tr > td:first-child,
.tsab .slds-table--cell-buffer tr > th:first-child,
.tsab .slds-table--cell-buffer tr > td:first-child {
padding-left: 1.5rem; }
.tsab .slds-table_cell-buffer tr > th:last-child,
.tsab .slds-table_cell-buffer tr > td:last-child,
.tsab .slds-table--cell-buffer tr > th:last-child,
.tsab .slds-table--cell-buffer tr > td:last-child {
padding-right: 1.5rem; }
.tsab .slds-table_bordered,
.tsab .slds-table--bordered {
border-collapse: separate;
border-top: 1px solid #d8dde6;
border-bottom: 1px solid #d8dde6; }
.tsab .slds-table_bordered thead > tr + tr > th,
.tsab .slds-table--bordered thead > tr + tr > th {
border-top: 1px solid #d8dde6; }
.tsab .slds-table_bordered tbody td,
.tsab .slds-table_bordered tbody th,
.tsab .slds-table--bordered tbody td,
.tsab .slds-table--bordered tbody th {
border-top: 1px solid #d8dde6; }
.tsab .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-is-selected),
.tsab .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-is-selected),
.tsab .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-is-selected),
.tsab .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-is-selected) {
box-shadow: #d8dde6 0 -1px 0 inset, #d8dde6 0 1px 0 inset; }
.tsab .slds-table_col-bordered td + td,
.tsab .slds-table_col-bordered th + th,
.tsab .slds-table_col-bordered th + td,
.tsab .slds-table_col-bordered td + th,
.tsab .slds-table--col-bordered td + td,
.tsab .slds-table--col-bordered th + th,
.tsab .slds-table--col-bordered th + td,
.tsab .slds-table--col-bordered td + th {
border-left: 1px solid #d8dde6; }
.tsab .slds-table_striped tbody tr:nth-of-type(even) > td,
.tsab .slds-table_striped tbody tr:nth-of-type(even) > th,
.tsab .slds-table--striped tbody tr:nth-of-type(even) > td,
.tsab .slds-table--striped tbody tr:nth-of-type(even) > th {
background-color: #f4f6f9; }
.tsab .slds-table_fixed-layout,
.tsab .slds-table--fixed-layout {
table-layout: fixed;
width: 100%;
white-space: nowrap; }
.tsab .slds-table_fixed-layout thead,
.tsab .slds-table--fixed-layout thead {
background-color: #fdfdfd; }
.tsab .slds-table_fixed-layout tbody,
.tsab .slds-table--fixed-layout tbody {
transform: translateZ(0); }
.tsab .slds-table_fixed-layout .slds-cell-shrink,
.tsab .slds-table--fixed-layout .slds-cell-shrink {
width: 3rem; }
.tsab .slds-table_fixed-layout .slds-cell-shrink:nth-child(n),
.tsab .slds-table--fixed-layout .slds-cell-shrink:nth-child(n) {
padding-left: 0;
padding-right: 0; }
.tsab .slds-table_fixed-layout .slds-cell-shrink:first-child,
.tsab .slds-table--fixed-layout .slds-cell-shrink:first-child {
text-align: right;
padding-right: 0.5rem; }
.tsab .slds-table_fixed-layout .slds-cell-shrink:last-child,
.tsab .slds-table--fixed-layout .slds-cell-shrink:last-child {
text-align: left;
padding-left: 0.5rem; }
.tsab .slds-is-sortable .slds-th__action:hover,
.tsab .slds-is-sortable .slds-th__action:focus,
.tsab .slds-is-sortable.slds-has-focus .slds-th__action,
.tsab .slds-is-sortable.slds-has-focus .slds-th__action:hover,
.tsab .slds-is-sortable.slds-has-focus .slds-th__action:focus {
background-color: #f4f6f9;
color: #0070d2; }
.tsab .slds-is-sortable .slds-th__action:hover .slds-icon,
.tsab .slds-is-sortable .slds-th__action:focus .slds-icon,
.tsab .slds-is-sortable.slds-has-focus .slds-th__action .slds-icon,
.tsab .slds-is-sortable.slds-has-focus .slds-th__action:hover .slds-icon,
.tsab .slds-is-sortable.slds-has-focus .slds-th__action:focus .slds-icon {
display: inline-block;
fill: #0070d2; }
.tsab .slds-th__action {
display: -ms-flexbox;
display: flex;
padding: 0.5rem 0.5rem;
height: 2rem;
/**
* Allows for alignment of form element, such as a checkbox
*
* @selector .slds-th__action_form
* @restrict .slds-th__action
*/ }
.tsab .slds-th__action:focus, .tsab .slds-th__action:hover {
outline: 0;
background-color: #f4f6f9; }
.tsab .slds-th__action_form, .tsab .slds-th__action--form {
display: -ms-inline-flexbox;
display: inline-flex; }
.tsab .slds-is-sortable__icon {
width: 0.75rem;
height: 0.75rem;
margin-left: 0.25rem;
display: none; }
.tsab .slds-is-sorted {
/**
* Change direction of arrow
*
* @name sorted-ascending
* @selector .slds-is-sorted_asc
* @restrict .slds-is-sorted
* @modifier
*/ }
.tsab .slds-is-sorted .slds-is-sortable__icon {
display: inline-block; }
.tsab .slds-is-sorted_asc .slds-is-sortable__icon,
.tsab .slds-is-sorted--asc .slds-is-sortable__icon {
transform: rotate(180deg); }
.tsab .slds-table_resizable-cols thead th,
.tsab .slds-table--resizable-cols thead th {
padding: 0; }
.tsab .slds-is-resizable .slds-th__action:hover,
.tsab .slds-is-resizable .slds-th__action:focus {
box-shadow: #d8dde6 -0.25rem 0 0 inset; }
.tsab .slds-resizable {
max-width: 100%;
/**
* Grab handle to resize column
*
* @selector .slds-resizable__handle
* @restrict .slds-resizable span
*/
/**
* Grab handle divider indicator when resizing column
*
* @selector .slds-resizable__divider
* @restrict .slds-resizable__handle span
*/ }
.tsab .slds-resizable__handle {
position: absolute;
right: 0;
top: 0;
width: 0.25rem;
height: 100%;
background: #0070d2;
display: block;
cursor: col-resize;
opacity: 0;
z-index: 5000; }
.tsab .slds-resizable__handle:hover, .tsab .slds-resizable__handle:focus, .tsab .slds-resizable__handle:active {
opacity: 1; }
.tsab .slds-resizable__divider {
position: absolute;
right: 0;
height: 100vh;
width: 1px;
background: #0070d2; }
.tsab .slds-resizable__input:focus ~ .slds-resizable__handle {
opacity: 1; }
@media (max-width: 48em) {
.tsab .slds-max-medium-table_stacked,
.tsab .slds-max-medium-table--stacked {
border: 0; }
.tsab .slds-max-medium-table_stacked thead,
.tsab .slds-max-medium-table--stacked thead {
/* stylelint-disable declaration-no-important */
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;
/* stylelint-enable declaration-no-important */ }
.tsab .slds-max-medium-table_stacked th,
.tsab .slds-max-medium-table--stacked th {
border-top: 0; }
.tsab .slds-max-medium-table_stacked tr,
.tsab .slds-max-medium-table--stacked tr {
display: block;
border-top: 2px solid #d8dde6; }
.tsab .slds-max-medium-table_stacked th,
.tsab .slds-max-medium-table_stacked td,
.tsab .slds-max-medium-table--stacked th,
.tsab .slds-max-medium-table--stacked td {
display: block;
padding: 0.75rem;
max-width: 100%;
width: 100%;
clear: both;
white-space: normal;
overflow: hidden;
text-align: left; }
.tsab .slds-max-medium-table_stacked th.slds-truncate,
.tsab .slds-max-medium-table_stacked td.slds-truncate,
.tsab .slds-max-medium-table--stacked th.slds-truncate,
.tsab .slds-max-medium-table--stacked td.slds-truncate {
max-width: 100%; }
.tsab .slds-max-medium-table_stacked th:before,
.tsab .slds-max-medium-table_stacked td:before,
.tsab .slds-max-medium-table--stacked th:before,
.tsab .slds-max-medium-table--stacked td:before {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d;
text-transform: uppercase;
letter-spacing: 0.0625rem;
display: block;
padding-bottom: 0.25rem;
content: attr(data-label); }
.tsab .slds-max-medium-table_stacked tr > td:first-child,
.tsab .slds-max-medium-table_stacked tr > td:last-child,
.tsab .slds-max-medium-table--stacked tr > td:first-child,
.tsab .slds-max-medium-table--stacked tr > td:last-child {
padding: 0.75rem; }
.tsab .slds-max-medium-table_stacked:not(.slds-no-row-hover) tbody tr:hover,
.tsab .slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover {
/* stylelint-disable declaration-no-important */
/* stylelint-enable declaration-no-important */ }
.tsab .slds-max-medium-table_stacked:not(.slds-no-row-hover) tbody tr:hover td,
.tsab .slds-max-medium-table_stacked:not(.slds-no-row-hover) tbody tr:hover th,
.tsab .slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover td,
.tsab .slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover th {
background-color: inherit !important;
box-shadow: none !important; }
.tsab .slds-max-medium-table_stacked .slds-is-interactive .slds-button,
.tsab .slds-max-medium-table--stacked .slds-is-interactive .slds-button {
visibility: visible; }
.tsab .slds-max-medium-table_stacked .slds-cell-shrink,
.tsab .slds-max-medium-table--stacked .slds-cell-shrink {
width: auto; } }
@media (max-width: 48em) {
.tsab .slds-max-medium-table_stacked td:before,
.tsab .slds-max-medium-table_stacked th:before,
.tsab .slds-max-medium-table--stacked td:before,
.tsab .slds-max-medium-table--stacked th:before {
padding-bottom: 0.25rem; } }
@media (max-width: 48em) {
.tsab .slds-max-medium-table_stacked-horizontal,
.tsab .slds-max-medium-table--stacked-horizontal {
border: 0; }
.tsab .slds-max-medium-table_stacked-horizontal thead,
.tsab .slds-max-medium-table--stacked-horizontal thead {
/* stylelint-disable declaration-no-important */
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;
/* stylelint-enable declaration-no-important */ }
.tsab .slds-max-medium-table_stacked-horizontal th,
.tsab .slds-max-medium-table--stacked-horizontal th {
border-top: 0; }
.tsab .slds-max-medium-table_stacked-horizontal tr,
.tsab .slds-max-medium-table--stacked-horizontal tr {
display: block;
border-top: 2px solid #d8dde6; }
.tsab .slds-max-medium-table_stacked-horizontal th,
.tsab .slds-max-medium-table_stacked-horizontal td,
.tsab .slds-max-medium-table--stacked-horizontal th,
.tsab .slds-max-medium-table--stacked-horizontal td {
display: block;
padding: 0.75rem;
max-width: 100%;
width: 100%;
clear: both;
white-space: normal;
overflow: hidden;
text-align: left; }
.tsab .slds-max-medium-table_stacked-horizontal th.slds-truncate,
.tsab .slds-max-medium-table_stacked-horizontal td.slds-truncate,
.tsab .slds-max-medium-table--stacked-horizontal th.slds-truncate,
.tsab .slds-max-medium-table--stacked-horizontal td.slds-truncate {
max-width: 100%; }
.tsab .slds-max-medium-table_stacked-horizontal th:before,
.tsab .slds-max-medium-table_stacked-horizontal td:before,
.tsab .slds-max-medium-table--stacked-horizontal th:before,
.tsab .slds-max-medium-table--stacked-horizontal td:before {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d;
text-transform: uppercase;
letter-spacing: 0.0625rem;
display: block;
padding-bottom: 0.25rem;
content: attr(data-label); }
.tsab .slds-max-medium-table_stacked-horizontal tr > td:first-child,
.tsab .slds-max-medium-table_stacked-horizontal tr > td:last-child,
.tsab .slds-max-medium-table--stacked-horizontal tr > td:first-child,
.tsab .slds-max-medium-table--stacked-horizontal tr > td:last-child {
padding: 0.75rem; }
.tsab .slds-max-medium-table_stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover,
.tsab .slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover {
/* stylelint-disable declaration-no-important */
/* stylelint-enable declaration-no-important */ }
.tsab .slds-max-medium-table_stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover td,
.tsab .slds-max-medium-table_stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th,
.tsab .slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover td,
.tsab .slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th {
background-color: inherit !important;
box-shadow: none !important; }
.tsab .slds-max-medium-table_stacked-horizontal .slds-is-interactive .slds-button,
.tsab .slds-max-medium-table--stacked-horizontal .slds-is-interactive .slds-button {
visibility: visible; }
.tsab .slds-max-medium-table_stacked-horizontal .slds-cell-shrink,
.tsab .slds-max-medium-table--stacked-horizontal .slds-cell-shrink {
width: auto; } }
@media (max-width: 48em) {
.tsab .slds-max-medium-table_stacked-horizontal td,
.tsab .slds-max-medium-table--stacked-horizontal td {
text-align: right; }
.tsab .slds-max-medium-table_stacked-horizontal td:before,
.tsab .slds-max-medium-table--stacked-horizontal td:before {
float: left;
margin-top: 0.125rem; }
.tsab .slds-max-medium-table_stacked-horizontal .slds-truncate,
.tsab .slds-max-medium-table--stacked-horizontal .slds-truncate {
max-width: 100%; } }
.tsab .slds-table_edit_container:focus,
.tsab .slds-table--edit_container:focus {
outline: none; }
.tsab .slds-table_edit_container:focus:before,
.tsab .slds-table--edit_container:focus:before {
content: ' ';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: rgba(240, 248, 252, 0.75);
box-shadow: 0 0 0 4px #1589ee inset; }
.tsab .slds-table_edit_container:focus .slds-table_edit_container-message,
.tsab .slds-table_edit_container:focus .slds-table--edit_container-message,
.tsab .slds-table--edit_container:focus .slds-table_edit_container-message,
.tsab .slds-table--edit_container:focus .slds-table--edit_container-message {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 20rem;
margin-top: -2.25rem;
margin-left: -10rem;
background-color: #fdfdfd;
text-align: center;
z-index: 1; }
.tsab .slds-table_edit_container-message,
.tsab .slds-table--edit_container-message {
display: none; }
.tsab .slds-table_edit,
.tsab .slds-table--edit {
/**
* Cell that has error icon appear within
*
* @selector .slds-cell-error
* @restrict .slds-table_edit td
* @required
*/ }
.tsab .slds-table_edit thead th,
.tsab .slds-table--edit thead th {
padding: 0; }
.tsab .slds-table_edit .slds-cell-error,
.tsab .slds-table--edit .slds-cell-error {
padding-left: 0; }
.tsab .slds-table_edit:not(.slds-no-cell-focus) tbody tr:hover > .slds-cell-edit.slds-has-focus,
.tsab .slds-table--edit:not(.slds-no-cell-focus) tbody tr:hover > .slds-cell-edit.slds-has-focus {
background-color: #fdfdfd;
box-shadow: #0070d2 0 0 0 1px inset; }
.tsab .slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit:hover,
.tsab .slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit:hover {
background-color: #fdfdfd; }
.tsab .slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit.slds-is-edited,
.tsab .slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit.slds-is-edited {
background-color: #faffbd; }
.tsab .slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit.slds-has-error,
.tsab .slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit.slds-has-error {
background-color: #faffbd;
box-shadow: #c23934 0 0 0 2px inset; }
.tsab .slds-table_edit .slds-button__icon_edit:focus,
.tsab .slds-table_edit .slds-button__icon--edit:focus,
.tsab .slds-table--edit .slds-button__icon_edit:focus,
.tsab .slds-table--edit .slds-button__icon--edit:focus {
fill: #1589ee; }
.tsab .slds-has-focus .slds-th__action {
background-color: #fdfdfd;
box-shadow: #0070d2 0 0 0 1px inset; }
.tsab .slds-has-focus.slds-is-resizable .slds-th__action,
.tsab .slds-has-focus.slds-is-resizable .slds-th__action:focus,
.tsab .slds-has-focus.slds-is-resizable .slds-th__action:hover,
.tsab .slds-has-focus.slds-is-resizable .slds-th__action:focus:hover,
.tsab .slds-is-resizable .slds-th__action:focus,
.tsab .slds-is-resizable .slds-th__action:focus:hover {
background-color: #fdfdfd;
box-shadow: #0070d2 0 0 0 1px inset, #0070d2 -0.25rem 0 0 inset; }
.tsab .slds-cell-edit {
outline: 0;
/**
* Informs a cell that it has been edited but not saved
*
* @selector .slds-is-edited
* @restrict .slds-cell-edit
* @modifier
*/
/**
* Informs a cell that it has an error inside of it
*
* @selector .slds-has-error
* @restrict .slds-cell-edit
* @modifier
*/ }
.tsab .slds-cell-edit.slds-has-focus {
background-color: #fdfdfd;
box-shadow: #0070d2 0 0 0 1px inset; }
.tsab .slds-cell-edit.slds-has-focus .slds-button__icon_edit,
.tsab .slds-cell-edit.slds-has-focus .slds-button__icon--edit,
.tsab .slds-cell-edit.slds-has-focus .slds-button__icon_lock,
.tsab .slds-cell-edit.slds-has-focus .slds-button__icon--lock {
opacity: 1; }
.tsab .slds-cell-edit.slds-has-focus:hover {
box-shadow: #0070d2 0 0 0 1px inset; }
.tsab .slds-cell-edit.slds-has-focus a:focus {
text-decoration: underline;
outline: none; }
.tsab .slds-cell-edit.slds-is-edited, .tsab .slds-cell-edit.slds-is-edited:hover {
background-color: #faffbd; }
.tsab .slds-cell-edit.slds-has-error, .tsab .slds-cell-edit.slds-has-error:hover {
background-color: #faffbd;
box-shadow: #c23934 0 0 0 2px inset; }
.tsab .slds-cell-edit__button {
width: 1.25rem;
height: 1.25rem;
-ms-flex-negative: 0;
flex-shrink: 0; }
.tsab .slds-cell-edit__button:focus .slds-button__icon_edit,
.tsab .slds-cell-edit__button:focus .slds-button__icon--edit {
opacity: 1; }
.tsab .slds-no-cell-focus .slds-has-focus {
background: #f4f6f9;
box-shadow: none; }
.tsab .slds-no-cell-focus .slds-has-focus .slds-th__action,
.tsab .slds-no-cell-focus .slds-has-focus .slds-th__action:hover,
.tsab .slds-no-cell-focus .slds-has-focus .slds-th__action:focus,
.tsab .slds-no-cell-focus .slds-has-focus .slds-th__action:focus:hover {
color: inherit;
background-color: #f4f6f9;
box-shadow: none; }
.tsab .slds-no-cell-focus .slds-has-focus .slds-button__icon_edit,
.tsab .slds-no-cell-focus .slds-has-focus .slds-button__icon--edit {
opacity: 1; }
.tsab .slds-no-cell-focus .slds-has-focus.slds-is-resizable:hover .slds-th__action {
background-color: #f4f6f9;
box-shadow: #d8dde6 -0.25rem 0 0 inset; }
.tsab .slds-no-cell-focus .slds-is-sortable.slds-has-focus .slds-is-sortable__icon {
display: none; }
.tsab .slds-no-cell-focus .slds-is-sorted.slds-has-focus .slds-is-sortable__icon {
display: inline-block;
fill: #54698d; }
.tsab .slds-no-cell-focus .slds-is-edited, .tsab .slds-no-cell-focus .slds-is-edited:hover {
background-color: #faffbd; }
.tsab .slds-no-cell-focus .slds-has-error, .tsab .slds-no-cell-focus .slds-has-error:hover {
background-color: #faffbd;
box-shadow: #c23934 0 0 0 2px inset; }
.tsab .slds-no-cell-focus thead .slds-has-focus:hover {
color: #0070d2; }
.tsab .slds-no-cell-focus thead .slds-has-focus:hover .slds-is-sortable__icon {
display: inline-block;
fill: #0070d2; }
.tsab .slds-hint-parent .slds-cell-edit .slds-button__icon_edit,
.tsab .slds-hint-parent .slds-cell-edit .slds-button__icon--edit,
.tsab .slds-hint-parent .slds-cell-edit .slds-button__icon_lock,
.tsab .slds-hint-parent .slds-cell-edit .slds-button__icon--lock {
opacity: 0; }
.tsab .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit,
.tsab .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit, .tsab .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit,
.tsab .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit {
opacity: 0.5; }
.tsab .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit:hover, .tsab .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit:focus,
.tsab .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit:hover,
.tsab .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit:focus, .tsab .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit:hover, .tsab .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit:focus,
.tsab .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit:hover,
.tsab .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit:focus {
fill: #1589ee;
opacity: 1; }
.tsab .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_lock,
.tsab .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--lock, .tsab .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_lock,
.tsab .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--lock {
opacity: 0.5; }
.tsab .slds-hint-parent .slds-cell-edit.slds-has-focus .slds-button__icon_edit,
.tsab .slds-hint-parent .slds-cell-edit.slds-has-focus .slds-button__icon--edit {
fill: #54698d;
opacity: 1; }
.tsab .slds-form-element__label_edit,
.tsab .slds-form-element__label--edit {
margin: 0 0.125rem 0; }
.tsab .slds-popover_edit,
.tsab .slds-popover--edit {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.tsab .slds-popover_edit .slds-popover__body,
.tsab .slds-popover--edit .slds-popover__body {
padding: 0.25rem 0.25rem 0.25rem 0; }
.tsab .slds-popover_edit .slds-form-element__help,
.tsab .slds-popover--edit .slds-form-element__help {
width: 100%;
padding-left: 0.75rem; }
.tsab .slds-table_header-fixed_container,
.tsab .slds-table--header-fixed_container {
position: relative;
padding-top: 2rem;
border-top: 1px solid #d8dde6;
background-color: #fdfdfd;
overflow: hidden; }
.tsab .slds-table_header-fixed_container:before,
.tsab .slds-table--header-fixed_container:before {
border-bottom: 1px solid #d8dde6;
content: '';
display: block;
position: relative;
width: 100%; }
.tsab .slds-cell-fixed {
position: absolute;
top: 0;
min-height: 2rem; }
.tsab .slds-table_header-fixed,
.tsab .slds-table--header-fixed {
border-top: 0; }
.tsab .slds-table_header-fixed thead th,
.tsab .slds-table--header-fixed thead th {
position: static;
padding: 0;
border-top: 0; }
.tsab .slds-table_header-fixed tbody tr:first-child td,
.tsab .slds-table_header-fixed tbody tr:first-child th,
.tsab .slds-table--header-fixed tbody tr:first-child td,
.tsab .slds-table--header-fixed tbody tr:first-child th {
border: 0; }
.tsab .slds-tree-container,
.tsab .slds-tree_container {
min-width: 7.5rem;
max-width: 25rem; }
.tsab .slds-tree-container > .slds-text-heading_label,
.tsab .slds-tree-container > .slds-text-heading--label,
.tsab .slds-tree_container > .slds-text-heading_label,
.tsab .slds-tree_container > .slds-text-heading--label {
margin-bottom: 0.5rem; }
.tsab .slds-tree {
/**
* @selector .slds-tree__item
* @restrict .slds-tree div, .slds-tree th
* @required
*/
/**
* Selected state for a tree item
*
* @selector .slds-is-selected
* @restrict .slds-tree__item
* @notes Class should be applied via Javascript
* @required
* @modifier
*/
/**
* Focus state for a tree item
*
* @selector .slds-is-focused
* @restrict .slds-tree__item
* @required
* @modifier
*/ }
.tsab .slds-tree__item {
display: -ms-flexbox;
display: flex;
line-height: 1.875rem;
padding-left: 1rem;
/**
* When a branch doesn't have children, apply slds-is-disabled to the button icon
*
* @selector .slds-is-disabled
* @restrict .slds-tree__item button
* @required
* @modifier
*/
/**
* Hover state for a tree item
*
* @selector .slds-is-hovered
* @restrict .slds-tree__item
* @notes Class should be applied via Javascript
* @required
* @modifier
*/ }
.tsab .slds-tree__item .slds-is-disabled {
visibility: hidden; }
.tsab .slds-tree__item a {
color: #16325c; }
.tsab .slds-tree__item a:hover {
text-decoration: none; }
.tsab .slds-tree__item a:focus {
outline: 0;
text-decoration: underline; }
.tsab .slds-tree__item.slds-is-hovered, .tsab .slds-tree__item:hover {
background: #f4f6f9;
cursor: pointer; }
.tsab .slds-tree .slds-is-selected {
background: #f0f8fc;
box-shadow: #0070d2 4px 0 0 inset; }
.tsab .slds-tree .slds-is-focused {
text-decoration: underline; }
.tsab .slds-tree [aria-level="1"] > .slds-tree__item {
padding-left: 1.5rem; }
.tsab .slds-tree [aria-level="2"] > .slds-tree__item {
padding-left: 3rem; }
.tsab .slds-tree [aria-level="3"] > .slds-tree__item {
padding-left: 4.5rem; }
.tsab .slds-tree [aria-level="4"] > .slds-tree__item {
padding-left: 6rem; }
.tsab .slds-tree [aria-level="5"] > .slds-tree__item {
padding-left: 7.5rem; }
.tsab .slds-tree [aria-level="6"] > .slds-tree__item {
padding-left: 9rem; }
.tsab .slds-tree [aria-level="7"] > .slds-tree__item {
padding-left: 10.5rem; }
.tsab .slds-tree [aria-level="8"] > .slds-tree__item {
padding-left: 12rem; }
.tsab .slds-tree [aria-level="9"] > .slds-tree__item {
padding-left: 13.5rem; }
.tsab .slds-tree [aria-level="10"] > .slds-tree__item {
padding-left: 15rem; }
.tsab .slds-tree [aria-level="11"] > .slds-tree__item {
padding-left: 16.5rem; }
.tsab .slds-tree [aria-level="12"] > .slds-tree__item {
padding-left: 18rem; }
.tsab .slds-tree [aria-level="13"] > .slds-tree__item {
padding-left: 19.5rem; }
.tsab .slds-tree [aria-level="14"] > .slds-tree__item {
padding-left: 21rem; }
.tsab .slds-tree [aria-level="15"] > .slds-tree__item {
padding-left: 22.5rem; }
.tsab .slds-tree [aria-level="16"] > .slds-tree__item {
padding-left: 24rem; }
.tsab .slds-tree [aria-level="17"] > .slds-tree__item {
padding-left: 25.5rem; }
.tsab .slds-tree [aria-level="18"] > .slds-tree__item {
padding-left: 27rem; }
.tsab .slds-tree [aria-level="19"] > .slds-tree__item {
padding-left: 28.5rem; }
.tsab .slds-tree [aria-level="20"] > .slds-tree__item {
padding-left: 30rem; }
.tsab .slds-tree [aria-expanded="false"] > .slds-tree__item > .slds-button[aria-controls] > .slds-button__icon,
.tsab .slds-tree [aria-expanded="false"] > .slds-tree__item > .slds-button[aria-controls] > span > .slds-button__icon {
transition: 0.2s transform ease-in-out;
transform: rotate(0deg); }
.tsab .slds-tree [aria-expanded="true"] > .slds-tree__item > .slds-button[aria-controls] > .slds-button__icon,
.tsab .slds-tree [aria-expanded="true"] > .slds-tree__item > .slds-button[aria-controls] > span > .slds-button__icon {
transition: 0.2s transform ease-in-out;
transform: rotate(90deg); }
.tsab .slds-tree .slds-button {
-ms-flex-item-align: center;
align-self: center; }
.tsab .slds-tree .slds-pill {
margin-left: 0.75rem; }
.tsab .slds-table_tree .slds-tree__item,
.tsab .slds-table--tree .slds-tree__item {
line-height: 1.5rem; }
.tsab .slds-table_tree .slds-tree__item a,
.tsab .slds-table--tree .slds-tree__item a {
color: #0070d2; }
.tsab .slds-table_tree .slds-tree__item a:hover,
.tsab .slds-table--tree .slds-tree__item a:hover {
text-decoration: underline; }
.tsab .slds-table_tree__toggle,
.tsab .slds-table--tree__toggle {
margin-left: -0.25rem; }
.tsab .slds-section {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
/**
* @summary Element containing the title of a section
*
* @selector .slds-section__title
* @restrict .slds-section h3
*/
/**
* @summary Element containing the action inside of an expandable section title
*
* @selector .slds-section__title-action
* @restrict .slds-section__title button
*/
/**
* @summary Element containing the content of an expandable section
*
* @selector .slds-section__content
* @restrict .slds-section div
*/
/**
* @summary Toggle visibility of section content
*
* @selector .slds-is-open
* @restrict .slds-section
* @modifier
* @group visibility
*/ }
.tsab .slds-section__title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 1rem;
line-height: 1.875rem;
border: 1px solid transparent;
border-radius: 0.25rem; }
.tsab .slds-section__title-action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f4f6f9;
cursor: pointer;
width: 100%;
text-align: left;
color: currentColor;
font-size: inherit;
padding: 0 0.5rem; }
.tsab .slds-section__title-action:hover, .tsab .slds-section__title-action:focus, .tsab .slds-section__title-action:active {
background: #eef1f6;
color: inherit; }
.tsab .slds-section__content {
visibility: hidden;
opacity: 0;
height: 0; }
.tsab .slds-section__title-action-icon {
transform: rotate(-90deg); }
.tsab .slds-section.slds-is-open .slds-section__title-action-icon {
transform: rotate(0deg);
transform-origin: 45%; }
.tsab .slds-section.slds-is-open .slds-section__content {
padding-top: 0.75rem;
visibility: visible;
opacity: 1;
height: auto; }
.tsab .slds-section-title {
font-size: 1rem; }
.tsab .slds-section-title > a {
display: inline-block;
color: #16325c; }
.tsab .slds-section-title > a:hover, .tsab .slds-section-title > a:focus {
color: #005fb2; }
.tsab .slds-section-title > a:focus {
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-section-title > a:active {
color: #16325c; }
.tsab .slds-section-title .slds-icon {
width: 1rem;
height: 1rem;
fill: currentColor; }
.tsab .slds-section-title .slds-section-group_is-closed .slds-icon,
.tsab .slds-section-title .slds-section-group--is-closed .slds-icon {
transform: rotate(-90deg); }
.tsab .slds-section-title_divider,
.tsab .slds-section-title--divider {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d;
text-transform: uppercase;
letter-spacing: 0.0625rem;
padding: 0.75rem 1rem;
background: #f4f6f9; }
.tsab .slds-grid {
display: -ms-flexbox;
display: flex; }
.tsab .slds-grid_frame,
.tsab .slds-grid--frame {
min-width: 100vw;
min-height: 100vh;
overflow: hidden; }
.tsab .slds-grid_vertical,
.tsab .slds-grid--vertical {
-ms-flex-direction: column;
flex-direction: column; }
.tsab .slds-grid_vertical-reverse,
.tsab .slds-grid--vertical-reverse {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.tsab .slds-grid_reverse,
.tsab .slds-grid--reverse {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.tsab .slds-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start; }
.tsab .slds-nowrap {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; }
@media (min-width: 30em) {
.tsab .slds-nowrap_small,
.tsab .slds-nowrap--small {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 48em) {
.tsab .slds-nowrap_medium,
.tsab .slds-nowrap--medium {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 64em) {
.tsab .slds-nowrap_large,
.tsab .slds-nowrap--large {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 20em) {
.tsab .slds-x-small-nowrap {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 30em) {
.tsab .slds-small-nowrap {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 48em) {
.tsab .slds-medium-nowrap {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
@media (min-width: 64em) {
.tsab .slds-large-nowrap {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; } }
.tsab .slds-grid_pull-padded,
.tsab .slds-grid--pull-padded {
margin-right: -0.75rem;
margin-left: -0.75rem; }
.tsab .slds-grid_pull-padded-xxx-small,
.tsab .slds-grid--pull-padded-xxx-small {
margin-right: -0.125rem;
margin-left: -0.125rem; }
.tsab .slds-grid_pull-padded-xx-small,
.tsab .slds-grid--pull-padded-xx-small {
margin-right: -0.25rem;
margin-left: -0.25rem; }
.tsab .slds-grid_pull-padded-x-small,
.tsab .slds-grid--pull-padded-x-small {
margin-right: -0.5rem;
margin-left: -0.5rem; }
.tsab .slds-grid_pull-padded-small,
.tsab .slds-grid--pull-padded-small {
margin-right: -0.75rem;
margin-left: -0.75rem; }
.tsab .slds-grid_pull-padded-medium,
.tsab .slds-grid--pull-padded-medium {
margin-right: -1rem;
margin-left: -1rem; }
.tsab .slds-grid_pull-padded-large,
.tsab .slds-grid--pull-padded-large {
margin-right: -1.5rem;
margin-left: -1.5rem; }
.tsab .slds-col,
.tsab [class*="slds-col_padded"],
.tsab [class*="slds-col--padded"] {
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
@media (min-width: 64em) {
.tsab .slds-col_rule-top,
.tsab .slds-col--rule-top {
border-top: 1px solid #f4f6f9; } }
@media (min-width: 64em) {
.tsab .slds-col_rule-right,
.tsab .slds-col--rule-right {
border-right: 1px solid #f4f6f9; } }
@media (min-width: 64em) {
.tsab .slds-col_rule-bottom,
.tsab .slds-col--rule-bottom {
border-bottom: 1px solid #f4f6f9; } }
@media (min-width: 64em) {
.tsab .slds-col_rule-left,
.tsab .slds-col--rule-left {
border-left: 1px solid #f4f6f9; } }
.tsab .slds-has-flexi-truncate {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0; }
.tsab .slds-no-flex {
-ms-flex: none;
flex: none; }
.tsab .slds-no-space {
min-width: 0; }
.tsab .slds-grow {
-ms-flex-positive: 1;
flex-grow: 1; }
.tsab .slds-grow-none {
-ms-flex-positive: 0;
flex-grow: 0; }
.tsab .slds-shrink {
-ms-flex-negative: 1;
flex-shrink: 1; }
.tsab .slds-shrink-none {
-ms-flex-negative: 0;
flex-shrink: 0; }
.tsab .slds-text-longform ul.slds-grid {
margin-left: 0;
list-style: none; }
.tsab .slds-col_padded,
.tsab .slds-col--padded {
padding-right: 0.75rem;
padding-left: 0.75rem; }
.tsab .slds-col_padded-medium,
.tsab .slds-col--padded-medium {
padding-right: 1rem;
padding-left: 1rem; }
.tsab .slds-col_padded-large,
.tsab .slds-col--padded-large {
padding-right: 1.5rem;
padding-left: 1.5rem; }
.tsab .slds-col_padded-around,
.tsab .slds-col--padded-around {
padding: 0.75rem; }
.tsab .slds-col_padded-around-medium,
.tsab .slds-col--padded-around-medium {
padding: 1rem; }
.tsab .slds-col_padded-around-large,
.tsab .slds-col--padded-around-large {
padding: 1.5rem; }
@media (min-width: 64em) {
.tsab .slds-col-rule_top, .tsab .slds-col-rule--top {
border-top: 1px solid #f4f6f9; }
.tsab .slds-col-rule_right, .tsab .slds-col-rule--right {
border-right: 1px solid #f4f6f9; }
.tsab .slds-col-rule_bottom, .tsab .slds-col-rule--bottom {
border-bottom: 1px solid #f4f6f9; }
.tsab .slds-col-rule_left, .tsab .slds-col-rule--left {
border-left: 1px solid #f4f6f9; } }
.tsab .slds-grid_align-center,
.tsab .slds-grid--align-center {
-ms-flex-pack: center;
justify-content: center; }
.tsab .slds-grid_align-center .slds-col,
.tsab .slds-grid_align-center [class*="slds-col_padded"],
.tsab .slds-grid_align-center [class*="slds-col--padded"],
.tsab .slds-grid--align-center .slds-col,
.tsab .slds-grid--align-center [class*="slds-col_padded"],
.tsab .slds-grid--align-center [class*="slds-col--padded"] {
-ms-flex-positive: 0;
flex-grow: 0; }
.tsab .slds-grid_align-space,
.tsab .slds-grid--align-space {
-ms-flex-pack: distribute;
justify-content: space-around; }
.tsab .slds-grid_align-space .slds-col,
.tsab .slds-grid_align-space [class*="slds-col_padded"],
.tsab .slds-grid_align-space [class*="slds-col--padded"],
.tsab .slds-grid--align-space .slds-col,
.tsab .slds-grid--align-space [class*="slds-col_padded"],
.tsab .slds-grid--align-space [class*="slds-col--padded"] {
-ms-flex-positive: 0;
flex-grow: 0; }
.tsab .slds-grid_align-spread,
.tsab .slds-grid--align-spread {
-ms-flex-pack: justify;
justify-content: space-between; }
.tsab .slds-grid_align-spread .slds-col,
.tsab .slds-grid_align-spread [class*="slds-col_padded"],
.tsab .slds-grid_align-spread [class*="slds-col--padded"],
.tsab .slds-grid--align-spread .slds-col,
.tsab .slds-grid--align-spread [class*="slds-col_padded"],
.tsab .slds-grid--align-spread [class*="slds-col--padded"] {
-ms-flex-positive: 0;
flex-grow: 0; }
.tsab .slds-grid_align-end,
.tsab .slds-grid--align-end {
-ms-flex-pack: end;
justify-content: flex-end; }
.tsab .slds-grid_align-end .slds-col,
.tsab .slds-grid_align-end [class*="slds-col_padded"],
.tsab .slds-grid_align-end [class*="slds-col--padded"],
.tsab .slds-grid--align-end .slds-col,
.tsab .slds-grid--align-end [class*="slds-col_padded"],
.tsab .slds-grid--align-end [class*="slds-col--padded"] {
-ms-flex-positive: 0;
flex-grow: 0; }
.tsab .slds-grid_vertical-align-start,
.tsab .slds-grid--vertical-align-start {
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.tsab .slds-grid_vertical-align-center,
.tsab .slds-grid--vertical-align-center {
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center; }
.tsab .slds-grid_vertical-align-end,
.tsab .slds-grid--vertical-align-end {
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.tsab .slds-align-top {
vertical-align: top;
-ms-flex-item-align: start;
align-self: flex-start; }
.tsab .slds-align-middle {
vertical-align: middle;
-ms-flex-item-align: center;
align-self: center; }
.tsab .slds-align-bottom {
vertical-align: bottom;
-ms-flex-item-align: end;
align-self: flex-end; }
.tsab .slds-align-content-center {
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: center;
align-self: center;
-ms-flex-pack: center;
justify-content: center; }
.tsab .slds-col_bump-top,
.tsab .slds-col--bump-top {
margin-top: auto; }
.tsab .slds-col_bump-right,
.tsab .slds-col--bump-right {
margin-right: auto; }
.tsab .slds-col_bump-bottom,
.tsab .slds-col--bump-bottom {
margin-right: auto; }
.tsab .slds-col_bump-left,
.tsab .slds-col--bump-left {
margin-left: auto; }
.tsab .slds-grid_vertical-stretch,
.tsab .slds-grid--vertical-stretch {
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.tsab .slds-container_small,
.tsab .slds-container--small {
max-width: 30rem; }
.tsab .slds-container_medium,
.tsab .slds-container--medium {
max-width: 48rem; }
.tsab .slds-container_large,
.tsab .slds-container--large {
max-width: 64rem; }
.tsab .slds-container_x-large,
.tsab .slds-container--x-large {
max-width: 80rem; }
.tsab .slds-container_fluid,
.tsab .slds-container--fluid {
width: 100%; }
.tsab .slds-container_center,
.tsab .slds-container--center {
margin-left: auto;
margin-right: auto; }
.tsab .slds-container_left,
.tsab .slds-container--left {
margin-right: auto; }
.tsab .slds-container_right,
.tsab .slds-container--right {
margin-left: auto; }
.tsab .slds-grid_overflow,
.tsab .slds-grid--overflow {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.tsab .slds-grid_overflow .slds-col,
.tsab .slds-grid--overflow .slds-col {
min-width: 11.25em;
max-width: 22.5em; }
.tsab .slds-align_absolute-center,
.tsab .slds-align--absolute-center {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
margin: auto; }
.tsab .slds-media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
/**
* Defines the figure area
*
* @selector .slds-media__figure
*/
/**
* Defines the body area
*
* @selector .slds-media__body
* @modifier
*/ }
.tsab .slds-media__figure {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 0.75rem; }
.tsab .slds-media__figure_fixed-width {
min-width: 3rem; }
.tsab .slds-media__body {
-ms-flex: 1;
flex: 1;
min-width: 0; }
.tsab .slds-media__body,
.tsab .slds-media__body > :last-child {
margin-bottom: 0; }
.tsab .slds-media_small .slds-media__figure,
.tsab .slds-media--small .slds-media__figure {
margin-right: 0.25rem; }
.tsab .slds-media_small .slds-media__figure_reverse,
.tsab .slds-media--small .slds-media__figure--reverse {
margin-left: 0.25rem; }
.tsab .slds-media_large .slds-media__figure,
.tsab .slds-media--large .slds-media__figure {
margin-right: 1.5rem; }
.tsab .slds-media_large .slds-media__figure_reverse,
.tsab .slds-media--large .slds-media__figure--reverse {
margin-left: 1.5rem; }
.tsab .slds-media_center,
.tsab .slds-media--center {
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center; }
.tsab .slds-media__figure_reverse,
.tsab .slds-media__figure--reverse {
margin: 0 0 0 0.75rem; }
.tsab .slds-media_reverse > .slds-media__figure,
.tsab .slds-media--reverse > .slds-media__figure {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-media_reverse.slds-media_small .slds-media__figure,
.tsab .slds-media_reverse.slds-media--small .slds-media__figure,
.tsab .slds-media--reverse.slds-media_small .slds-media__figure,
.tsab .slds-media--reverse.slds-media--small .slds-media__figure {
margin-left: 0.25rem; }
.tsab .slds-media_double > .slds-media__figure,
.tsab .slds-media--double > .slds-media__figure {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-media_double .slds-media__figure_reverse,
.tsab .slds-media_double .slds-media__figure--reverse,
.tsab .slds-media--double .slds-media__figure_reverse,
.tsab .slds-media--double .slds-media__figure--reverse {
-ms-flex-order: 3;
order: 3;
margin: 0 0 0 1rem; }
.tsab .slds-media_double .slds-media__body,
.tsab .slds-media--double .slds-media__body {
-ms-flex-order: 2;
order: 2; }
@media (max-width: 48em) {
.tsab {
/**
* @summary .slds-media__figure and .slds-media__body stack on smaller screens
*
* @selector .slds-media_responsive
* @modifer
*/ }
.tsab .slds-media_responsive,
.tsab .slds-media--responsive {
display: block; }
.tsab .slds-media_responsive .slds-media__figure,
.tsab .slds-media--responsive .slds-media__figure {
margin: 0 0 0.75rem; } }
.tsab .slds-m-top_none,
.tsab .slds-m-top--none {
margin-top: 0 !important; }
.tsab .slds-m-right_none,
.tsab .slds-m-right--none {
margin-right: 0 !important; }
.tsab .slds-m-bottom_none,
.tsab .slds-m-bottom--none {
margin-bottom: 0 !important; }
.tsab .slds-m-left_none,
.tsab .slds-m-left--none {
margin-left: 0 !important; }
.tsab .slds-m-vertical_none,
.tsab .slds-m-vertical--none {
margin-top: 0;
margin-bottom: 0; }
.tsab .slds-m-horizontal_none,
.tsab .slds-m-horizontal--none {
margin-right: 0;
margin-left: 0; }
.tsab .slds-m-around_none,
.tsab .slds-m-around--none {
margin: 0; }
.tsab .slds-m-top_xxx-small,
.tsab .slds-m-top--xxx-small {
margin-top: 0.125rem; }
.tsab .slds-m-right_xxx-small,
.tsab .slds-m-right--xxx-small {
margin-right: 0.125rem; }
.tsab .slds-m-bottom_xxx-small,
.tsab .slds-m-bottom--xxx-small {
margin-bottom: 0.125rem; }
.tsab .slds-m-left_xxx-small,
.tsab .slds-m-left--xxx-small {
margin-left: 0.125rem; }
.tsab .slds-m-vertical_xxx-small,
.tsab .slds-m-vertical--xxx-small {
margin-top: 0.125rem;
margin-bottom: 0.125rem; }
.tsab .slds-m-horizontal_xxx-small,
.tsab .slds-m-horizontal--xxx-small {
margin-right: 0.125rem;
margin-left: 0.125rem; }
.tsab .slds-m-around_xxx-small,
.tsab .slds-m-around--xxx-small {
margin: 0.125rem; }
.tsab .slds-m-top_xx-small,
.tsab .slds-m-top--xx-small {
margin-top: 0.25rem; }
.tsab .slds-m-right_xx-small,
.tsab .slds-m-right--xx-small {
margin-right: 0.25rem; }
.tsab .slds-m-bottom_xx-small,
.tsab .slds-m-bottom--xx-small {
margin-bottom: 0.25rem; }
.tsab .slds-m-left_xx-small,
.tsab .slds-m-left--xx-small {
margin-left: 0.25rem; }
.tsab .slds-m-vertical_xx-small,
.tsab .slds-m-vertical--xx-small {
margin-top: 0.25rem;
margin-bottom: 0.25rem; }
.tsab .slds-m-horizontal_xx-small,
.tsab .slds-m-horizontal--xx-small {
margin-right: 0.25rem;
margin-left: 0.25rem; }
.tsab .slds-m-around_xx-small,
.tsab .slds-m-around--xx-small {
margin: 0.25rem; }
.tsab .slds-m-top_x-small,
.tsab .slds-m-top--x-small {
margin-top: 0.5rem; }
.tsab .slds-m-right_x-small,
.tsab .slds-m-right--x-small {
margin-right: 0.5rem; }
.tsab .slds-m-bottom_x-small,
.tsab .slds-m-bottom--x-small {
margin-bottom: 0.5rem; }
.tsab .slds-m-left_x-small,
.tsab .slds-m-left--x-small {
margin-left: 0.5rem; }
.tsab .slds-m-vertical_x-small,
.tsab .slds-m-vertical--x-small {
margin-top: 0.5rem;
margin-bottom: 0.5rem; }
.tsab .slds-m-horizontal_x-small,
.tsab .slds-m-horizontal--x-small {
margin-right: 0.5rem;
margin-left: 0.5rem; }
.tsab .slds-m-around_x-small,
.tsab .slds-m-around--x-small {
margin: 0.5rem; }
.tsab .slds-m-top_small,
.tsab .slds-m-top--small {
margin-top: 0.75rem; }
.tsab .slds-m-right_small,
.tsab .slds-m-right--small {
margin-right: 0.75rem; }
.tsab .slds-m-bottom_small,
.tsab .slds-m-bottom--small {
margin-bottom: 0.75rem; }
.tsab .slds-m-left_small,
.tsab .slds-m-left--small {
margin-left: 0.75rem; }
.tsab .slds-m-vertical_small,
.tsab .slds-m-vertical--small {
margin-top: 0.75rem;
margin-bottom: 0.75rem; }
.tsab .slds-m-horizontal_small,
.tsab .slds-m-horizontal--small {
margin-right: 0.75rem;
margin-left: 0.75rem; }
.tsab .slds-m-around_small,
.tsab .slds-m-around--small {
margin: 0.75rem; }
.tsab .slds-m-top_medium,
.tsab .slds-m-top--medium {
margin-top: 1rem; }
.tsab .slds-m-right_medium,
.tsab .slds-m-right--medium {
margin-right: 1rem; }
.tsab .slds-m-bottom_medium,
.tsab .slds-m-bottom--medium {
margin-bottom: 1rem; }
.tsab .slds-m-left_medium,
.tsab .slds-m-left--medium {
margin-left: 1rem; }
.tsab .slds-m-vertical_medium,
.tsab .slds-m-vertical--medium {
margin-top: 1rem;
margin-bottom: 1rem; }
.tsab .slds-m-horizontal_medium,
.tsab .slds-m-horizontal--medium {
margin-right: 1rem;
margin-left: 1rem; }
.tsab .slds-m-around_medium,
.tsab .slds-m-around--medium {
margin: 1rem; }
.tsab .slds-m-top_large,
.tsab .slds-m-top--large {
margin-top: 1.5rem; }
.tsab .slds-m-right_large,
.tsab .slds-m-right--large {
margin-right: 1.5rem; }
.tsab .slds-m-bottom_large,
.tsab .slds-m-bottom--large {
margin-bottom: 1.5rem; }
.tsab .slds-m-left_large,
.tsab .slds-m-left--large {
margin-left: 1.5rem; }
.tsab .slds-m-vertical_large,
.tsab .slds-m-vertical--large {
margin-top: 1.5rem;
margin-bottom: 1.5rem; }
.tsab .slds-m-horizontal_large,
.tsab .slds-m-horizontal--large {
margin-right: 1.5rem;
margin-left: 1.5rem; }
.tsab .slds-m-around_large,
.tsab .slds-m-around--large {
margin: 1.5rem; }
.tsab .slds-m-top_x-large,
.tsab .slds-m-top--x-large {
margin-top: 2rem; }
.tsab .slds-m-right_x-large,
.tsab .slds-m-right--x-large {
margin-right: 2rem; }
.tsab .slds-m-bottom_x-large,
.tsab .slds-m-bottom--x-large {
margin-bottom: 2rem; }
.tsab .slds-m-left_x-large,
.tsab .slds-m-left--x-large {
margin-left: 2rem; }
.tsab .slds-m-vertical_x-large,
.tsab .slds-m-vertical--x-large {
margin-top: 2rem;
margin-bottom: 2rem; }
.tsab .slds-m-horizontal_x-large,
.tsab .slds-m-horizontal--x-large {
margin-right: 2rem;
margin-left: 2rem; }
.tsab .slds-m-around_x-large,
.tsab .slds-m-around--x-large {
margin: 2rem; }
.tsab .slds-m-top_xx-large,
.tsab .slds-m-top--xx-large {
margin-top: 3rem; }
.tsab .slds-m-right_xx-large,
.tsab .slds-m-right--xx-large {
margin-right: 3rem; }
.tsab .slds-m-bottom_xx-large,
.tsab .slds-m-bottom--xx-large {
margin-bottom: 3rem; }
.tsab .slds-m-left_xx-large,
.tsab .slds-m-left--xx-large {
margin-left: 3rem; }
.tsab .slds-m-vertical_xx-large,
.tsab .slds-m-vertical--xx-large {
margin-top: 3rem;
margin-bottom: 3rem; }
.tsab .slds-m-horizontal_xx-large,
.tsab .slds-m-horizontal--xx-large {
margin-right: 3rem;
margin-left: 3rem; }
.tsab .slds-m-around_xx-large,
.tsab .slds-m-around--xx-large {
margin: 3rem; }
.tsab .slds-m-bottom_none,
.tsab .slds-m-bottom--none {
margin-bottom: 0; }
.tsab .slds-p-top_none,
.tsab .slds-p-top--none {
padding-top: 0 !important; }
.tsab .slds-p-right_none,
.tsab .slds-p-right--none {
padding-right: 0 !important; }
.tsab .slds-p-bottom_none,
.tsab .slds-p-bottom--none {
padding-bottom: 0 !important; }
.tsab .slds-p-left_none,
.tsab .slds-p-left--none {
padding-left: 0 !important; }
.tsab .slds-p-vertical_none,
.tsab .slds-p-vertical--none {
padding-top: 0;
padding-bottom: 0; }
.tsab .slds-p-horizontal_none,
.tsab .slds-p-horizontal--none {
padding-right: 0;
padding-left: 0; }
.tsab .slds-p-around_none,
.tsab .slds-p-around--none {
padding: 0; }
.tsab .slds-p-top_xxx-small,
.tsab .slds-p-top--xxx-small {
padding-top: 0.125rem; }
.tsab .slds-p-right_xxx-small,
.tsab .slds-p-right--xxx-small {
padding-right: 0.125rem; }
.tsab .slds-p-bottom_xxx-small,
.tsab .slds-p-bottom--xxx-small {
padding-bottom: 0.125rem; }
.tsab .slds-p-left_xxx-small,
.tsab .slds-p-left--xxx-small {
padding-left: 0.125rem; }
.tsab .slds-p-vertical_xxx-small,
.tsab .slds-p-vertical--xxx-small {
padding-top: 0.125rem;
padding-bottom: 0.125rem; }
.tsab .slds-p-horizontal_xxx-small,
.tsab .slds-p-horizontal--xxx-small {
padding-right: 0.125rem;
padding-left: 0.125rem; }
.tsab .slds-p-around_xxx-small,
.tsab .slds-p-around--xxx-small {
padding: 0.125rem; }
.tsab .slds-p-top_xx-small,
.tsab .slds-p-top--xx-small {
padding-top: 0.25rem; }
.tsab .slds-p-right_xx-small,
.tsab .slds-p-right--xx-small {
padding-right: 0.25rem; }
.tsab .slds-p-bottom_xx-small,
.tsab .slds-p-bottom--xx-small {
padding-bottom: 0.25rem; }
.tsab .slds-p-left_xx-small,
.tsab .slds-p-left--xx-small {
padding-left: 0.25rem; }
.tsab .slds-p-vertical_xx-small,
.tsab .slds-p-vertical--xx-small {
padding-top: 0.25rem;
padding-bottom: 0.25rem; }
.tsab .slds-p-horizontal_xx-small,
.tsab .slds-p-horizontal--xx-small {
padding-right: 0.25rem;
padding-left: 0.25rem; }
.tsab .slds-p-around_xx-small,
.tsab .slds-p-around--xx-small {
padding: 0.25rem; }
.tsab .slds-p-top_x-small,
.tsab .slds-p-top--x-small {
padding-top: 0.5rem; }
.tsab .slds-p-right_x-small,
.tsab .slds-p-right--x-small {
padding-right: 0.5rem; }
.tsab .slds-p-bottom_x-small,
.tsab .slds-p-bottom--x-small {
padding-bottom: 0.5rem; }
.tsab .slds-p-left_x-small,
.tsab .slds-p-left--x-small {
padding-left: 0.5rem; }
.tsab .slds-p-vertical_x-small,
.tsab .slds-p-vertical--x-small {
padding-top: 0.5rem;
padding-bottom: 0.5rem; }
.tsab .slds-p-horizontal_x-small,
.tsab .slds-p-horizontal--x-small {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.tsab .slds-p-around_x-small,
.tsab .slds-p-around--x-small {
padding: 0.5rem; }
.tsab .slds-p-top_small,
.tsab .slds-p-top--small {
padding-top: 0.75rem; }
.tsab .slds-p-right_small,
.tsab .slds-p-right--small {
padding-right: 0.75rem; }
.tsab .slds-p-bottom_small,
.tsab .slds-p-bottom--small {
padding-bottom: 0.75rem; }
.tsab .slds-p-left_small,
.tsab .slds-p-left--small {
padding-left: 0.75rem; }
.tsab .slds-p-vertical_small,
.tsab .slds-p-vertical--small {
padding-top: 0.75rem;
padding-bottom: 0.75rem; }
.tsab .slds-p-horizontal_small,
.tsab .slds-p-horizontal--small {
padding-right: 0.75rem;
padding-left: 0.75rem; }
.tsab .slds-p-around_small,
.tsab .slds-p-around--small {
padding: 0.75rem; }
.tsab .slds-p-top_medium,
.tsab .slds-p-top--medium {
padding-top: 1rem; }
.tsab .slds-p-right_medium,
.tsab .slds-p-right--medium {
padding-right: 1rem; }
.tsab .slds-p-bottom_medium,
.tsab .slds-p-bottom--medium {
padding-bottom: 1rem; }
.tsab .slds-p-left_medium,
.tsab .slds-p-left--medium {
padding-left: 1rem; }
.tsab .slds-p-vertical_medium,
.tsab .slds-p-vertical--medium {
padding-top: 1rem;
padding-bottom: 1rem; }
.tsab .slds-p-horizontal_medium,
.tsab .slds-p-horizontal--medium {
padding-right: 1rem;
padding-left: 1rem; }
.tsab .slds-p-around_medium,
.tsab .slds-p-around--medium {
padding: 1rem; }
.tsab .slds-p-top_large,
.tsab .slds-p-top--large {
padding-top: 1.5rem; }
.tsab .slds-p-right_large,
.tsab .slds-p-right--large {
padding-right: 1.5rem; }
.tsab .slds-p-bottom_large,
.tsab .slds-p-bottom--large {
padding-bottom: 1.5rem; }
.tsab .slds-p-left_large,
.tsab .slds-p-left--large {
padding-left: 1.5rem; }
.tsab .slds-p-vertical_large,
.tsab .slds-p-vertical--large {
padding-top: 1.5rem;
padding-bottom: 1.5rem; }
.tsab .slds-p-horizontal_large,
.tsab .slds-p-horizontal--large {
padding-right: 1.5rem;
padding-left: 1.5rem; }
.tsab .slds-p-around_large,
.tsab .slds-p-around--large {
padding: 1.5rem; }
.tsab .slds-p-top_x-large,
.tsab .slds-p-top--x-large {
padding-top: 2rem; }
.tsab .slds-p-right_x-large,
.tsab .slds-p-right--x-large {
padding-right: 2rem; }
.tsab .slds-p-bottom_x-large,
.tsab .slds-p-bottom--x-large {
padding-bottom: 2rem; }
.tsab .slds-p-left_x-large,
.tsab .slds-p-left--x-large {
padding-left: 2rem; }
.tsab .slds-p-vertical_x-large,
.tsab .slds-p-vertical--x-large {
padding-top: 2rem;
padding-bottom: 2rem; }
.tsab .slds-p-horizontal_x-large,
.tsab .slds-p-horizontal--x-large {
padding-right: 2rem;
padding-left: 2rem; }
.tsab .slds-p-around_x-large,
.tsab .slds-p-around--x-large {
padding: 2rem; }
.tsab .slds-p-top_xx-large,
.tsab .slds-p-top--xx-large {
padding-top: 3rem; }
.tsab .slds-p-right_xx-large,
.tsab .slds-p-right--xx-large {
padding-right: 3rem; }
.tsab .slds-p-bottom_xx-large,
.tsab .slds-p-bottom--xx-large {
padding-bottom: 3rem; }
.tsab .slds-p-left_xx-large,
.tsab .slds-p-left--xx-large {
padding-left: 3rem; }
.tsab .slds-p-vertical_xx-large,
.tsab .slds-p-vertical--xx-large {
padding-top: 3rem;
padding-bottom: 3rem; }
.tsab .slds-p-horizontal_xx-large,
.tsab .slds-p-horizontal--xx-large {
padding-right: 3rem;
padding-left: 3rem; }
.tsab .slds-p-around_xx-large,
.tsab .slds-p-around--xx-large {
padding: 3rem; }
.tsab .slds-clearfix:after {
content: '';
display: table;
clear: both; }
.tsab .slds-clear {
clear: both; }
.tsab .slds-float_left,
.tsab .slds-float--left {
float: left; }
.tsab .slds-float_none,
.tsab .slds-float--none {
float: none; }
.tsab .slds-float_right,
.tsab .slds-float--right {
float: right; }
.tsab .slds-text-link_reset,
.tsab .slds-text-link--reset {
cursor: pointer;
line-height: inherit;
font-size: inherit; }
.tsab .slds-text-link_reset:active,
.tsab .slds-text-link--reset:active {
outline: none; }
.tsab .slds-text-link_reset, .tsab .slds-text-link_reset:active, .tsab .slds-text-link_reset:focus, .tsab .slds-text-link_reset:hover,
.tsab .slds-text-link--reset,
.tsab .slds-text-link--reset:active,
.tsab .slds-text-link--reset:focus,
.tsab .slds-text-link--reset:hover {
color: inherit;
text-decoration: inherit; }
.tsab .slds-text-link {
color: #0070d2;
text-decoration: none;
transition: color 0.1s linear; }
.tsab .slds-text-link:hover, .tsab .slds-text-link:focus {
text-decoration: underline;
color: #005fb2; }
.tsab .slds-text-link:active {
color: #00396b; }
.tsab .slds-text-link--faux,
.tsab .slds-type-focus {
border-bottom: 1px solid transparent;
border-radius: 0;
color: currentColor;
cursor: pointer; }
.tsab .slds-text-link--faux:hover, .tsab .slds-text-link--faux:focus,
.tsab .slds-type-focus:hover,
.tsab .slds-type-focus:focus {
color: currentColor;
border-bottom: 1px solid currentColor; }
.tsab .slds-has-blur-focus {
color: currentColor; }
.tsab .slds-has-blur-focus:hover, .tsab .slds-has-blur-focus:focus, .tsab .slds-has-blur-focus:active {
color: currentColor;
text-decoration: none; }
.tsab .slds-has-blur-focus:focus {
outline: 0;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-has-input-focus {
outline: 0;
border-color: #1589ee;
background-color: white;
box-shadow: 0 0 3px #0070D2; }
.tsab .slds-has-block-links a {
display: block;
text-decoration: none; }
.tsab .slds-has-block-links .slds-is-nested {
margin-left: 1rem; }
.tsab .slds-has-block-links_space .slds-list__item,
.tsab .slds-has-block-links_space .slds-item, .tsab .slds-has-block-links--space .slds-list__item,
.tsab .slds-has-block-links--space .slds-item {
padding: 0; }
.tsab .slds-has-block-links_space a, .tsab .slds-has-block-links--space a {
display: block;
text-decoration: none;
padding: 0.75rem; }
@media (min-width: 48em) {
.tsab .slds-has-block-links_space a, .tsab .slds-has-block-links--space a {
padding: 0.5rem; } }
.tsab .slds-has-inline-block-links a {
display: inline-block;
text-decoration: none; }
.tsab .slds-has-inline-block-links_space a,
.tsab .slds-has-inline-block-links--space a {
display: inline-block;
text-decoration: none;
padding: 0.75rem; }
@media (min-width: 48em) {
.tsab .slds-has-inline-block-links_space a,
.tsab .slds-has-inline-block-links--space a {
padding: 0.5rem; } }
.tsab .slds-list_vertical-space .slds-list__item + .slds-list__item,
.tsab .slds-list_vertical-space .slds-item + .slds-item,
.tsab .slds-list--vertical-space .slds-list__item + .slds-list__item,
.tsab .slds-list--vertical-space .slds-item + .slds-item {
margin-top: 0.5rem; }
.tsab .slds-list_vertical-space-medium .slds-list__item + .slds-list__item,
.tsab .slds-list_vertical-space-medium .slds-item + .slds-item,
.tsab .slds-list--vertical-space-medium .slds-list__item + .slds-list__item,
.tsab .slds-list--vertical-space-medium .slds-item + .slds-item {
margin-top: 1rem; }
.tsab .slds-is-nested {
margin-left: 1rem; }
.tsab .slds-list_dotted,
.tsab .slds-list--dotted {
margin-left: 1.5rem;
list-style: disc; }
.tsab .slds-list_ordered,
.tsab .slds-list--ordered {
margin-left: 1.5rem;
list-style: decimal; }
.tsab .slds-has-dividers_top,
.tsab .slds-has-dividers--top {
/**
* @summary Adds 1px border divider above list items and 0.5rem padding between items
*
* @selector .slds-has-dividers_top-space
* @modifier
*/ }
.tsab .slds-has-dividers_top > .slds-list__item,
.tsab .slds-has-dividers_top > .slds-item,
.tsab .slds-has-dividers--top > .slds-list__item,
.tsab .slds-has-dividers--top > .slds-item {
border-top: 1px solid #d8dde6; }
.tsab .slds-has-dividers_top-space > .slds-list__item,
.tsab .slds-has-dividers_top-space > .slds-item,
.tsab .slds-has-dividers--top-space > .slds-list__item,
.tsab .slds-has-dividers--top-space > .slds-item {
border-top: 1px solid #d8dde6;
padding: 0.75rem; }
@media (min-width: 30em) {
.tsab .slds-has-dividers_top-space > .slds-list__item,
.tsab .slds-has-dividers_top-space > .slds-item,
.tsab .slds-has-dividers--top-space > .slds-list__item,
.tsab .slds-has-dividers--top-space > .slds-item {
padding: 0.5rem; } }
.tsab .slds-has-dividers_bottom,
.tsab .slds-has-dividers--bottom {
/**
* @summary Adds 1px border divider below list items and 0.5rem padding between items
*
* @selector .slds-has-dividers_bottom-space
* @modifier
*/ }
.tsab .slds-has-dividers_bottom > .slds-list__item,
.tsab .slds-has-dividers_bottom > .slds-item,
.tsab .slds-has-dividers--bottom > .slds-list__item,
.tsab .slds-has-dividers--bottom > .slds-item {
border-bottom: 1px solid #d8dde6; }
.tsab .slds-has-dividers_bottom-space > .slds-list__item,
.tsab .slds-has-dividers_bottom-space > .slds-item,
.tsab .slds-has-dividers--bottom-space > .slds-list__item,
.tsab .slds-has-dividers--bottom-space > .slds-item {
border-bottom: 1px solid #d8dde6;
padding: 0.75rem; }
@media (min-width: 30em) {
.tsab .slds-has-dividers_bottom-space > .slds-list__item,
.tsab .slds-has-dividers_bottom-space > .slds-item,
.tsab .slds-has-dividers--bottom-space > .slds-list__item,
.tsab .slds-has-dividers--bottom-space > .slds-item {
padding: 0.5rem; } }
.tsab .slds-has-dividers_around,
.tsab .slds-has-dividers--around {
/**
* @summary Adds 1px border divider around list items and 0.5rem padding between items
*
* @selector .slds-has-dividers_around-space
* @modifier
*/ }
.tsab .slds-has-dividers_around > .slds-item,
.tsab .slds-has-dividers--around > .slds-item {
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-clip: padding-box; }
.tsab .slds-has-dividers_around > .slds-item + .slds-item,
.tsab .slds-has-dividers--around > .slds-item + .slds-item {
margin-top: 0.5rem; }
.tsab .slds-has-dividers_around-space > .slds-item,
.tsab .slds-has-dividers--around-space > .slds-item {
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-clip: padding-box;
padding: 0.75rem; }
@media (min-width: 30em) {
.tsab .slds-has-dividers_around-space > .slds-item,
.tsab .slds-has-dividers--around-space > .slds-item {
padding: 0.5rem; } }
.tsab .slds-has-dividers_around-space > .slds-item + .slds-item,
.tsab .slds-has-dividers--around-space > .slds-item + .slds-item {
margin-top: 0.5rem; }
.tsab .slds-has-list-interactions > .slds-list__item:hover,
.tsab .slds-has-list-interactions > .slds-item:hover {
background-color: #f4f6f9;
border-color: #d8dde6;
cursor: pointer; }
.tsab .slds-has-list-interactions > .slds-list__item:active,
.tsab .slds-has-list-interactions > .slds-item:active {
background-color: #eef1f6;
box-shadow: #d8dde6 0 -1px 0 inset; }
.tsab .slds-has-list-interactions > .slds-list__item.slds-is-selected,
.tsab .slds-has-list-interactions > .slds-item.slds-is-selected {
box-shadow: #0070d2 0 0 0 1px inset;
background-color: #f0f8fc; }
.tsab .slds-has-list-interactions > .slds-list__item.slds-is-selected:hover, .tsab .slds-has-list-interactions > .slds-list__item.slds-is-selected:focus,
.tsab .slds-has-list-interactions > .slds-item.slds-is-selected:hover,
.tsab .slds-has-list-interactions > .slds-item.slds-is-selected:focus {
box-shadow: #1589ee 0 -2px 0 inset, #1589ee 0 0 0 1px inset; }
.tsab .slds-list_vertical.slds-has-dividers > .slds-list__item,
.tsab .slds-list--vertical.slds-has-dividers > .slds-list__item {
padding: 0.5rem;
border-bottom: 1px solid #d8dde6; }
.tsab .slds-list_vertical.slds-has-dividers > .slds-list__item:hover,
.tsab .slds-list--vertical.slds-has-dividers > .slds-list__item:hover {
background-color: #f4f6f9;
border-color: #d8dde6;
cursor: pointer; }
.tsab .slds-list_vertical.slds-has-dividers > .slds-list__item:active,
.tsab .slds-list--vertical.slds-has-dividers > .slds-list__item:active {
background-color: #eef1f6;
box-shadow: #d8dde6 0 -1px 0 inset; }
.tsab .slds-list_vertical.slds-has-dividers > .slds-list__item.slds-is-selected,
.tsab .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected {
box-shadow: #0070d2 0 0 0 1px inset;
background-color: #f0f8fc; }
.tsab .slds-list_vertical.slds-has-dividers > .slds-list__item.slds-is-selected:hover, .tsab .slds-list_vertical.slds-has-dividers > .slds-list__item.slds-is-selected:focus,
.tsab .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected:hover,
.tsab .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; }
.tsab .slds-has-cards > .slds-list__item {
border: 1px solid #d8dde6;
border-radius: 0.25rem;
background-clip: padding-box; }
.tsab .slds-has-cards > .slds-list__item + .slds-list__item {
margin-top: 0.5rem; }
.tsab .slds-has-cards_space > .slds-list__item, .tsab .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) {
.tsab .slds-has-cards_space > .slds-list__item, .tsab .slds-has-cards--space > .slds-list__item {
padding: 0.5rem; } }
.tsab .slds-has-cards_space > .slds-list__item + .slds-list__item, .tsab .slds-has-cards--space > .slds-list__item + .slds-list__item {
margin-top: 0.5rem; }
.tsab .slds-has-divider {
margin-top: 0.5rem;
padding-top: 0.5rem;
border-top: 1px solid #d8dde6;
/**
* @summary Adds 1px border divider above an HTML element
*
* @selector .slds-has-divider_top
* @restrict li
* @modifier
*/
/**
* @summary Adds dot separator to the right of an HTML element
*
* @selector .slds-has-divider_right
* @restrict li
* @modifier
*/
/**
* @summary Adds 1px border divider below an HTML element
*
* @selector .slds-has-divider_bottom
* @restrict li
* @modifier
*/
/**
* @summary Adds dot separator to the left of an HTML element
*
* @selector .slds-has-divider_left
* @restrict li
* @modifier
*/ }
.tsab .slds-has-divider_top, .tsab .slds-has-divider--top {
border-top: 1px solid #d8dde6; }
.tsab .slds-has-divider_top-space, .tsab .slds-has-divider--top-space {
border-top: 1px solid #d8dde6;
margin-top: 0.5rem;
padding-top: 0.5rem; }
.tsab .slds-has-divider_right, .tsab .slds-has-divider--right {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.tsab .slds-has-divider_right:after, .tsab .slds-has-divider--right:after {
width: 2px;
height: 2px;
content: '';
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: #16325c; }
.tsab .slds-has-divider_right:last-child, .tsab .slds-has-divider--right:last-child {
margin-right: 0;
padding-right: 0; }
.tsab .slds-has-divider_right:last-child:after, .tsab .slds-has-divider--right:last-child:after {
content: none; }
.tsab .slds-has-divider_bottom, .tsab .slds-has-divider--bottom {
border-bottom: 1px solid #d8dde6; }
.tsab .slds-has-divider_bottom-space, .tsab .slds-has-divider--bottom-space {
border-bottom: 1px solid #d8dde6;
margin-bottom: 0.5rem;
padding-bottom: 0.5rem; }
.tsab .slds-has-divider_left, .tsab .slds-has-divider--left {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.tsab .slds-has-divider_left:before, .tsab .slds-has-divider--left:before {
width: 2px;
height: 2px;
content: '';
display: inline-block;
vertical-align: middle;
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: #16325c; }
.tsab .slds-has-divider_left:first-child, .tsab .slds-has-divider--left:first-child {
margin-right: 0;
padding-right: 0; }
.tsab .slds-has-divider_left:first-child:before, .tsab .slds-has-divider--left:first-child:before {
content: none; }
.tsab .slds-list_horizontal,
.tsab .slds-list--horizontal {
display: -ms-flexbox;
display: flex; }
.tsab .slds-list_horizontal > .slds-list__item,
.tsab .slds-list--horizontal > .slds-list__item {
-ms-flex-item-align: center;
align-self: center; }
.tsab .slds-list_horizontal-large > .slds-list__item > a,
.tsab .slds-list--horizontal-large > .slds-list__item > a {
padding: 0.75rem 1rem; }
.tsab .slds-has-dividers_left > .slds-list__item,
.tsab .slds-has-dividers--left > .slds-list__item,
.tsab .slds-has-dividers_left > .slds-item,
.tsab .slds-has-dividers--left > .slds-item {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.tsab .slds-has-dividers_left > .slds-list__item:before,
.tsab .slds-has-dividers--left > .slds-list__item:before,
.tsab .slds-has-dividers_left > .slds-item:before,
.tsab .slds-has-dividers--left > .slds-item:before {
width: 2px;
height: 2px;
content: '';
display: inline-block;
vertical-align: middle;
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: #16325c; }
.tsab .slds-has-dividers_left > .slds-list__item:first-child,
.tsab .slds-has-dividers--left > .slds-list__item:first-child,
.tsab .slds-has-dividers_left > .slds-item:first-child,
.tsab .slds-has-dividers--left > .slds-item:first-child {
margin-right: 0;
padding-right: 0; }
.tsab .slds-has-dividers_left > .slds-list__item:first-child:before,
.tsab .slds-has-dividers--left > .slds-list__item:first-child:before,
.tsab .slds-has-dividers_left > .slds-item:first-child:before,
.tsab .slds-has-dividers--left > .slds-item:first-child:before {
content: none; }
.tsab .slds-has-dividers_right > .slds-list__item,
.tsab .slds-has-dividers--right > .slds-list__item,
.tsab .slds-has-dividers_right > .slds-item,
.tsab .slds-has-dividers--right > .slds-item {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.tsab .slds-has-dividers_right > .slds-list__item:after,
.tsab .slds-has-dividers--right > .slds-list__item:after,
.tsab .slds-has-dividers_right > .slds-item:after,
.tsab .slds-has-dividers--right > .slds-item:after {
width: 2px;
height: 2px;
content: '';
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: #16325c; }
.tsab .slds-has-dividers_right > .slds-list__item:last-child,
.tsab .slds-has-dividers--right > .slds-list__item:last-child,
.tsab .slds-has-dividers_right > .slds-item:last-child,
.tsab .slds-has-dividers--right > .slds-item:last-child {
margin-right: 0;
padding-right: 0; }
.tsab .slds-has-dividers_right > .slds-list__item:last-child:after,
.tsab .slds-has-dividers--right > .slds-list__item:last-child:after,
.tsab .slds-has-dividers_right > .slds-item:last-child:after,
.tsab .slds-has-dividers--right > .slds-item:last-child:after {
content: none; }
.tsab .slds-list_horizontal.slds-has-dividers > .slds-list__item,
.tsab .slds-list--horizontal.slds-has-dividers > .slds-list__item {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.tsab .slds-list_horizontal.slds-has-dividers > .slds-list__item:after,
.tsab .slds-list--horizontal.slds-has-dividers > .slds-list__item:after {
width: 2px;
height: 2px;
content: '';
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: #16325c; }
.tsab .slds-list_horizontal.slds-has-dividers > .slds-list__item:last-child,
.tsab .slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child {
margin-right: 0;
padding-right: 0; }
.tsab .slds-list_horizontal.slds-has-dividers > .slds-list__item:last-child:after,
.tsab .slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child:after {
content: none; }
.tsab .slds-dl_inline:after,
.tsab .slds-dl--inline:after {
content: '';
display: table;
clear: both; }
@media (min-width: 48em) {
.tsab .slds-dl_inline,
.tsab .slds-dl--inline {
/**
* Marks a term
*
* @selector .slds-dl_inline__label
* @modifier
*/
/**
* Marks a description
*
* @selector .slds-dl_inline__detail
* @modifier
*/ }
.tsab .slds-dl_inline__label,
.tsab .slds-dl--inline__label {
float: left;
clear: left; }
.tsab .slds-dl_inline__detail,
.tsab .slds-dl--inline__detail {
float: left;
padding-left: 0.25rem; } }
@media (min-width: 48em) {
.tsab .slds-dl_horizontal,
.tsab .slds-dl--horizontal {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
/**
* Marks a term
*
* @selector .slds-dl_horizontal__label
* @modifier
*/
/**
* Marks a description
*
* @selector .slds-dl_horizontal__detail
* @modifier
*/ }
.tsab .slds-dl_horizontal__label,
.tsab .slds-dl--horizontal__label {
width: 30%;
padding-right: 0.75rem; }
.tsab .slds-dl_horizontal__detail,
.tsab .slds-dl--horizontal__detail {
width: 70%; } }
.tsab .slds-list_horizontal,
.tsab .slds-list--horizontal {
/**
* @summary Label of the name-value pair variant. Layout is modified by its parent class.
*
* @selector .slds-item_label
* @modifier
*/
/**
* @summary Label of the name-value pair variant. Layout is modified by its parent class.
*
* @selector .slds-item_detail
* @modifier
*/ }
.tsab .slds-list_horizontal .slds-item_label,
.tsab .slds-list_horizontal .slds-item--label,
.tsab .slds-list--horizontal .slds-item_label,
.tsab .slds-list--horizontal .slds-item--label {
width: 30%;
padding-right: 0.75rem; }
.tsab .slds-list_horizontal .slds-item_detail,
.tsab .slds-list_horizontal .slds-item--detail,
.tsab .slds-list--horizontal .slds-item_detail,
.tsab .slds-list--horizontal .slds-item--detail {
width: 70%; }
.tsab .slds-list_vertical .slds-item_label,
.tsab .slds-list_vertical .slds-item--label,
.tsab .slds-list_vertical .slds-item_detail,
.tsab .slds-list_vertical .slds-item--detail,
.tsab .slds-list--vertical .slds-item_label,
.tsab .slds-list--vertical .slds-item--label,
.tsab .slds-list--vertical .slds-item_detail,
.tsab .slds-list--vertical .slds-item--detail {
display: block; }
.tsab .slds-list_inline,
.tsab .slds-list--inline {
display: -ms-inline-flexbox;
display: inline-flex;
max-width: 100%; }
.tsab .slds-list_inline .slds-item_label,
.tsab .slds-list_inline .slds-item--label,
.tsab .slds-list--inline .slds-item_label,
.tsab .slds-list--inline .slds-item--label {
max-width: 180px;
padding-right: 0.75rem;
-ms-flex-negative: 0;
flex-shrink: 0; }
.tsab .slds-list_inline .slds-item_label ~ .slds-item_label,
.tsab .slds-list_inline .slds-item_label ~ .slds-item--label,
.tsab .slds-list_inline .slds-item--label ~ .slds-item_label,
.tsab .slds-list_inline .slds-item--label ~ .slds-item--label,
.tsab .slds-list--inline .slds-item_label ~ .slds-item_label,
.tsab .slds-list--inline .slds-item_label ~ .slds-item--label,
.tsab .slds-list--inline .slds-item--label ~ .slds-item_label,
.tsab .slds-list--inline .slds-item--label ~ .slds-item--label {
padding-left: 1rem; }
.tsab .slds-list_inline .slds-item_detail,
.tsab .slds-list_inline .slds-item--detail,
.tsab .slds-list--inline .slds-item_detail,
.tsab .slds-list--inline .slds-item--detail {
min-width: 0; }
.tsab .slds-border_bottom,
.tsab .slds-border--bottom {
border-bottom: 1px solid #d8dde6; }
.tsab .slds-border_left,
.tsab .slds-border--left {
border-left: 1px solid #d8dde6; }
.tsab .slds-border_right,
.tsab .slds-border--right {
border-right: 1px solid #d8dde6; }
.tsab .slds-border_top,
.tsab .slds-border--top {
border-top: 1px solid #d8dde6; }
.tsab .slds-truncate {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.tsab .slds-truncate_container_25,
.tsab .slds-truncate_container--25 {
max-width: 25%; }
.tsab .slds-truncate_container_50,
.tsab .slds-truncate_container--50 {
max-width: 50%; }
.tsab .slds-truncate_container_75,
.tsab .slds-truncate_container--75 {
max-width: 75%; }
.tsab .slds-truncate_container_33,
.tsab .slds-truncate_container--33 {
max-width: 33%; }
.tsab .slds-truncate_container_66,
.tsab .slds-truncate_container--66 {
max-width: 66%; }
.tsab .slds-hyphenate {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.tsab .slds-box {
padding: 1rem;
border-radius: 0.25rem;
border: 1px solid #d8dde6;
/**
* @summary Changes padding to .25rem
*
* @selector .slds-box_xx-small
* @restrict .slds-box
* @modifier
*/
/**
* @summary Changes padding to .5rem
*
* @selector .slds-box_x-small
* @restrict .slds-box
* @modifier
*/
/**
* @summary Changes padding to .75rem
*
* @selector .slds-box_small
* @restrict .slds-box
* @modifier
*/ }
.tsab .slds-box_xx-small, .tsab .slds-box--xx-small {
padding: 0.25rem; }
.tsab .slds-box_x-small, .tsab .slds-box--x-small {
padding: 0.5rem; }
.tsab .slds-box_small, .tsab .slds-box--small {
padding: 0.75rem; }
.tsab .slds-box_border, .tsab .slds-box--border {
padding: 0;
border-radius: 0.25rem;
border: 1px solid #d8dde6; }
.tsab .slds-box_link, .tsab .slds-box_link:active, .tsab .slds-box_link:focus, .tsab .slds-box_link:hover {
color: inherit;
text-decoration: inherit; }
.tsab .slds-box_link:hover, .tsab .slds-box_link:focus {
cursor: pointer;
outline: 0;
border: 1px solid #1589ee;
box-shadow: 0 0 0 1px #1589ee inset; }
.tsab .slds-theme {
/**
* @summary Sets the background color to white
*
* @selector .slds-theme_default
* @modifier
*/
/**
* @summary Sets the background color to gray
*
* @selector .slds-theme_shade
* @modifier
*/
/**
* @summary Sets the background color to dark blue
*
* @selector .slds-theme_inverse
* @modifier
*/
/**
* @summary Sets the background color to darker blue
*
* @selector .slds-theme_alt-inverse
* @modifier
*/
/**
* @summary Sets the background color to green
*
* @selector .slds-theme_success
* @modifier
*/
/**
* @summary Sets the background color to gray-ish blue
*
* @selector .slds-theme_info
* @modifier
*/
/**
* @summary Sets the background color to yellow
*
* @selector .slds-theme_warning
* @modifier
*/
/**
* @summary Sets the background color to red
*
* @selector .slds-theme_error
* @modifier
*/
/**
* @summary Sets the background color to black
*
* @selector .slds-theme_offline
* @modifier
*/
/**
* @summary Adds striped background
*
* @selector .slds-theme_alert-texture
* @modifier
*/ }
.tsab .slds-theme_default, .tsab .slds-theme--default {
background-color: #fdfdfd;
color: #16325c; }
.tsab .slds-theme_shade, .tsab .slds-theme--shade {
background-color: #f4f6f9; }
.tsab .slds-theme_inverse, .tsab .slds-theme--inverse {
color: white;
background-color: #061c3f;
border-color: #061c3f; }
.tsab .slds-theme_inverse a:not(.slds-button--neutral), .tsab .slds-theme--inverse a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.tsab .slds-theme_inverse a:not(.slds-button--neutral):link, .tsab .slds-theme_inverse a:not(.slds-button--neutral):visited, .tsab .slds-theme--inverse a:not(.slds-button--neutral):link, .tsab .slds-theme--inverse a:not(.slds-button--neutral):visited {
color: white; }
.tsab .slds-theme_inverse a:not(.slds-button--neutral):hover, .tsab .slds-theme_inverse a:not(.slds-button--neutral):focus, .tsab .slds-theme--inverse a:not(.slds-button--neutral):hover, .tsab .slds-theme--inverse a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.tsab .slds-theme_inverse a:not(.slds-button--neutral):active, .tsab .slds-theme--inverse a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-theme_inverse a:not(.slds-button--neutral)[disabled], .tsab .slds-theme--inverse a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-theme_alt-inverse, .tsab .slds-theme--alt-inverse {
color: white;
background-color: #16325c;
border-color: #16325c; }
.tsab .slds-theme_alt-inverse a:not(.slds-button--neutral), .tsab .slds-theme--alt-inverse a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.tsab .slds-theme_alt-inverse a:not(.slds-button--neutral):link, .tsab .slds-theme_alt-inverse a:not(.slds-button--neutral):visited, .tsab .slds-theme--alt-inverse a:not(.slds-button--neutral):link, .tsab .slds-theme--alt-inverse a:not(.slds-button--neutral):visited {
color: white; }
.tsab .slds-theme_alt-inverse a:not(.slds-button--neutral):hover, .tsab .slds-theme_alt-inverse a:not(.slds-button--neutral):focus, .tsab .slds-theme--alt-inverse a:not(.slds-button--neutral):hover, .tsab .slds-theme--alt-inverse a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.tsab .slds-theme_alt-inverse a:not(.slds-button--neutral):active, .tsab .slds-theme--alt-inverse a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-theme_alt-inverse a:not(.slds-button--neutral)[disabled], .tsab .slds-theme--alt-inverse a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-theme_success, .tsab .slds-theme--success {
color: white;
background-color: #04844b; }
.tsab .slds-theme_success a:not(.slds-button--neutral), .tsab .slds-theme--success a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.tsab .slds-theme_success a:not(.slds-button--neutral):link, .tsab .slds-theme_success a:not(.slds-button--neutral):visited, .tsab .slds-theme--success a:not(.slds-button--neutral):link, .tsab .slds-theme--success a:not(.slds-button--neutral):visited {
color: white; }
.tsab .slds-theme_success a:not(.slds-button--neutral):hover, .tsab .slds-theme_success a:not(.slds-button--neutral):focus, .tsab .slds-theme--success a:not(.slds-button--neutral):hover, .tsab .slds-theme--success a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.tsab .slds-theme_success a:not(.slds-button--neutral):active, .tsab .slds-theme--success a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-theme_success a:not(.slds-button--neutral)[disabled], .tsab .slds-theme--success a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-theme_info, .tsab .slds-theme--info {
color: white;
background-color: rgba(84, 105, 141, 0.95); }
.tsab .slds-theme_info a:not(.slds-button--neutral), .tsab .slds-theme--info a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.tsab .slds-theme_info a:not(.slds-button--neutral):link, .tsab .slds-theme_info a:not(.slds-button--neutral):visited, .tsab .slds-theme--info a:not(.slds-button--neutral):link, .tsab .slds-theme--info a:not(.slds-button--neutral):visited {
color: white; }
.tsab .slds-theme_info a:not(.slds-button--neutral):hover, .tsab .slds-theme_info a:not(.slds-button--neutral):focus, .tsab .slds-theme--info a:not(.slds-button--neutral):hover, .tsab .slds-theme--info a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.tsab .slds-theme_info a:not(.slds-button--neutral):active, .tsab .slds-theme--info a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-theme_info a:not(.slds-button--neutral)[disabled], .tsab .slds-theme--info a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-theme_warning, .tsab .slds-theme--warning {
background-color: #ffb75d;
color: #16325c; }
.tsab .slds-theme_warning .slds-icon,
.tsab .slds-theme_warning .slds-button__icon, .tsab .slds-theme--warning .slds-icon,
.tsab .slds-theme--warning .slds-button__icon {
fill: #54698d; }
.tsab .slds-theme_warning a:not(.slds-button--neutral),
.tsab .slds-theme_warning button:not(.slds-button--neutral), .tsab .slds-theme--warning a:not(.slds-button--neutral),
.tsab .slds-theme--warning button:not(.slds-button--neutral) {
color: #16325c;
text-decoration: underline; }
.tsab .slds-theme_error, .tsab .slds-theme--error {
color: white;
background-color: rgba(194, 57, 52, 0.95); }
.tsab .slds-theme_error a:not(.slds-button--neutral), .tsab .slds-theme--error a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.tsab .slds-theme_error a:not(.slds-button--neutral):link, .tsab .slds-theme_error a:not(.slds-button--neutral):visited, .tsab .slds-theme--error a:not(.slds-button--neutral):link, .tsab .slds-theme--error a:not(.slds-button--neutral):visited {
color: white; }
.tsab .slds-theme_error a:not(.slds-button--neutral):hover, .tsab .slds-theme_error a:not(.slds-button--neutral):focus, .tsab .slds-theme--error a:not(.slds-button--neutral):hover, .tsab .slds-theme--error a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.tsab .slds-theme_error a:not(.slds-button--neutral):active, .tsab .slds-theme--error a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-theme_error a:not(.slds-button--neutral)[disabled], .tsab .slds-theme--error a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-theme_offline, .tsab .slds-theme--offline {
color: white;
background-color: #444; }
.tsab .slds-theme_offline a:not(.slds-button--neutral), .tsab .slds-theme--offline a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.tsab .slds-theme_offline a:not(.slds-button--neutral):link, .tsab .slds-theme_offline a:not(.slds-button--neutral):visited, .tsab .slds-theme--offline a:not(.slds-button--neutral):link, .tsab .slds-theme--offline a:not(.slds-button--neutral):visited {
color: white; }
.tsab .slds-theme_offline a:not(.slds-button--neutral):hover, .tsab .slds-theme_offline a:not(.slds-button--neutral):focus, .tsab .slds-theme--offline a:not(.slds-button--neutral):hover, .tsab .slds-theme--offline a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.tsab .slds-theme_offline a:not(.slds-button--neutral):active, .tsab .slds-theme--offline a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-theme_offline a:not(.slds-button--neutral)[disabled], .tsab .slds-theme--offline a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-theme_alert-texture, .tsab .slds-theme--alert-texture {
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.025) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.025) 50%, rgba(0, 0, 0, 0.025) 75%, transparent 75%, transparent);
background-size: 64px 64px; }
.tsab .slds-theme_inverse-text, .tsab .slds-theme--inverse-text {
color: white; }
.tsab .slds-theme_inverse-text a:not(.slds-button--neutral), .tsab .slds-theme--inverse-text a:not(.slds-button--neutral) {
color: white;
text-decoration: underline; }
.tsab .slds-theme_inverse-text a:not(.slds-button--neutral):link, .tsab .slds-theme_inverse-text a:not(.slds-button--neutral):visited, .tsab .slds-theme--inverse-text a:not(.slds-button--neutral):link, .tsab .slds-theme--inverse-text a:not(.slds-button--neutral):visited {
color: white; }
.tsab .slds-theme_inverse-text a:not(.slds-button--neutral):hover, .tsab .slds-theme_inverse-text a:not(.slds-button--neutral):focus, .tsab .slds-theme--inverse-text a:not(.slds-button--neutral):hover, .tsab .slds-theme--inverse-text a:not(.slds-button--neutral):focus {
color: rgba(255, 255, 255, 0.75); }
.tsab .slds-theme_inverse-text a:not(.slds-button--neutral):active, .tsab .slds-theme--inverse-text a:not(.slds-button--neutral):active {
color: rgba(255, 255, 255, 0.5); }
.tsab .slds-theme_inverse-text a:not(.slds-button--neutral)[disabled], .tsab .slds-theme--inverse-text a:not(.slds-button--neutral)[disabled] {
color: rgba(255, 255, 255, 0.15); }
.tsab .slds-text-body_regular,
.tsab .slds-text-body--regular {
font-size: 0.8125rem; }
.tsab .slds-text-body_small,
.tsab .slds-text-body--small {
font-size: 0.75rem; }
.tsab .slds-text-heading_large,
.tsab .slds-text-heading--large {
font-weight: 300;
font-size: 1.75rem;
line-height: 1.25; }
.tsab .slds-text-heading_medium,
.tsab .slds-text-heading--medium {
font-weight: 300;
font-size: 1.25rem;
line-height: 1.25; }
.tsab .slds-text-heading_small,
.tsab .slds-text-heading--small {
font-size: 1rem;
line-height: 1.25; }
.tsab .slds-text-heading_label,
.tsab .slds-text-heading--label {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d;
text-transform: uppercase;
letter-spacing: 0.0625rem; }
.tsab .slds-text-heading_label-normal,
.tsab .slds-text-heading--label-normal {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d; }
.tsab .slds-text-title {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d; }
.tsab .slds-text-title_caps,
.tsab .slds-text-title--caps {
font-size: 0.75rem;
line-height: 1.25;
color: #54698d;
text-transform: uppercase;
letter-spacing: 0.0625rem; }
.tsab .slds-line-height_reset,
.tsab .slds-line-height--reset {
line-height: 1; }
.tsab .slds-text-color_default,
.tsab .slds-text-color--default {
color: #16325c; }
.tsab .slds-text-color_weak,
.tsab .slds-text-color--weak {
color: #54698d; }
.tsab .slds-text-color_error,
.tsab .slds-text-color--error {
color: #c23934; }
.tsab .slds-text-color_inverse,
.tsab .slds-text-color--inverse {
color: white; }
.tsab .slds-text-color_inverse-weak,
.tsab .slds-text-color--inverse-weak {
color: #9faab5; }
.tsab .slds-text-align_left,
.tsab .slds-text-align--left {
text-align: left; }
.tsab .slds-text-align_center,
.tsab .slds-text-align--center {
text-align: center; }
.tsab .slds-text-align_right,
.tsab .slds-text-align--right {
text-align: right; }
.tsab .slds-text-longform h1,
.tsab .slds-text-longform h2,
.tsab .slds-text-longform h3,
.tsab .slds-text-longform p,
.tsab .slds-text-longform ul,
.tsab .slds-text-longform ol,
.tsab .slds-text-longform dl,
.tsab .slds-text-longform img {
margin-bottom: 0.75rem; }
.tsab .slds-text-longform ul {
margin-left: 1.5rem;
list-style: disc; }
.tsab .slds-text-longform ul ul {
list-style: circle; }
.tsab .slds-text-longform ul ul ul {
list-style: square; }
.tsab .slds-text-longform ol {
margin-left: 1.5rem;
list-style: decimal; }
.tsab .slds-text-longform ol ol {
list-style: lower-alpha; }
.tsab .slds-text-longform ol ol ol {
list-style: lower-roman; }
.tsab .slds-text-longform .slds-video {
display: block;
max-width: 100%; }
.tsab .slds-text-longform .slds-video.slds-video_center, .tsab .slds-text-longform .slds-video.slds-video--center {
margin: 0 auto; }
.tsab .slds-text-longform .slds-video.slds-video_right, .tsab .slds-text-longform .slds-video.slds-video--right {
margin: 0 0 0 auto; }
.tsab .slds-scrollable {
-webkit-overflow-scrolling: touch;
overflow: auto; }
.tsab .slds-scrollable_none,
.tsab .slds-scrollable--none {
overflow: hidden; }
.tsab .slds-scrollable_y,
.tsab .slds-scrollable--y {
-webkit-overflow-scrolling: touch;
max-height: 100%;
overflow: hidden;
overflow-y: auto; }
.tsab .slds-scrollable_x,
.tsab .slds-scrollable--x {
-webkit-overflow-scrolling: touch;
max-width: 100%;
overflow: hidden;
overflow-x: auto; }
.tsab .slds-size_xx-small,
.tsab .slds-size--xx-small {
width: 6rem; }
.tsab .slds-size_x-small,
.tsab .slds-size--x-small {
width: 12rem; }
.tsab .slds-size_small,
.tsab .slds-size--small {
width: 15rem; }
.tsab .slds-size_medium,
.tsab .slds-size--medium {
width: 20rem; }
.tsab .slds-size_large,
.tsab .slds-size--large {
width: 25rem; }
.tsab .slds-size_x-large,
.tsab .slds-size--x-large {
width: 40rem; }
.tsab .slds-size_xx-large,
.tsab .slds-size--xx-large {
width: 60rem; }
.tsab .slds-size_1-of-1,
.tsab .slds-size--1-of-1 {
width: 100%; }
.tsab .slds-size_1-of-2,
.tsab .slds-size--1-of-2 {
width: 50%; }
.tsab .slds-size_2-of-2,
.tsab .slds-size--2-of-2 {
width: 100%; }
.tsab .slds-size_1-of-3,
.tsab .slds-size--1-of-3 {
width: 33.3333333333%; }
.tsab .slds-size_2-of-3,
.tsab .slds-size--2-of-3 {
width: 66.6666666667%; }
.tsab .slds-size_3-of-3,
.tsab .slds-size--3-of-3 {
width: 100%; }
.tsab .slds-size_1-of-4,
.tsab .slds-size--1-of-4 {
width: 25%; }
.tsab .slds-size_2-of-4,
.tsab .slds-size--2-of-4 {
width: 50%; }
.tsab .slds-size_3-of-4,
.tsab .slds-size--3-of-4 {
width: 75%; }
.tsab .slds-size_4-of-4,
.tsab .slds-size--4-of-4 {
width: 100%; }
.tsab .slds-size_1-of-5,
.tsab .slds-size--1-of-5 {
width: 20%; }
.tsab .slds-size_2-of-5,
.tsab .slds-size--2-of-5 {
width: 40%; }
.tsab .slds-size_3-of-5,
.tsab .slds-size--3-of-5 {
width: 60%; }
.tsab .slds-size_4-of-5,
.tsab .slds-size--4-of-5 {
width: 80%; }
.tsab .slds-size_5-of-5,
.tsab .slds-size--5-of-5 {
width: 100%; }
.tsab .slds-size_1-of-6,
.tsab .slds-size--1-of-6 {
width: 16.6666666667%; }
.tsab .slds-size_2-of-6,
.tsab .slds-size--2-of-6 {
width: 33.3333333333%; }
.tsab .slds-size_3-of-6,
.tsab .slds-size--3-of-6 {
width: 50%; }
.tsab .slds-size_4-of-6,
.tsab .slds-size--4-of-6 {
width: 66.6666666667%; }
.tsab .slds-size_5-of-6,
.tsab .slds-size--5-of-6 {
width: 83.3333333333%; }
.tsab .slds-size_6-of-6,
.tsab .slds-size--6-of-6 {
width: 100%; }
.tsab .slds-size_1-of-7,
.tsab .slds-size--1-of-7 {
width: 14.2857142857%; }
.tsab .slds-size_2-of-7,
.tsab .slds-size--2-of-7 {
width: 28.5714285714%; }
.tsab .slds-size_3-of-7,
.tsab .slds-size--3-of-7 {
width: 42.8571428571%; }
.tsab .slds-size_4-of-7,
.tsab .slds-size--4-of-7 {
width: 57.1428571429%; }
.tsab .slds-size_5-of-7,
.tsab .slds-size--5-of-7 {
width: 71.4285714286%; }
.tsab .slds-size_6-of-7,
.tsab .slds-size--6-of-7 {
width: 85.7142857143%; }
.tsab .slds-size_7-of-7,
.tsab .slds-size--7-of-7 {
width: 100%; }
.tsab .slds-size_1-of-8,
.tsab .slds-size--1-of-8 {
width: 12.5%; }
.tsab .slds-size_2-of-8,
.tsab .slds-size--2-of-8 {
width: 25%; }
.tsab .slds-size_3-of-8,
.tsab .slds-size--3-of-8 {
width: 37.5%; }
.tsab .slds-size_4-of-8,
.tsab .slds-size--4-of-8 {
width: 50%; }
.tsab .slds-size_5-of-8,
.tsab .slds-size--5-of-8 {
width: 62.5%; }
.tsab .slds-size_6-of-8,
.tsab .slds-size--6-of-8 {
width: 75%; }
.tsab .slds-size_7-of-8,
.tsab .slds-size--7-of-8 {
width: 87.5%; }
.tsab .slds-size_8-of-8,
.tsab .slds-size--8-of-8 {
width: 100%; }
.tsab .slds-size_1-of-12,
.tsab .slds-size--1-of-12 {
width: 8.3333333333%; }
.tsab .slds-size_2-of-12,
.tsab .slds-size--2-of-12 {
width: 16.6666666667%; }
.tsab .slds-size_3-of-12,
.tsab .slds-size--3-of-12 {
width: 25%; }
.tsab .slds-size_4-of-12,
.tsab .slds-size--4-of-12 {
width: 33.3333333333%; }
.tsab .slds-size_5-of-12,
.tsab .slds-size--5-of-12 {
width: 41.6666666667%; }
.tsab .slds-size_6-of-12,
.tsab .slds-size--6-of-12 {
width: 50%; }
.tsab .slds-size_7-of-12,
.tsab .slds-size--7-of-12 {
width: 58.3333333333%; }
.tsab .slds-size_8-of-12,
.tsab .slds-size--8-of-12 {
width: 66.6666666667%; }
.tsab .slds-size_9-of-12,
.tsab .slds-size--9-of-12 {
width: 75%; }
.tsab .slds-size_10-of-12,
.tsab .slds-size--10-of-12 {
width: 83.3333333333%; }
.tsab .slds-size_11-of-12,
.tsab .slds-size--11-of-12 {
width: 91.6666666667%; }
.tsab .slds-size_12-of-12,
.tsab .slds-size--12-of-12 {
width: 100%; }
.tsab .slds-order_1,
.tsab .slds-order--1 {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-order_2,
.tsab .slds-order--2 {
-ms-flex-order: 2;
order: 2; }
.tsab .slds-order_3,
.tsab .slds-order--3 {
-ms-flex-order: 3;
order: 3; }
.tsab .slds-order_4,
.tsab .slds-order--4 {
-ms-flex-order: 4;
order: 4; }
.tsab .slds-order_5,
.tsab .slds-order--5 {
-ms-flex-order: 5;
order: 5; }
.tsab .slds-order_6,
.tsab .slds-order--6 {
-ms-flex-order: 6;
order: 6; }
.tsab .slds-order_7,
.tsab .slds-order--7 {
-ms-flex-order: 7;
order: 7; }
.tsab .slds-order_8,
.tsab .slds-order--8 {
-ms-flex-order: 8;
order: 8; }
.tsab .slds-order_9,
.tsab .slds-order--9 {
-ms-flex-order: 9;
order: 9; }
.tsab .slds-order_10,
.tsab .slds-order--10 {
-ms-flex-order: 10;
order: 10; }
.tsab .slds-order_11,
.tsab .slds-order--11 {
-ms-flex-order: 11;
order: 11; }
.tsab .slds-order_12,
.tsab .slds-order--12 {
-ms-flex-order: 12;
order: 12; }
@media (min-width: 20em) {
.tsab .slds-x-small-size_xx-small,
.tsab .slds-x-small-size--xx-small {
width: 6rem; }
.tsab .slds-x-small-size_x-small,
.tsab .slds-x-small-size--x-small {
width: 12rem; }
.tsab .slds-x-small-size_small,
.tsab .slds-x-small-size--small {
width: 15rem; }
.tsab .slds-x-small-size_medium,
.tsab .slds-x-small-size--medium {
width: 20rem; }
.tsab .slds-x-small-size_large,
.tsab .slds-x-small-size--large {
width: 25rem; }
.tsab .slds-x-small-size_x-large,
.tsab .slds-x-small-size--x-large {
width: 40rem; }
.tsab .slds-x-small-size_xx-large,
.tsab .slds-x-small-size--xx-large {
width: 60rem; }
.tsab .slds-x-small-size_1-of-1,
.tsab .slds-x-small-size--1-of-1 {
width: 100%; }
.tsab .slds-x-small-size_1-of-2,
.tsab .slds-x-small-size--1-of-2 {
width: 50%; }
.tsab .slds-x-small-size_2-of-2,
.tsab .slds-x-small-size--2-of-2 {
width: 100%; }
.tsab .slds-x-small-size_1-of-3,
.tsab .slds-x-small-size--1-of-3 {
width: 33.3333333333%; }
.tsab .slds-x-small-size_2-of-3,
.tsab .slds-x-small-size--2-of-3 {
width: 66.6666666667%; }
.tsab .slds-x-small-size_3-of-3,
.tsab .slds-x-small-size--3-of-3 {
width: 100%; }
.tsab .slds-x-small-size_1-of-4,
.tsab .slds-x-small-size--1-of-4 {
width: 25%; }
.tsab .slds-x-small-size_2-of-4,
.tsab .slds-x-small-size--2-of-4 {
width: 50%; }
.tsab .slds-x-small-size_3-of-4,
.tsab .slds-x-small-size--3-of-4 {
width: 75%; }
.tsab .slds-x-small-size_4-of-4,
.tsab .slds-x-small-size--4-of-4 {
width: 100%; }
.tsab .slds-x-small-size_1-of-5,
.tsab .slds-x-small-size--1-of-5 {
width: 20%; }
.tsab .slds-x-small-size_2-of-5,
.tsab .slds-x-small-size--2-of-5 {
width: 40%; }
.tsab .slds-x-small-size_3-of-5,
.tsab .slds-x-small-size--3-of-5 {
width: 60%; }
.tsab .slds-x-small-size_4-of-5,
.tsab .slds-x-small-size--4-of-5 {
width: 80%; }
.tsab .slds-x-small-size_5-of-5,
.tsab .slds-x-small-size--5-of-5 {
width: 100%; }
.tsab .slds-x-small-size_1-of-6,
.tsab .slds-x-small-size--1-of-6 {
width: 16.6666666667%; }
.tsab .slds-x-small-size_2-of-6,
.tsab .slds-x-small-size--2-of-6 {
width: 33.3333333333%; }
.tsab .slds-x-small-size_3-of-6,
.tsab .slds-x-small-size--3-of-6 {
width: 50%; }
.tsab .slds-x-small-size_4-of-6,
.tsab .slds-x-small-size--4-of-6 {
width: 66.6666666667%; }
.tsab .slds-x-small-size_5-of-6,
.tsab .slds-x-small-size--5-of-6 {
width: 83.3333333333%; }
.tsab .slds-x-small-size_6-of-6,
.tsab .slds-x-small-size--6-of-6 {
width: 100%; }
.tsab .slds-x-small-size_1-of-7,
.tsab .slds-x-small-size--1-of-7 {
width: 14.2857142857%; }
.tsab .slds-x-small-size_2-of-7,
.tsab .slds-x-small-size--2-of-7 {
width: 28.5714285714%; }
.tsab .slds-x-small-size_3-of-7,
.tsab .slds-x-small-size--3-of-7 {
width: 42.8571428571%; }
.tsab .slds-x-small-size_4-of-7,
.tsab .slds-x-small-size--4-of-7 {
width: 57.1428571429%; }
.tsab .slds-x-small-size_5-of-7,
.tsab .slds-x-small-size--5-of-7 {
width: 71.4285714286%; }
.tsab .slds-x-small-size_6-of-7,
.tsab .slds-x-small-size--6-of-7 {
width: 85.7142857143%; }
.tsab .slds-x-small-size_7-of-7,
.tsab .slds-x-small-size--7-of-7 {
width: 100%; }
.tsab .slds-x-small-size_1-of-8,
.tsab .slds-x-small-size--1-of-8 {
width: 12.5%; }
.tsab .slds-x-small-size_2-of-8,
.tsab .slds-x-small-size--2-of-8 {
width: 25%; }
.tsab .slds-x-small-size_3-of-8,
.tsab .slds-x-small-size--3-of-8 {
width: 37.5%; }
.tsab .slds-x-small-size_4-of-8,
.tsab .slds-x-small-size--4-of-8 {
width: 50%; }
.tsab .slds-x-small-size_5-of-8,
.tsab .slds-x-small-size--5-of-8 {
width: 62.5%; }
.tsab .slds-x-small-size_6-of-8,
.tsab .slds-x-small-size--6-of-8 {
width: 75%; }
.tsab .slds-x-small-size_7-of-8,
.tsab .slds-x-small-size--7-of-8 {
width: 87.5%; }
.tsab .slds-x-small-size_8-of-8,
.tsab .slds-x-small-size--8-of-8 {
width: 100%; }
.tsab .slds-x-small-size_1-of-12,
.tsab .slds-x-small-size--1-of-12 {
width: 8.3333333333%; }
.tsab .slds-x-small-size_2-of-12,
.tsab .slds-x-small-size--2-of-12 {
width: 16.6666666667%; }
.tsab .slds-x-small-size_3-of-12,
.tsab .slds-x-small-size--3-of-12 {
width: 25%; }
.tsab .slds-x-small-size_4-of-12,
.tsab .slds-x-small-size--4-of-12 {
width: 33.3333333333%; }
.tsab .slds-x-small-size_5-of-12,
.tsab .slds-x-small-size--5-of-12 {
width: 41.6666666667%; }
.tsab .slds-x-small-size_6-of-12,
.tsab .slds-x-small-size--6-of-12 {
width: 50%; }
.tsab .slds-x-small-size_7-of-12,
.tsab .slds-x-small-size--7-of-12 {
width: 58.3333333333%; }
.tsab .slds-x-small-size_8-of-12,
.tsab .slds-x-small-size--8-of-12 {
width: 66.6666666667%; }
.tsab .slds-x-small-size_9-of-12,
.tsab .slds-x-small-size--9-of-12 {
width: 75%; }
.tsab .slds-x-small-size_10-of-12,
.tsab .slds-x-small-size--10-of-12 {
width: 83.3333333333%; }
.tsab .slds-x-small-size_11-of-12,
.tsab .slds-x-small-size--11-of-12 {
width: 91.6666666667%; }
.tsab .slds-x-small-size_12-of-12,
.tsab .slds-x-small-size--12-of-12 {
width: 100%; }
.tsab .slds-x-small-order_1,
.tsab .slds-x-small-order--1 {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-x-small-order_2,
.tsab .slds-x-small-order--2 {
-ms-flex-order: 2;
order: 2; }
.tsab .slds-x-small-order_3,
.tsab .slds-x-small-order--3 {
-ms-flex-order: 3;
order: 3; }
.tsab .slds-x-small-order_4,
.tsab .slds-x-small-order--4 {
-ms-flex-order: 4;
order: 4; }
.tsab .slds-x-small-order_5,
.tsab .slds-x-small-order--5 {
-ms-flex-order: 5;
order: 5; }
.tsab .slds-x-small-order_6,
.tsab .slds-x-small-order--6 {
-ms-flex-order: 6;
order: 6; }
.tsab .slds-x-small-order_7,
.tsab .slds-x-small-order--7 {
-ms-flex-order: 7;
order: 7; }
.tsab .slds-x-small-order_8,
.tsab .slds-x-small-order--8 {
-ms-flex-order: 8;
order: 8; }
.tsab .slds-x-small-order_9,
.tsab .slds-x-small-order--9 {
-ms-flex-order: 9;
order: 9; }
.tsab .slds-x-small-order_10,
.tsab .slds-x-small-order--10 {
-ms-flex-order: 10;
order: 10; }
.tsab .slds-x-small-order_11,
.tsab .slds-x-small-order--11 {
-ms-flex-order: 11;
order: 11; }
.tsab .slds-x-small-order_12,
.tsab .slds-x-small-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (max-width: 20em) {
.tsab .slds-max-x-small-size_xx-small,
.tsab .slds-max-x-small-size--xx-small {
width: 6rem; }
.tsab .slds-max-x-small-size_x-small,
.tsab .slds-max-x-small-size--x-small {
width: 12rem; }
.tsab .slds-max-x-small-size_small,
.tsab .slds-max-x-small-size--small {
width: 15rem; }
.tsab .slds-max-x-small-size_medium,
.tsab .slds-max-x-small-size--medium {
width: 20rem; }
.tsab .slds-max-x-small-size_large,
.tsab .slds-max-x-small-size--large {
width: 25rem; }
.tsab .slds-max-x-small-size_x-large,
.tsab .slds-max-x-small-size--x-large {
width: 40rem; }
.tsab .slds-max-x-small-size_xx-large,
.tsab .slds-max-x-small-size--xx-large {
width: 60rem; }
.tsab .slds-max-x-small-size_1-of-1,
.tsab .slds-max-x-small-size--1-of-1 {
width: 100%; }
.tsab .slds-max-x-small-size_1-of-2,
.tsab .slds-max-x-small-size--1-of-2 {
width: 50%; }
.tsab .slds-max-x-small-size_2-of-2,
.tsab .slds-max-x-small-size--2-of-2 {
width: 100%; }
.tsab .slds-max-x-small-size_1-of-3,
.tsab .slds-max-x-small-size--1-of-3 {
width: 33.3333333333%; }
.tsab .slds-max-x-small-size_2-of-3,
.tsab .slds-max-x-small-size--2-of-3 {
width: 66.6666666667%; }
.tsab .slds-max-x-small-size_3-of-3,
.tsab .slds-max-x-small-size--3-of-3 {
width: 100%; }
.tsab .slds-max-x-small-size_1-of-4,
.tsab .slds-max-x-small-size--1-of-4 {
width: 25%; }
.tsab .slds-max-x-small-size_2-of-4,
.tsab .slds-max-x-small-size--2-of-4 {
width: 50%; }
.tsab .slds-max-x-small-size_3-of-4,
.tsab .slds-max-x-small-size--3-of-4 {
width: 75%; }
.tsab .slds-max-x-small-size_4-of-4,
.tsab .slds-max-x-small-size--4-of-4 {
width: 100%; }
.tsab .slds-max-x-small-size_1-of-5,
.tsab .slds-max-x-small-size--1-of-5 {
width: 20%; }
.tsab .slds-max-x-small-size_2-of-5,
.tsab .slds-max-x-small-size--2-of-5 {
width: 40%; }
.tsab .slds-max-x-small-size_3-of-5,
.tsab .slds-max-x-small-size--3-of-5 {
width: 60%; }
.tsab .slds-max-x-small-size_4-of-5,
.tsab .slds-max-x-small-size--4-of-5 {
width: 80%; }
.tsab .slds-max-x-small-size_5-of-5,
.tsab .slds-max-x-small-size--5-of-5 {
width: 100%; }
.tsab .slds-max-x-small-size_1-of-6,
.tsab .slds-max-x-small-size--1-of-6 {
width: 16.6666666667%; }
.tsab .slds-max-x-small-size_2-of-6,
.tsab .slds-max-x-small-size--2-of-6 {
width: 33.3333333333%; }
.tsab .slds-max-x-small-size_3-of-6,
.tsab .slds-max-x-small-size--3-of-6 {
width: 50%; }
.tsab .slds-max-x-small-size_4-of-6,
.tsab .slds-max-x-small-size--4-of-6 {
width: 66.6666666667%; }
.tsab .slds-max-x-small-size_5-of-6,
.tsab .slds-max-x-small-size--5-of-6 {
width: 83.3333333333%; }
.tsab .slds-max-x-small-size_6-of-6,
.tsab .slds-max-x-small-size--6-of-6 {
width: 100%; }
.tsab .slds-max-x-small-size_1-of-7,
.tsab .slds-max-x-small-size--1-of-7 {
width: 14.2857142857%; }
.tsab .slds-max-x-small-size_2-of-7,
.tsab .slds-max-x-small-size--2-of-7 {
width: 28.5714285714%; }
.tsab .slds-max-x-small-size_3-of-7,
.tsab .slds-max-x-small-size--3-of-7 {
width: 42.8571428571%; }
.tsab .slds-max-x-small-size_4-of-7,
.tsab .slds-max-x-small-size--4-of-7 {
width: 57.1428571429%; }
.tsab .slds-max-x-small-size_5-of-7,
.tsab .slds-max-x-small-size--5-of-7 {
width: 71.4285714286%; }
.tsab .slds-max-x-small-size_6-of-7,
.tsab .slds-max-x-small-size--6-of-7 {
width: 85.7142857143%; }
.tsab .slds-max-x-small-size_7-of-7,
.tsab .slds-max-x-small-size--7-of-7 {
width: 100%; }
.tsab .slds-max-x-small-size_1-of-8,
.tsab .slds-max-x-small-size--1-of-8 {
width: 12.5%; }
.tsab .slds-max-x-small-size_2-of-8,
.tsab .slds-max-x-small-size--2-of-8 {
width: 25%; }
.tsab .slds-max-x-small-size_3-of-8,
.tsab .slds-max-x-small-size--3-of-8 {
width: 37.5%; }
.tsab .slds-max-x-small-size_4-of-8,
.tsab .slds-max-x-small-size--4-of-8 {
width: 50%; }
.tsab .slds-max-x-small-size_5-of-8,
.tsab .slds-max-x-small-size--5-of-8 {
width: 62.5%; }
.tsab .slds-max-x-small-size_6-of-8,
.tsab .slds-max-x-small-size--6-of-8 {
width: 75%; }
.tsab .slds-max-x-small-size_7-of-8,
.tsab .slds-max-x-small-size--7-of-8 {
width: 87.5%; }
.tsab .slds-max-x-small-size_8-of-8,
.tsab .slds-max-x-small-size--8-of-8 {
width: 100%; }
.tsab .slds-max-x-small-size_1-of-12,
.tsab .slds-max-x-small-size--1-of-12 {
width: 8.3333333333%; }
.tsab .slds-max-x-small-size_2-of-12,
.tsab .slds-max-x-small-size--2-of-12 {
width: 16.6666666667%; }
.tsab .slds-max-x-small-size_3-of-12,
.tsab .slds-max-x-small-size--3-of-12 {
width: 25%; }
.tsab .slds-max-x-small-size_4-of-12,
.tsab .slds-max-x-small-size--4-of-12 {
width: 33.3333333333%; }
.tsab .slds-max-x-small-size_5-of-12,
.tsab .slds-max-x-small-size--5-of-12 {
width: 41.6666666667%; }
.tsab .slds-max-x-small-size_6-of-12,
.tsab .slds-max-x-small-size--6-of-12 {
width: 50%; }
.tsab .slds-max-x-small-size_7-of-12,
.tsab .slds-max-x-small-size--7-of-12 {
width: 58.3333333333%; }
.tsab .slds-max-x-small-size_8-of-12,
.tsab .slds-max-x-small-size--8-of-12 {
width: 66.6666666667%; }
.tsab .slds-max-x-small-size_9-of-12,
.tsab .slds-max-x-small-size--9-of-12 {
width: 75%; }
.tsab .slds-max-x-small-size_10-of-12,
.tsab .slds-max-x-small-size--10-of-12 {
width: 83.3333333333%; }
.tsab .slds-max-x-small-size_11-of-12,
.tsab .slds-max-x-small-size--11-of-12 {
width: 91.6666666667%; }
.tsab .slds-max-x-small-size_12-of-12,
.tsab .slds-max-x-small-size--12-of-12 {
width: 100%; }
.tsab .slds-max-x-small-order_1,
.tsab .slds-max-x-small-order--1 {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-max-x-small-order_2,
.tsab .slds-max-x-small-order--2 {
-ms-flex-order: 2;
order: 2; }
.tsab .slds-max-x-small-order_3,
.tsab .slds-max-x-small-order--3 {
-ms-flex-order: 3;
order: 3; }
.tsab .slds-max-x-small-order_4,
.tsab .slds-max-x-small-order--4 {
-ms-flex-order: 4;
order: 4; }
.tsab .slds-max-x-small-order_5,
.tsab .slds-max-x-small-order--5 {
-ms-flex-order: 5;
order: 5; }
.tsab .slds-max-x-small-order_6,
.tsab .slds-max-x-small-order--6 {
-ms-flex-order: 6;
order: 6; }
.tsab .slds-max-x-small-order_7,
.tsab .slds-max-x-small-order--7 {
-ms-flex-order: 7;
order: 7; }
.tsab .slds-max-x-small-order_8,
.tsab .slds-max-x-small-order--8 {
-ms-flex-order: 8;
order: 8; }
.tsab .slds-max-x-small-order_9,
.tsab .slds-max-x-small-order--9 {
-ms-flex-order: 9;
order: 9; }
.tsab .slds-max-x-small-order_10,
.tsab .slds-max-x-small-order--10 {
-ms-flex-order: 10;
order: 10; }
.tsab .slds-max-x-small-order_11,
.tsab .slds-max-x-small-order--11 {
-ms-flex-order: 11;
order: 11; }
.tsab .slds-max-x-small-order_12,
.tsab .slds-max-x-small-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (min-width: 30em) {
.tsab .slds-small-size_xx-small,
.tsab .slds-small-size--xx-small {
width: 6rem; }
.tsab .slds-small-size_x-small,
.tsab .slds-small-size--x-small {
width: 12rem; }
.tsab .slds-small-size_small,
.tsab .slds-small-size--small {
width: 15rem; }
.tsab .slds-small-size_medium,
.tsab .slds-small-size--medium {
width: 20rem; }
.tsab .slds-small-size_large,
.tsab .slds-small-size--large {
width: 25rem; }
.tsab .slds-small-size_x-large,
.tsab .slds-small-size--x-large {
width: 40rem; }
.tsab .slds-small-size_xx-large,
.tsab .slds-small-size--xx-large {
width: 60rem; }
.tsab .slds-small-size_1-of-1,
.tsab .slds-small-size--1-of-1 {
width: 100%; }
.tsab .slds-small-size_1-of-2,
.tsab .slds-small-size--1-of-2 {
width: 50%; }
.tsab .slds-small-size_2-of-2,
.tsab .slds-small-size--2-of-2 {
width: 100%; }
.tsab .slds-small-size_1-of-3,
.tsab .slds-small-size--1-of-3 {
width: 33.3333333333%; }
.tsab .slds-small-size_2-of-3,
.tsab .slds-small-size--2-of-3 {
width: 66.6666666667%; }
.tsab .slds-small-size_3-of-3,
.tsab .slds-small-size--3-of-3 {
width: 100%; }
.tsab .slds-small-size_1-of-4,
.tsab .slds-small-size--1-of-4 {
width: 25%; }
.tsab .slds-small-size_2-of-4,
.tsab .slds-small-size--2-of-4 {
width: 50%; }
.tsab .slds-small-size_3-of-4,
.tsab .slds-small-size--3-of-4 {
width: 75%; }
.tsab .slds-small-size_4-of-4,
.tsab .slds-small-size--4-of-4 {
width: 100%; }
.tsab .slds-small-size_1-of-5,
.tsab .slds-small-size--1-of-5 {
width: 20%; }
.tsab .slds-small-size_2-of-5,
.tsab .slds-small-size--2-of-5 {
width: 40%; }
.tsab .slds-small-size_3-of-5,
.tsab .slds-small-size--3-of-5 {
width: 60%; }
.tsab .slds-small-size_4-of-5,
.tsab .slds-small-size--4-of-5 {
width: 80%; }
.tsab .slds-small-size_5-of-5,
.tsab .slds-small-size--5-of-5 {
width: 100%; }
.tsab .slds-small-size_1-of-6,
.tsab .slds-small-size--1-of-6 {
width: 16.6666666667%; }
.tsab .slds-small-size_2-of-6,
.tsab .slds-small-size--2-of-6 {
width: 33.3333333333%; }
.tsab .slds-small-size_3-of-6,
.tsab .slds-small-size--3-of-6 {
width: 50%; }
.tsab .slds-small-size_4-of-6,
.tsab .slds-small-size--4-of-6 {
width: 66.6666666667%; }
.tsab .slds-small-size_5-of-6,
.tsab .slds-small-size--5-of-6 {
width: 83.3333333333%; }
.tsab .slds-small-size_6-of-6,
.tsab .slds-small-size--6-of-6 {
width: 100%; }
.tsab .slds-small-size_1-of-7,
.tsab .slds-small-size--1-of-7 {
width: 14.2857142857%; }
.tsab .slds-small-size_2-of-7,
.tsab .slds-small-size--2-of-7 {
width: 28.5714285714%; }
.tsab .slds-small-size_3-of-7,
.tsab .slds-small-size--3-of-7 {
width: 42.8571428571%; }
.tsab .slds-small-size_4-of-7,
.tsab .slds-small-size--4-of-7 {
width: 57.1428571429%; }
.tsab .slds-small-size_5-of-7,
.tsab .slds-small-size--5-of-7 {
width: 71.4285714286%; }
.tsab .slds-small-size_6-of-7,
.tsab .slds-small-size--6-of-7 {
width: 85.7142857143%; }
.tsab .slds-small-size_7-of-7,
.tsab .slds-small-size--7-of-7 {
width: 100%; }
.tsab .slds-small-size_1-of-8,
.tsab .slds-small-size--1-of-8 {
width: 12.5%; }
.tsab .slds-small-size_2-of-8,
.tsab .slds-small-size--2-of-8 {
width: 25%; }
.tsab .slds-small-size_3-of-8,
.tsab .slds-small-size--3-of-8 {
width: 37.5%; }
.tsab .slds-small-size_4-of-8,
.tsab .slds-small-size--4-of-8 {
width: 50%; }
.tsab .slds-small-size_5-of-8,
.tsab .slds-small-size--5-of-8 {
width: 62.5%; }
.tsab .slds-small-size_6-of-8,
.tsab .slds-small-size--6-of-8 {
width: 75%; }
.tsab .slds-small-size_7-of-8,
.tsab .slds-small-size--7-of-8 {
width: 87.5%; }
.tsab .slds-small-size_8-of-8,
.tsab .slds-small-size--8-of-8 {
width: 100%; }
.tsab .slds-small-size_1-of-12,
.tsab .slds-small-size--1-of-12 {
width: 8.3333333333%; }
.tsab .slds-small-size_2-of-12,
.tsab .slds-small-size--2-of-12 {
width: 16.6666666667%; }
.tsab .slds-small-size_3-of-12,
.tsab .slds-small-size--3-of-12 {
width: 25%; }
.tsab .slds-small-size_4-of-12,
.tsab .slds-small-size--4-of-12 {
width: 33.3333333333%; }
.tsab .slds-small-size_5-of-12,
.tsab .slds-small-size--5-of-12 {
width: 41.6666666667%; }
.tsab .slds-small-size_6-of-12,
.tsab .slds-small-size--6-of-12 {
width: 50%; }
.tsab .slds-small-size_7-of-12,
.tsab .slds-small-size--7-of-12 {
width: 58.3333333333%; }
.tsab .slds-small-size_8-of-12,
.tsab .slds-small-size--8-of-12 {
width: 66.6666666667%; }
.tsab .slds-small-size_9-of-12,
.tsab .slds-small-size--9-of-12 {
width: 75%; }
.tsab .slds-small-size_10-of-12,
.tsab .slds-small-size--10-of-12 {
width: 83.3333333333%; }
.tsab .slds-small-size_11-of-12,
.tsab .slds-small-size--11-of-12 {
width: 91.6666666667%; }
.tsab .slds-small-size_12-of-12,
.tsab .slds-small-size--12-of-12 {
width: 100%; }
.tsab .slds-small-order_1,
.tsab .slds-small-order--1 {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-small-order_2,
.tsab .slds-small-order--2 {
-ms-flex-order: 2;
order: 2; }
.tsab .slds-small-order_3,
.tsab .slds-small-order--3 {
-ms-flex-order: 3;
order: 3; }
.tsab .slds-small-order_4,
.tsab .slds-small-order--4 {
-ms-flex-order: 4;
order: 4; }
.tsab .slds-small-order_5,
.tsab .slds-small-order--5 {
-ms-flex-order: 5;
order: 5; }
.tsab .slds-small-order_6,
.tsab .slds-small-order--6 {
-ms-flex-order: 6;
order: 6; }
.tsab .slds-small-order_7,
.tsab .slds-small-order--7 {
-ms-flex-order: 7;
order: 7; }
.tsab .slds-small-order_8,
.tsab .slds-small-order--8 {
-ms-flex-order: 8;
order: 8; }
.tsab .slds-small-order_9,
.tsab .slds-small-order--9 {
-ms-flex-order: 9;
order: 9; }
.tsab .slds-small-order_10,
.tsab .slds-small-order--10 {
-ms-flex-order: 10;
order: 10; }
.tsab .slds-small-order_11,
.tsab .slds-small-order--11 {
-ms-flex-order: 11;
order: 11; }
.tsab .slds-small-order_12,
.tsab .slds-small-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (max-width: 30em) {
.tsab .slds-max-small-size_xx-small,
.tsab .slds-max-small-size--xx-small {
width: 6rem; }
.tsab .slds-max-small-size_x-small,
.tsab .slds-max-small-size--x-small {
width: 12rem; }
.tsab .slds-max-small-size_small,
.tsab .slds-max-small-size--small {
width: 15rem; }
.tsab .slds-max-small-size_medium,
.tsab .slds-max-small-size--medium {
width: 20rem; }
.tsab .slds-max-small-size_large,
.tsab .slds-max-small-size--large {
width: 25rem; }
.tsab .slds-max-small-size_x-large,
.tsab .slds-max-small-size--x-large {
width: 40rem; }
.tsab .slds-max-small-size_xx-large,
.tsab .slds-max-small-size--xx-large {
width: 60rem; }
.tsab .slds-max-small-size_1-of-1,
.tsab .slds-max-small-size--1-of-1 {
width: 100%; }
.tsab .slds-max-small-size_1-of-2,
.tsab .slds-max-small-size--1-of-2 {
width: 50%; }
.tsab .slds-max-small-size_2-of-2,
.tsab .slds-max-small-size--2-of-2 {
width: 100%; }
.tsab .slds-max-small-size_1-of-3,
.tsab .slds-max-small-size--1-of-3 {
width: 33.3333333333%; }
.tsab .slds-max-small-size_2-of-3,
.tsab .slds-max-small-size--2-of-3 {
width: 66.6666666667%; }
.tsab .slds-max-small-size_3-of-3,
.tsab .slds-max-small-size--3-of-3 {
width: 100%; }
.tsab .slds-max-small-size_1-of-4,
.tsab .slds-max-small-size--1-of-4 {
width: 25%; }
.tsab .slds-max-small-size_2-of-4,
.tsab .slds-max-small-size--2-of-4 {
width: 50%; }
.tsab .slds-max-small-size_3-of-4,
.tsab .slds-max-small-size--3-of-4 {
width: 75%; }
.tsab .slds-max-small-size_4-of-4,
.tsab .slds-max-small-size--4-of-4 {
width: 100%; }
.tsab .slds-max-small-size_1-of-5,
.tsab .slds-max-small-size--1-of-5 {
width: 20%; }
.tsab .slds-max-small-size_2-of-5,
.tsab .slds-max-small-size--2-of-5 {
width: 40%; }
.tsab .slds-max-small-size_3-of-5,
.tsab .slds-max-small-size--3-of-5 {
width: 60%; }
.tsab .slds-max-small-size_4-of-5,
.tsab .slds-max-small-size--4-of-5 {
width: 80%; }
.tsab .slds-max-small-size_5-of-5,
.tsab .slds-max-small-size--5-of-5 {
width: 100%; }
.tsab .slds-max-small-size_1-of-6,
.tsab .slds-max-small-size--1-of-6 {
width: 16.6666666667%; }
.tsab .slds-max-small-size_2-of-6,
.tsab .slds-max-small-size--2-of-6 {
width: 33.3333333333%; }
.tsab .slds-max-small-size_3-of-6,
.tsab .slds-max-small-size--3-of-6 {
width: 50%; }
.tsab .slds-max-small-size_4-of-6,
.tsab .slds-max-small-size--4-of-6 {
width: 66.6666666667%; }
.tsab .slds-max-small-size_5-of-6,
.tsab .slds-max-small-size--5-of-6 {
width: 83.3333333333%; }
.tsab .slds-max-small-size_6-of-6,
.tsab .slds-max-small-size--6-of-6 {
width: 100%; }
.tsab .slds-max-small-size_1-of-7,
.tsab .slds-max-small-size--1-of-7 {
width: 14.2857142857%; }
.tsab .slds-max-small-size_2-of-7,
.tsab .slds-max-small-size--2-of-7 {
width: 28.5714285714%; }
.tsab .slds-max-small-size_3-of-7,
.tsab .slds-max-small-size--3-of-7 {
width: 42.8571428571%; }
.tsab .slds-max-small-size_4-of-7,
.tsab .slds-max-small-size--4-of-7 {
width: 57.1428571429%; }
.tsab .slds-max-small-size_5-of-7,
.tsab .slds-max-small-size--5-of-7 {
width: 71.4285714286%; }
.tsab .slds-max-small-size_6-of-7,
.tsab .slds-max-small-size--6-of-7 {
width: 85.7142857143%; }
.tsab .slds-max-small-size_7-of-7,
.tsab .slds-max-small-size--7-of-7 {
width: 100%; }
.tsab .slds-max-small-size_1-of-8,
.tsab .slds-max-small-size--1-of-8 {
width: 12.5%; }
.tsab .slds-max-small-size_2-of-8,
.tsab .slds-max-small-size--2-of-8 {
width: 25%; }
.tsab .slds-max-small-size_3-of-8,
.tsab .slds-max-small-size--3-of-8 {
width: 37.5%; }
.tsab .slds-max-small-size_4-of-8,
.tsab .slds-max-small-size--4-of-8 {
width: 50%; }
.tsab .slds-max-small-size_5-of-8,
.tsab .slds-max-small-size--5-of-8 {
width: 62.5%; }
.tsab .slds-max-small-size_6-of-8,
.tsab .slds-max-small-size--6-of-8 {
width: 75%; }
.tsab .slds-max-small-size_7-of-8,
.tsab .slds-max-small-size--7-of-8 {
width: 87.5%; }
.tsab .slds-max-small-size_8-of-8,
.tsab .slds-max-small-size--8-of-8 {
width: 100%; }
.tsab .slds-max-small-size_1-of-12,
.tsab .slds-max-small-size--1-of-12 {
width: 8.3333333333%; }
.tsab .slds-max-small-size_2-of-12,
.tsab .slds-max-small-size--2-of-12 {
width: 16.6666666667%; }
.tsab .slds-max-small-size_3-of-12,
.tsab .slds-max-small-size--3-of-12 {
width: 25%; }
.tsab .slds-max-small-size_4-of-12,
.tsab .slds-max-small-size--4-of-12 {
width: 33.3333333333%; }
.tsab .slds-max-small-size_5-of-12,
.tsab .slds-max-small-size--5-of-12 {
width: 41.6666666667%; }
.tsab .slds-max-small-size_6-of-12,
.tsab .slds-max-small-size--6-of-12 {
width: 50%; }
.tsab .slds-max-small-size_7-of-12,
.tsab .slds-max-small-size--7-of-12 {
width: 58.3333333333%; }
.tsab .slds-max-small-size_8-of-12,
.tsab .slds-max-small-size--8-of-12 {
width: 66.6666666667%; }
.tsab .slds-max-small-size_9-of-12,
.tsab .slds-max-small-size--9-of-12 {
width: 75%; }
.tsab .slds-max-small-size_10-of-12,
.tsab .slds-max-small-size--10-of-12 {
width: 83.3333333333%; }
.tsab .slds-max-small-size_11-of-12,
.tsab .slds-max-small-size--11-of-12 {
width: 91.6666666667%; }
.tsab .slds-max-small-size_12-of-12,
.tsab .slds-max-small-size--12-of-12 {
width: 100%; }
.tsab .slds-max-small-order_1,
.tsab .slds-max-small-order--1 {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-max-small-order_2,
.tsab .slds-max-small-order--2 {
-ms-flex-order: 2;
order: 2; }
.tsab .slds-max-small-order_3,
.tsab .slds-max-small-order--3 {
-ms-flex-order: 3;
order: 3; }
.tsab .slds-max-small-order_4,
.tsab .slds-max-small-order--4 {
-ms-flex-order: 4;
order: 4; }
.tsab .slds-max-small-order_5,
.tsab .slds-max-small-order--5 {
-ms-flex-order: 5;
order: 5; }
.tsab .slds-max-small-order_6,
.tsab .slds-max-small-order--6 {
-ms-flex-order: 6;
order: 6; }
.tsab .slds-max-small-order_7,
.tsab .slds-max-small-order--7 {
-ms-flex-order: 7;
order: 7; }
.tsab .slds-max-small-order_8,
.tsab .slds-max-small-order--8 {
-ms-flex-order: 8;
order: 8; }
.tsab .slds-max-small-order_9,
.tsab .slds-max-small-order--9 {
-ms-flex-order: 9;
order: 9; }
.tsab .slds-max-small-order_10,
.tsab .slds-max-small-order--10 {
-ms-flex-order: 10;
order: 10; }
.tsab .slds-max-small-order_11,
.tsab .slds-max-small-order--11 {
-ms-flex-order: 11;
order: 11; }
.tsab .slds-max-small-order_12,
.tsab .slds-max-small-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (min-width: 48em) {
.tsab .slds-medium-size_xx-small,
.tsab .slds-medium-size--xx-small {
width: 6rem; }
.tsab .slds-medium-size_x-small,
.tsab .slds-medium-size--x-small {
width: 12rem; }
.tsab .slds-medium-size_small,
.tsab .slds-medium-size--small {
width: 15rem; }
.tsab .slds-medium-size_medium,
.tsab .slds-medium-size--medium {
width: 20rem; }
.tsab .slds-medium-size_large,
.tsab .slds-medium-size--large {
width: 25rem; }
.tsab .slds-medium-size_x-large,
.tsab .slds-medium-size--x-large {
width: 40rem; }
.tsab .slds-medium-size_xx-large,
.tsab .slds-medium-size--xx-large {
width: 60rem; }
.tsab .slds-medium-size_1-of-1,
.tsab .slds-medium-size--1-of-1 {
width: 100%; }
.tsab .slds-medium-size_1-of-2,
.tsab .slds-medium-size--1-of-2 {
width: 50%; }
.tsab .slds-medium-size_2-of-2,
.tsab .slds-medium-size--2-of-2 {
width: 100%; }
.tsab .slds-medium-size_1-of-3,
.tsab .slds-medium-size--1-of-3 {
width: 33.3333333333%; }
.tsab .slds-medium-size_2-of-3,
.tsab .slds-medium-size--2-of-3 {
width: 66.6666666667%; }
.tsab .slds-medium-size_3-of-3,
.tsab .slds-medium-size--3-of-3 {
width: 100%; }
.tsab .slds-medium-size_1-of-4,
.tsab .slds-medium-size--1-of-4 {
width: 25%; }
.tsab .slds-medium-size_2-of-4,
.tsab .slds-medium-size--2-of-4 {
width: 50%; }
.tsab .slds-medium-size_3-of-4,
.tsab .slds-medium-size--3-of-4 {
width: 75%; }
.tsab .slds-medium-size_4-of-4,
.tsab .slds-medium-size--4-of-4 {
width: 100%; }
.tsab .slds-medium-size_1-of-5,
.tsab .slds-medium-size--1-of-5 {
width: 20%; }
.tsab .slds-medium-size_2-of-5,
.tsab .slds-medium-size--2-of-5 {
width: 40%; }
.tsab .slds-medium-size_3-of-5,
.tsab .slds-medium-size--3-of-5 {
width: 60%; }
.tsab .slds-medium-size_4-of-5,
.tsab .slds-medium-size--4-of-5 {
width: 80%; }
.tsab .slds-medium-size_5-of-5,
.tsab .slds-medium-size--5-of-5 {
width: 100%; }
.tsab .slds-medium-size_1-of-6,
.tsab .slds-medium-size--1-of-6 {
width: 16.6666666667%; }
.tsab .slds-medium-size_2-of-6,
.tsab .slds-medium-size--2-of-6 {
width: 33.3333333333%; }
.tsab .slds-medium-size_3-of-6,
.tsab .slds-medium-size--3-of-6 {
width: 50%; }
.tsab .slds-medium-size_4-of-6,
.tsab .slds-medium-size--4-of-6 {
width: 66.6666666667%; }
.tsab .slds-medium-size_5-of-6,
.tsab .slds-medium-size--5-of-6 {
width: 83.3333333333%; }
.tsab .slds-medium-size_6-of-6,
.tsab .slds-medium-size--6-of-6 {
width: 100%; }
.tsab .slds-medium-size_1-of-7,
.tsab .slds-medium-size--1-of-7 {
width: 14.2857142857%; }
.tsab .slds-medium-size_2-of-7,
.tsab .slds-medium-size--2-of-7 {
width: 28.5714285714%; }
.tsab .slds-medium-size_3-of-7,
.tsab .slds-medium-size--3-of-7 {
width: 42.8571428571%; }
.tsab .slds-medium-size_4-of-7,
.tsab .slds-medium-size--4-of-7 {
width: 57.1428571429%; }
.tsab .slds-medium-size_5-of-7,
.tsab .slds-medium-size--5-of-7 {
width: 71.4285714286%; }
.tsab .slds-medium-size_6-of-7,
.tsab .slds-medium-size--6-of-7 {
width: 85.7142857143%; }
.tsab .slds-medium-size_7-of-7,
.tsab .slds-medium-size--7-of-7 {
width: 100%; }
.tsab .slds-medium-size_1-of-8,
.tsab .slds-medium-size--1-of-8 {
width: 12.5%; }
.tsab .slds-medium-size_2-of-8,
.tsab .slds-medium-size--2-of-8 {
width: 25%; }
.tsab .slds-medium-size_3-of-8,
.tsab .slds-medium-size--3-of-8 {
width: 37.5%; }
.tsab .slds-medium-size_4-of-8,
.tsab .slds-medium-size--4-of-8 {
width: 50%; }
.tsab .slds-medium-size_5-of-8,
.tsab .slds-medium-size--5-of-8 {
width: 62.5%; }
.tsab .slds-medium-size_6-of-8,
.tsab .slds-medium-size--6-of-8 {
width: 75%; }
.tsab .slds-medium-size_7-of-8,
.tsab .slds-medium-size--7-of-8 {
width: 87.5%; }
.tsab .slds-medium-size_8-of-8,
.tsab .slds-medium-size--8-of-8 {
width: 100%; }
.tsab .slds-medium-size_1-of-12,
.tsab .slds-medium-size--1-of-12 {
width: 8.3333333333%; }
.tsab .slds-medium-size_2-of-12,
.tsab .slds-medium-size--2-of-12 {
width: 16.6666666667%; }
.tsab .slds-medium-size_3-of-12,
.tsab .slds-medium-size--3-of-12 {
width: 25%; }
.tsab .slds-medium-size_4-of-12,
.tsab .slds-medium-size--4-of-12 {
width: 33.3333333333%; }
.tsab .slds-medium-size_5-of-12,
.tsab .slds-medium-size--5-of-12 {
width: 41.6666666667%; }
.tsab .slds-medium-size_6-of-12,
.tsab .slds-medium-size--6-of-12 {
width: 50%; }
.tsab .slds-medium-size_7-of-12,
.tsab .slds-medium-size--7-of-12 {
width: 58.3333333333%; }
.tsab .slds-medium-size_8-of-12,
.tsab .slds-medium-size--8-of-12 {
width: 66.6666666667%; }
.tsab .slds-medium-size_9-of-12,
.tsab .slds-medium-size--9-of-12 {
width: 75%; }
.tsab .slds-medium-size_10-of-12,
.tsab .slds-medium-size--10-of-12 {
width: 83.3333333333%; }
.tsab .slds-medium-size_11-of-12,
.tsab .slds-medium-size--11-of-12 {
width: 91.6666666667%; }
.tsab .slds-medium-size_12-of-12,
.tsab .slds-medium-size--12-of-12 {
width: 100%; }
.tsab .slds-medium-order_1,
.tsab .slds-medium-order--1 {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-medium-order_2,
.tsab .slds-medium-order--2 {
-ms-flex-order: 2;
order: 2; }
.tsab .slds-medium-order_3,
.tsab .slds-medium-order--3 {
-ms-flex-order: 3;
order: 3; }
.tsab .slds-medium-order_4,
.tsab .slds-medium-order--4 {
-ms-flex-order: 4;
order: 4; }
.tsab .slds-medium-order_5,
.tsab .slds-medium-order--5 {
-ms-flex-order: 5;
order: 5; }
.tsab .slds-medium-order_6,
.tsab .slds-medium-order--6 {
-ms-flex-order: 6;
order: 6; }
.tsab .slds-medium-order_7,
.tsab .slds-medium-order--7 {
-ms-flex-order: 7;
order: 7; }
.tsab .slds-medium-order_8,
.tsab .slds-medium-order--8 {
-ms-flex-order: 8;
order: 8; }
.tsab .slds-medium-order_9,
.tsab .slds-medium-order--9 {
-ms-flex-order: 9;
order: 9; }
.tsab .slds-medium-order_10,
.tsab .slds-medium-order--10 {
-ms-flex-order: 10;
order: 10; }
.tsab .slds-medium-order_11,
.tsab .slds-medium-order--11 {
-ms-flex-order: 11;
order: 11; }
.tsab .slds-medium-order_12,
.tsab .slds-medium-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (max-width: 48em) {
.tsab .slds-max-medium-size_xx-small,
.tsab .slds-max-medium-size--xx-small {
width: 6rem; }
.tsab .slds-max-medium-size_x-small,
.tsab .slds-max-medium-size--x-small {
width: 12rem; }
.tsab .slds-max-medium-size_small,
.tsab .slds-max-medium-size--small {
width: 15rem; }
.tsab .slds-max-medium-size_medium,
.tsab .slds-max-medium-size--medium {
width: 20rem; }
.tsab .slds-max-medium-size_large,
.tsab .slds-max-medium-size--large {
width: 25rem; }
.tsab .slds-max-medium-size_x-large,
.tsab .slds-max-medium-size--x-large {
width: 40rem; }
.tsab .slds-max-medium-size_xx-large,
.tsab .slds-max-medium-size--xx-large {
width: 60rem; }
.tsab .slds-max-medium-size_1-of-1,
.tsab .slds-max-medium-size--1-of-1 {
width: 100%; }
.tsab .slds-max-medium-size_1-of-2,
.tsab .slds-max-medium-size--1-of-2 {
width: 50%; }
.tsab .slds-max-medium-size_2-of-2,
.tsab .slds-max-medium-size--2-of-2 {
width: 100%; }
.tsab .slds-max-medium-size_1-of-3,
.tsab .slds-max-medium-size--1-of-3 {
width: 33.3333333333%; }
.tsab .slds-max-medium-size_2-of-3,
.tsab .slds-max-medium-size--2-of-3 {
width: 66.6666666667%; }
.tsab .slds-max-medium-size_3-of-3,
.tsab .slds-max-medium-size--3-of-3 {
width: 100%; }
.tsab .slds-max-medium-size_1-of-4,
.tsab .slds-max-medium-size--1-of-4 {
width: 25%; }
.tsab .slds-max-medium-size_2-of-4,
.tsab .slds-max-medium-size--2-of-4 {
width: 50%; }
.tsab .slds-max-medium-size_3-of-4,
.tsab .slds-max-medium-size--3-of-4 {
width: 75%; }
.tsab .slds-max-medium-size_4-of-4,
.tsab .slds-max-medium-size--4-of-4 {
width: 100%; }
.tsab .slds-max-medium-size_1-of-5,
.tsab .slds-max-medium-size--1-of-5 {
width: 20%; }
.tsab .slds-max-medium-size_2-of-5,
.tsab .slds-max-medium-size--2-of-5 {
width: 40%; }
.tsab .slds-max-medium-size_3-of-5,
.tsab .slds-max-medium-size--3-of-5 {
width: 60%; }
.tsab .slds-max-medium-size_4-of-5,
.tsab .slds-max-medium-size--4-of-5 {
width: 80%; }
.tsab .slds-max-medium-size_5-of-5,
.tsab .slds-max-medium-size--5-of-5 {
width: 100%; }
.tsab .slds-max-medium-size_1-of-6,
.tsab .slds-max-medium-size--1-of-6 {
width: 16.6666666667%; }
.tsab .slds-max-medium-size_2-of-6,
.tsab .slds-max-medium-size--2-of-6 {
width: 33.3333333333%; }
.tsab .slds-max-medium-size_3-of-6,
.tsab .slds-max-medium-size--3-of-6 {
width: 50%; }
.tsab .slds-max-medium-size_4-of-6,
.tsab .slds-max-medium-size--4-of-6 {
width: 66.6666666667%; }
.tsab .slds-max-medium-size_5-of-6,
.tsab .slds-max-medium-size--5-of-6 {
width: 83.3333333333%; }
.tsab .slds-max-medium-size_6-of-6,
.tsab .slds-max-medium-size--6-of-6 {
width: 100%; }
.tsab .slds-max-medium-size_1-of-7,
.tsab .slds-max-medium-size--1-of-7 {
width: 14.2857142857%; }
.tsab .slds-max-medium-size_2-of-7,
.tsab .slds-max-medium-size--2-of-7 {
width: 28.5714285714%; }
.tsab .slds-max-medium-size_3-of-7,
.tsab .slds-max-medium-size--3-of-7 {
width: 42.8571428571%; }
.tsab .slds-max-medium-size_4-of-7,
.tsab .slds-max-medium-size--4-of-7 {
width: 57.1428571429%; }
.tsab .slds-max-medium-size_5-of-7,
.tsab .slds-max-medium-size--5-of-7 {
width: 71.4285714286%; }
.tsab .slds-max-medium-size_6-of-7,
.tsab .slds-max-medium-size--6-of-7 {
width: 85.7142857143%; }
.tsab .slds-max-medium-size_7-of-7,
.tsab .slds-max-medium-size--7-of-7 {
width: 100%; }
.tsab .slds-max-medium-size_1-of-8,
.tsab .slds-max-medium-size--1-of-8 {
width: 12.5%; }
.tsab .slds-max-medium-size_2-of-8,
.tsab .slds-max-medium-size--2-of-8 {
width: 25%; }
.tsab .slds-max-medium-size_3-of-8,
.tsab .slds-max-medium-size--3-of-8 {
width: 37.5%; }
.tsab .slds-max-medium-size_4-of-8,
.tsab .slds-max-medium-size--4-of-8 {
width: 50%; }
.tsab .slds-max-medium-size_5-of-8,
.tsab .slds-max-medium-size--5-of-8 {
width: 62.5%; }
.tsab .slds-max-medium-size_6-of-8,
.tsab .slds-max-medium-size--6-of-8 {
width: 75%; }
.tsab .slds-max-medium-size_7-of-8,
.tsab .slds-max-medium-size--7-of-8 {
width: 87.5%; }
.tsab .slds-max-medium-size_8-of-8,
.tsab .slds-max-medium-size--8-of-8 {
width: 100%; }
.tsab .slds-max-medium-size_1-of-12,
.tsab .slds-max-medium-size--1-of-12 {
width: 8.3333333333%; }
.tsab .slds-max-medium-size_2-of-12,
.tsab .slds-max-medium-size--2-of-12 {
width: 16.6666666667%; }
.tsab .slds-max-medium-size_3-of-12,
.tsab .slds-max-medium-size--3-of-12 {
width: 25%; }
.tsab .slds-max-medium-size_4-of-12,
.tsab .slds-max-medium-size--4-of-12 {
width: 33.3333333333%; }
.tsab .slds-max-medium-size_5-of-12,
.tsab .slds-max-medium-size--5-of-12 {
width: 41.6666666667%; }
.tsab .slds-max-medium-size_6-of-12,
.tsab .slds-max-medium-size--6-of-12 {
width: 50%; }
.tsab .slds-max-medium-size_7-of-12,
.tsab .slds-max-medium-size--7-of-12 {
width: 58.3333333333%; }
.tsab .slds-max-medium-size_8-of-12,
.tsab .slds-max-medium-size--8-of-12 {
width: 66.6666666667%; }
.tsab .slds-max-medium-size_9-of-12,
.tsab .slds-max-medium-size--9-of-12 {
width: 75%; }
.tsab .slds-max-medium-size_10-of-12,
.tsab .slds-max-medium-size--10-of-12 {
width: 83.3333333333%; }
.tsab .slds-max-medium-size_11-of-12,
.tsab .slds-max-medium-size--11-of-12 {
width: 91.6666666667%; }
.tsab .slds-max-medium-size_12-of-12,
.tsab .slds-max-medium-size--12-of-12 {
width: 100%; }
.tsab .slds-max-medium-order_1,
.tsab .slds-max-medium-order--1 {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-max-medium-order_2,
.tsab .slds-max-medium-order--2 {
-ms-flex-order: 2;
order: 2; }
.tsab .slds-max-medium-order_3,
.tsab .slds-max-medium-order--3 {
-ms-flex-order: 3;
order: 3; }
.tsab .slds-max-medium-order_4,
.tsab .slds-max-medium-order--4 {
-ms-flex-order: 4;
order: 4; }
.tsab .slds-max-medium-order_5,
.tsab .slds-max-medium-order--5 {
-ms-flex-order: 5;
order: 5; }
.tsab .slds-max-medium-order_6,
.tsab .slds-max-medium-order--6 {
-ms-flex-order: 6;
order: 6; }
.tsab .slds-max-medium-order_7,
.tsab .slds-max-medium-order--7 {
-ms-flex-order: 7;
order: 7; }
.tsab .slds-max-medium-order_8,
.tsab .slds-max-medium-order--8 {
-ms-flex-order: 8;
order: 8; }
.tsab .slds-max-medium-order_9,
.tsab .slds-max-medium-order--9 {
-ms-flex-order: 9;
order: 9; }
.tsab .slds-max-medium-order_10,
.tsab .slds-max-medium-order--10 {
-ms-flex-order: 10;
order: 10; }
.tsab .slds-max-medium-order_11,
.tsab .slds-max-medium-order--11 {
-ms-flex-order: 11;
order: 11; }
.tsab .slds-max-medium-order_12,
.tsab .slds-max-medium-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (min-width: 64em) {
.tsab .slds-large-size_xx-small,
.tsab .slds-large-size--xx-small {
width: 6rem; }
.tsab .slds-large-size_x-small,
.tsab .slds-large-size--x-small {
width: 12rem; }
.tsab .slds-large-size_small,
.tsab .slds-large-size--small {
width: 15rem; }
.tsab .slds-large-size_medium,
.tsab .slds-large-size--medium {
width: 20rem; }
.tsab .slds-large-size_large,
.tsab .slds-large-size--large {
width: 25rem; }
.tsab .slds-large-size_x-large,
.tsab .slds-large-size--x-large {
width: 40rem; }
.tsab .slds-large-size_xx-large,
.tsab .slds-large-size--xx-large {
width: 60rem; }
.tsab .slds-large-size_1-of-1,
.tsab .slds-large-size--1-of-1 {
width: 100%; }
.tsab .slds-large-size_1-of-2,
.tsab .slds-large-size--1-of-2 {
width: 50%; }
.tsab .slds-large-size_2-of-2,
.tsab .slds-large-size--2-of-2 {
width: 100%; }
.tsab .slds-large-size_1-of-3,
.tsab .slds-large-size--1-of-3 {
width: 33.3333333333%; }
.tsab .slds-large-size_2-of-3,
.tsab .slds-large-size--2-of-3 {
width: 66.6666666667%; }
.tsab .slds-large-size_3-of-3,
.tsab .slds-large-size--3-of-3 {
width: 100%; }
.tsab .slds-large-size_1-of-4,
.tsab .slds-large-size--1-of-4 {
width: 25%; }
.tsab .slds-large-size_2-of-4,
.tsab .slds-large-size--2-of-4 {
width: 50%; }
.tsab .slds-large-size_3-of-4,
.tsab .slds-large-size--3-of-4 {
width: 75%; }
.tsab .slds-large-size_4-of-4,
.tsab .slds-large-size--4-of-4 {
width: 100%; }
.tsab .slds-large-size_1-of-5,
.tsab .slds-large-size--1-of-5 {
width: 20%; }
.tsab .slds-large-size_2-of-5,
.tsab .slds-large-size--2-of-5 {
width: 40%; }
.tsab .slds-large-size_3-of-5,
.tsab .slds-large-size--3-of-5 {
width: 60%; }
.tsab .slds-large-size_4-of-5,
.tsab .slds-large-size--4-of-5 {
width: 80%; }
.tsab .slds-large-size_5-of-5,
.tsab .slds-large-size--5-of-5 {
width: 100%; }
.tsab .slds-large-size_1-of-6,
.tsab .slds-large-size--1-of-6 {
width: 16.6666666667%; }
.tsab .slds-large-size_2-of-6,
.tsab .slds-large-size--2-of-6 {
width: 33.3333333333%; }
.tsab .slds-large-size_3-of-6,
.tsab .slds-large-size--3-of-6 {
width: 50%; }
.tsab .slds-large-size_4-of-6,
.tsab .slds-large-size--4-of-6 {
width: 66.6666666667%; }
.tsab .slds-large-size_5-of-6,
.tsab .slds-large-size--5-of-6 {
width: 83.3333333333%; }
.tsab .slds-large-size_6-of-6,
.tsab .slds-large-size--6-of-6 {
width: 100%; }
.tsab .slds-large-size_1-of-7,
.tsab .slds-large-size--1-of-7 {
width: 14.2857142857%; }
.tsab .slds-large-size_2-of-7,
.tsab .slds-large-size--2-of-7 {
width: 28.5714285714%; }
.tsab .slds-large-size_3-of-7,
.tsab .slds-large-size--3-of-7 {
width: 42.8571428571%; }
.tsab .slds-large-size_4-of-7,
.tsab .slds-large-size--4-of-7 {
width: 57.1428571429%; }
.tsab .slds-large-size_5-of-7,
.tsab .slds-large-size--5-of-7 {
width: 71.4285714286%; }
.tsab .slds-large-size_6-of-7,
.tsab .slds-large-size--6-of-7 {
width: 85.7142857143%; }
.tsab .slds-large-size_7-of-7,
.tsab .slds-large-size--7-of-7 {
width: 100%; }
.tsab .slds-large-size_1-of-8,
.tsab .slds-large-size--1-of-8 {
width: 12.5%; }
.tsab .slds-large-size_2-of-8,
.tsab .slds-large-size--2-of-8 {
width: 25%; }
.tsab .slds-large-size_3-of-8,
.tsab .slds-large-size--3-of-8 {
width: 37.5%; }
.tsab .slds-large-size_4-of-8,
.tsab .slds-large-size--4-of-8 {
width: 50%; }
.tsab .slds-large-size_5-of-8,
.tsab .slds-large-size--5-of-8 {
width: 62.5%; }
.tsab .slds-large-size_6-of-8,
.tsab .slds-large-size--6-of-8 {
width: 75%; }
.tsab .slds-large-size_7-of-8,
.tsab .slds-large-size--7-of-8 {
width: 87.5%; }
.tsab .slds-large-size_8-of-8,
.tsab .slds-large-size--8-of-8 {
width: 100%; }
.tsab .slds-large-size_1-of-12,
.tsab .slds-large-size--1-of-12 {
width: 8.3333333333%; }
.tsab .slds-large-size_2-of-12,
.tsab .slds-large-size--2-of-12 {
width: 16.6666666667%; }
.tsab .slds-large-size_3-of-12,
.tsab .slds-large-size--3-of-12 {
width: 25%; }
.tsab .slds-large-size_4-of-12,
.tsab .slds-large-size--4-of-12 {
width: 33.3333333333%; }
.tsab .slds-large-size_5-of-12,
.tsab .slds-large-size--5-of-12 {
width: 41.6666666667%; }
.tsab .slds-large-size_6-of-12,
.tsab .slds-large-size--6-of-12 {
width: 50%; }
.tsab .slds-large-size_7-of-12,
.tsab .slds-large-size--7-of-12 {
width: 58.3333333333%; }
.tsab .slds-large-size_8-of-12,
.tsab .slds-large-size--8-of-12 {
width: 66.6666666667%; }
.tsab .slds-large-size_9-of-12,
.tsab .slds-large-size--9-of-12 {
width: 75%; }
.tsab .slds-large-size_10-of-12,
.tsab .slds-large-size--10-of-12 {
width: 83.3333333333%; }
.tsab .slds-large-size_11-of-12,
.tsab .slds-large-size--11-of-12 {
width: 91.6666666667%; }
.tsab .slds-large-size_12-of-12,
.tsab .slds-large-size--12-of-12 {
width: 100%; }
.tsab .slds-large-order_1,
.tsab .slds-large-order--1 {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-large-order_2,
.tsab .slds-large-order--2 {
-ms-flex-order: 2;
order: 2; }
.tsab .slds-large-order_3,
.tsab .slds-large-order--3 {
-ms-flex-order: 3;
order: 3; }
.tsab .slds-large-order_4,
.tsab .slds-large-order--4 {
-ms-flex-order: 4;
order: 4; }
.tsab .slds-large-order_5,
.tsab .slds-large-order--5 {
-ms-flex-order: 5;
order: 5; }
.tsab .slds-large-order_6,
.tsab .slds-large-order--6 {
-ms-flex-order: 6;
order: 6; }
.tsab .slds-large-order_7,
.tsab .slds-large-order--7 {
-ms-flex-order: 7;
order: 7; }
.tsab .slds-large-order_8,
.tsab .slds-large-order--8 {
-ms-flex-order: 8;
order: 8; }
.tsab .slds-large-order_9,
.tsab .slds-large-order--9 {
-ms-flex-order: 9;
order: 9; }
.tsab .slds-large-order_10,
.tsab .slds-large-order--10 {
-ms-flex-order: 10;
order: 10; }
.tsab .slds-large-order_11,
.tsab .slds-large-order--11 {
-ms-flex-order: 11;
order: 11; }
.tsab .slds-large-order_12,
.tsab .slds-large-order--12 {
-ms-flex-order: 12;
order: 12; } }
@media (max-width: 64em) {
.tsab .slds-max-large-size_xx-small,
.tsab .slds-max-large-size--xx-small {
width: 6rem; }
.tsab .slds-max-large-size_x-small,
.tsab .slds-max-large-size--x-small {
width: 12rem; }
.tsab .slds-max-large-size_small,
.tsab .slds-max-large-size--small {
width: 15rem; }
.tsab .slds-max-large-size_medium,
.tsab .slds-max-large-size--medium {
width: 20rem; }
.tsab .slds-max-large-size_large,
.tsab .slds-max-large-size--large {
width: 25rem; }
.tsab .slds-max-large-size_x-large,
.tsab .slds-max-large-size--x-large {
width: 40rem; }
.tsab .slds-max-large-size_xx-large,
.tsab .slds-max-large-size--xx-large {
width: 60rem; }
.tsab .slds-max-large-size_1-of-1,
.tsab .slds-max-large-size--1-of-1 {
width: 100%; }
.tsab .slds-max-large-size_1-of-2,
.tsab .slds-max-large-size--1-of-2 {
width: 50%; }
.tsab .slds-max-large-size_2-of-2,
.tsab .slds-max-large-size--2-of-2 {
width: 100%; }
.tsab .slds-max-large-size_1-of-3,
.tsab .slds-max-large-size--1-of-3 {
width: 33.3333333333%; }
.tsab .slds-max-large-size_2-of-3,
.tsab .slds-max-large-size--2-of-3 {
width: 66.6666666667%; }
.tsab .slds-max-large-size_3-of-3,
.tsab .slds-max-large-size--3-of-3 {
width: 100%; }
.tsab .slds-max-large-size_1-of-4,
.tsab .slds-max-large-size--1-of-4 {
width: 25%; }
.tsab .slds-max-large-size_2-of-4,
.tsab .slds-max-large-size--2-of-4 {
width: 50%; }
.tsab .slds-max-large-size_3-of-4,
.tsab .slds-max-large-size--3-of-4 {
width: 75%; }
.tsab .slds-max-large-size_4-of-4,
.tsab .slds-max-large-size--4-of-4 {
width: 100%; }
.tsab .slds-max-large-size_1-of-5,
.tsab .slds-max-large-size--1-of-5 {
width: 20%; }
.tsab .slds-max-large-size_2-of-5,
.tsab .slds-max-large-size--2-of-5 {
width: 40%; }
.tsab .slds-max-large-size_3-of-5,
.tsab .slds-max-large-size--3-of-5 {
width: 60%; }
.tsab .slds-max-large-size_4-of-5,
.tsab .slds-max-large-size--4-of-5 {
width: 80%; }
.tsab .slds-max-large-size_5-of-5,
.tsab .slds-max-large-size--5-of-5 {
width: 100%; }
.tsab .slds-max-large-size_1-of-6,
.tsab .slds-max-large-size--1-of-6 {
width: 16.6666666667%; }
.tsab .slds-max-large-size_2-of-6,
.tsab .slds-max-large-size--2-of-6 {
width: 33.3333333333%; }
.tsab .slds-max-large-size_3-of-6,
.tsab .slds-max-large-size--3-of-6 {
width: 50%; }
.tsab .slds-max-large-size_4-of-6,
.tsab .slds-max-large-size--4-of-6 {
width: 66.6666666667%; }
.tsab .slds-max-large-size_5-of-6,
.tsab .slds-max-large-size--5-of-6 {
width: 83.3333333333%; }
.tsab .slds-max-large-size_6-of-6,
.tsab .slds-max-large-size--6-of-6 {
width: 100%; }
.tsab .slds-max-large-size_1-of-7,
.tsab .slds-max-large-size--1-of-7 {
width: 14.2857142857%; }
.tsab .slds-max-large-size_2-of-7,
.tsab .slds-max-large-size--2-of-7 {
width: 28.5714285714%; }
.tsab .slds-max-large-size_3-of-7,
.tsab .slds-max-large-size--3-of-7 {
width: 42.8571428571%; }
.tsab .slds-max-large-size_4-of-7,
.tsab .slds-max-large-size--4-of-7 {
width: 57.1428571429%; }
.tsab .slds-max-large-size_5-of-7,
.tsab .slds-max-large-size--5-of-7 {
width: 71.4285714286%; }
.tsab .slds-max-large-size_6-of-7,
.tsab .slds-max-large-size--6-of-7 {
width: 85.7142857143%; }
.tsab .slds-max-large-size_7-of-7,
.tsab .slds-max-large-size--7-of-7 {
width: 100%; }
.tsab .slds-max-large-size_1-of-8,
.tsab .slds-max-large-size--1-of-8 {
width: 12.5%; }
.tsab .slds-max-large-size_2-of-8,
.tsab .slds-max-large-size--2-of-8 {
width: 25%; }
.tsab .slds-max-large-size_3-of-8,
.tsab .slds-max-large-size--3-of-8 {
width: 37.5%; }
.tsab .slds-max-large-size_4-of-8,
.tsab .slds-max-large-size--4-of-8 {
width: 50%; }
.tsab .slds-max-large-size_5-of-8,
.tsab .slds-max-large-size--5-of-8 {
width: 62.5%; }
.tsab .slds-max-large-size_6-of-8,
.tsab .slds-max-large-size--6-of-8 {
width: 75%; }
.tsab .slds-max-large-size_7-of-8,
.tsab .slds-max-large-size--7-of-8 {
width: 87.5%; }
.tsab .slds-max-large-size_8-of-8,
.tsab .slds-max-large-size--8-of-8 {
width: 100%; }
.tsab .slds-max-large-size_1-of-12,
.tsab .slds-max-large-size--1-of-12 {
width: 8.3333333333%; }
.tsab .slds-max-large-size_2-of-12,
.tsab .slds-max-large-size--2-of-12 {
width: 16.6666666667%; }
.tsab .slds-max-large-size_3-of-12,
.tsab .slds-max-large-size--3-of-12 {
width: 25%; }
.tsab .slds-max-large-size_4-of-12,
.tsab .slds-max-large-size--4-of-12 {
width: 33.3333333333%; }
.tsab .slds-max-large-size_5-of-12,
.tsab .slds-max-large-size--5-of-12 {
width: 41.6666666667%; }
.tsab .slds-max-large-size_6-of-12,
.tsab .slds-max-large-size--6-of-12 {
width: 50%; }
.tsab .slds-max-large-size_7-of-12,
.tsab .slds-max-large-size--7-of-12 {
width: 58.3333333333%; }
.tsab .slds-max-large-size_8-of-12,
.tsab .slds-max-large-size--8-of-12 {
width: 66.6666666667%; }
.tsab .slds-max-large-size_9-of-12,
.tsab .slds-max-large-size--9-of-12 {
width: 75%; }
.tsab .slds-max-large-size_10-of-12,
.tsab .slds-max-large-size--10-of-12 {
width: 83.3333333333%; }
.tsab .slds-max-large-size_11-of-12,
.tsab .slds-max-large-size--11-of-12 {
width: 91.6666666667%; }
.tsab .slds-max-large-size_12-of-12,
.tsab .slds-max-large-size--12-of-12 {
width: 100%; }
.tsab .slds-max-large-order_1,
.tsab .slds-max-large-order--1 {
-ms-flex-order: 1;
order: 1; }
.tsab .slds-max-large-order_2,
.tsab .slds-max-large-order--2 {
-ms-flex-order: 2;
order: 2; }
.tsab .slds-max-large-order_3,
.tsab .slds-max-large-order--3 {
-ms-flex-order: 3;
order: 3; }
.tsab .slds-max-large-order_4,
.tsab .slds-max-large-order--4 {
-ms-flex-order: 4;
order: 4; }
.tsab .slds-max-large-order_5,
.tsab .slds-max-large-order--5 {
-ms-flex-order: 5;
order: 5; }
.tsab .slds-max-large-order_6,
.tsab .slds-max-large-order--6 {
-ms-flex-order: 6;
order: 6; }
.tsab .slds-max-large-order_7,
.tsab .slds-max-large-order--7 {
-ms-flex-order: 7;
order: 7; }
.tsab .slds-max-large-order_8,
.tsab .slds-max-large-order--8 {
-ms-flex-order: 8;
order: 8; }
.tsab .slds-max-large-order_9,
.tsab .slds-max-large-order--9 {
-ms-flex-order: 9;
order: 9; }
.tsab .slds-max-large-order_10,
.tsab .slds-max-large-order--10 {
-ms-flex-order: 10;
order: 10; }
.tsab .slds-max-large-order_11,
.tsab .slds-max-large-order--11 {
-ms-flex-order: 11;
order: 11; }
.tsab .slds-max-large-order_12,
.tsab .slds-max-large-order--12 {
-ms-flex-order: 12;
order: 12; } }
.tsab .slds-is-static {
position: static; }
.tsab .slds-is-relative {
position: relative; }
.tsab .slds-is-fixed {
position: fixed; }
.tsab .slds-is-absolute {
position: absolute; }
.tsab .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;
text-transform: none !important; }
.tsab .slds-assistive-text_focus:focus,
.tsab .slds-assistive-text--focus:focus {
margin: inherit !important;
border: inherit !important;
padding: inherit !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip: auto !important; }
.tsab .slds-is-collapsed {
height: 0;
overflow: hidden; }
.tsab .slds-collapsed {
height: 0;
overflow: hidden; }
.tsab .slds-is-expanded {
height: auto;
overflow: visible; }
.tsab .slds-expanded {
height: auto;
overflow: visible; }
.tsab .slds-hidden {
visibility: hidden; }
.tsab .slds-visible {
visibility: visible; }
.tsab .slds-hide {
display: none; }
.tsab .slds-show {
display: block; }
.tsab .slds-show_inline-block,
.tsab .slds-show--inline-block {
display: inline-block; }
.tsab .slds-show_inline,
.tsab .slds-show--inline {
display: inline; }
.tsab .slds-transition-hide {
opacity: 0; }
.tsab .slds-transition-show {
opacity: 1; }
.tsab .slds-x-small {
/* Allow class interpolation with parent selector for easier utility class generation */
/* stylelint-disable selector-class-pattern */
/* stylelint-enable selector-class-pattern */ }
.tsab .slds-x-small-show {
display: none; }
@media (min-width: 320px) {
.tsab .slds-x-small-show {
display: block; }
.tsab .slds-x-small-show_inline-block, .tsab .slds-x-small-show--inline-block {
display: inline-block; }
.tsab .slds-x-small-show_inline, .tsab .slds-x-small-show--inline {
display: inline; } }
.tsab .slds-x-small-show-only {
display: none; }
@media (min-width: 320px) and (max-width: 479px) {
.tsab .slds-x-small-show-only {
display: block; }
.tsab .slds-x-small-show-only_inline-block, .tsab .slds-x-small-show-only--inline-block {
display: inline-block; }
.tsab .slds-x-small-show-only_inline, .tsab .slds-x-small-show-only--inline {
display: inline; } }
@media (max-width: 479px) {
.tsab .slds-max-x-small-hide {
display: none; } }
.tsab .slds-small {
/* Allow class interpolation with parent selector for easier utility class generation */
/* stylelint-disable selector-class-pattern */
/* stylelint-enable selector-class-pattern */ }
.tsab .slds-small-show {
display: none; }
@media (min-width: 480px) {
.tsab .slds-small-show {
display: block; }
.tsab .slds-small-show_inline-block, .tsab .slds-small-show--inline-block {
display: inline-block; }
.tsab .slds-small-show_inline, .tsab .slds-small-show--inline {
display: inline; } }
.tsab .slds-small-show-only {
display: none; }
@media (min-width: 480px) and (max-width: 767px) {
.tsab .slds-small-show-only {
display: block; }
.tsab .slds-small-show-only_inline-block, .tsab .slds-small-show-only--inline-block {
display: inline-block; }
.tsab .slds-small-show-only_inline, .tsab .slds-small-show-only--inline {
display: inline; } }
@media (max-width: 767px) {
.tsab .slds-max-small-hide {
display: none; } }
.tsab .slds-medium {
/* Allow class interpolation with parent selector for easier utility class generation */
/* stylelint-disable selector-class-pattern */
/* stylelint-enable selector-class-pattern */ }
.tsab .slds-medium-show {
display: none; }
@media (min-width: 768px) {
.tsab .slds-medium-show {
display: block; }
.tsab .slds-medium-show_inline-block, .tsab .slds-medium-show--inline-block {
display: inline-block; }
.tsab .slds-medium-show_inline, .tsab .slds-medium-show--inline {
display: inline; } }
.tsab .slds-medium-show-only {
display: none; }
@media (min-width: 768px) and (max-width: 1023px) {
.tsab .slds-medium-show-only {
display: block; }
.tsab .slds-medium-show-only_inline-block, .tsab .slds-medium-show-only--inline-block {
display: inline-block; }
.tsab .slds-medium-show-only_inline, .tsab .slds-medium-show-only--inline {
display: inline; } }
@media (max-width: 1023px) {
.tsab .slds-max-medium-hide {
display: none; } }
.tsab .slds-large {
/* Allow class interpolation with parent selector for easier utility class generation */
/* stylelint-disable selector-class-pattern */
/* stylelint-enable selector-class-pattern */ }
.tsab .slds-large-show {
display: none; }
@media (min-width: 1024px) {
.tsab .slds-large-show {
display: block; }
.tsab .slds-large-show_inline-block, .tsab .slds-large-show--inline-block {
display: inline-block; }
.tsab .slds-large-show_inline, .tsab .slds-large-show--inline {
display: inline; } }
@media (min-width: 320px) {
.tsab {
/**
* @summary Hides the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
*
* @selector .slds-hide_*
* @notes Element will be displayed normally when the window is smaller
* @modifier
*/ }
.tsab .slds-hide_x-small,
.tsab .slds-hide--x-small {
display: none !important; } }
@media (max-width: 319px) {
.tsab {
/**
* @summary Shows the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
*
* @selector .slds-show_*
* @notes Element will be displayed normally when the window is bigger
* @modifier
*/ }
.tsab .slds-show_x-small,
.tsab .slds-show--x-small {
display: none !important; } }
@media (min-width: 480px) {
.tsab {
/**
* @summary Hides the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
*
* @selector .slds-hide_*
* @notes Element will be displayed normally when the window is smaller
* @modifier
*/ }
.tsab .slds-hide_small,
.tsab .slds-hide--small {
display: none !important; } }
@media (max-width: 479px) {
.tsab {
/**
* @summary Shows the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
*
* @selector .slds-show_*
* @notes Element will be displayed normally when the window is bigger
* @modifier
*/ }
.tsab .slds-show_small,
.tsab .slds-show--small {
display: none !important; } }
@media (min-width: 768px) {
.tsab {
/**
* @summary Hides the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
*
* @selector .slds-hide_*
* @notes Element will be displayed normally when the window is smaller
* @modifier
*/ }
.tsab .slds-hide_medium,
.tsab .slds-hide--medium {
display: none !important; } }
@media (max-width: 767px) {
.tsab {
/**
* @summary Shows the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
*
* @selector .slds-show_*
* @notes Element will be displayed normally when the window is bigger
* @modifier
*/ }
.tsab .slds-show_medium,
.tsab .slds-show--medium {
display: none !important; } }
@media (min-width: 1024px) {
.tsab {
/**
* @summary Hides the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
*
* @selector .slds-hide_*
* @notes Element will be displayed normally when the window is smaller
* @modifier
*/ }
.tsab .slds-hide_large,
.tsab .slds-hide--large {
display: none !important; } }
@media (max-width: 1023px) {
.tsab {
/**
* @summary Shows the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
*
* @selector .slds-show_*
* @notes Element will be displayed normally when the window is bigger
* @modifier
*/ }
.tsab .slds-show_large,
.tsab .slds-show--large {
display: none !important; } }
@media (min-width: 1280px) {
.tsab {
/**
* @summary Hides the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
*
* @selector .slds-hide_*
* @notes Element will be displayed normally when the window is smaller
* @modifier
*/ }
.tsab .slds-hide_x-large,
.tsab .slds-hide--x-large {
display: none !important; } }
@media (max-width: 1279px) {
.tsab {
/**
* @summary Shows the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
*
* @selector .slds-show_*
* @notes Element will be displayed normally when the window is bigger
* @modifier
*/ }
.tsab .slds-show_x-large,
.tsab .slds-show--x-large {
display: none !important; } }
@media print {
.tsab *,
.tsab *:before,
.tsab *:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
.tsab a,
.tsab a:visited {
text-decoration: underline; }
.tsab a[href]:after {
content: " (" attr(href) ")"; }
.tsab abbr[title]:after {
content: " (" attr(title) ")"; }
.tsab a[href^="#"]:after,
.tsab a[href^="javascript:"]:after {
content: ''; }
.tsab pre,
.tsab blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
.tsab thead {
display: table-header-group; }
.tsab tr,
.tsab img {
page-break-inside: avoid; }
.tsab img {
max-width: 100% !important; }
.tsab p,
.tsab h2,
.tsab h3 {
orphans: 3;
widows: 3; }
.tsab h2,
.tsab h3 {
page-break-after: avoid; } }
/* Import Routes Config */
import { RouterModule } from '@angular/router';
const routes = [
{ path: '', loadChildren: './src/home/home.module#HomeModule' },
{ path: 'about', loadChildren: './src/about/about.module#AboutModule' }
];
export default RouterModule.forRoot(routes);
import { NgModule } from '@angular/core';
import { HomeComponent } from './home.component';
import { CommonModule } from '@angular/common';
import homeRoutes from './home.routes';
@NgModule({
imports: [
CommonModule,
homeRoutes
],
declarations: [HomeComponent]
})
export class HomeModule { }
import { Route, RouterModule } from '@angular/router';
import { HomeComponent } from './home.component';
export const HomeRoutes: Route[] = [
{ path: '', component: HomeComponent }
];
export default RouterModule.forChild(HomeRoutes);
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-home',
template: `
here you have 5 svg icons from spirit svg file:
<p>1.
<span class="slds-icon_container slds-icon-utility-open_folder slds-line-height_reset">
<svg class="slds-icon slds-icon-text-default slds-icon_x-small slds-m-right_x-small"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/a/symbols.svg#list"></use></svg>
</span>
</p>
<p>2.
<span class="slds-icon_container slds-icon-utility-open_folder slds-line-height_reset">
<svg class="slds-icon slds-icon-text-default slds-icon_x-small slds-m-right_x-small"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/a/symbols.svg#mark_all_as_read"></use></svg>
</span>
</p>
<p>3.
<span class="slds-icon_container slds-icon-utility-open_folder slds-line-height_reset">
<svg class="slds-icon slds-icon-text-default slds-icon_x-small slds-m-right_x-small"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/a/symbols.svg#edit"></use></svg>
</span>
</p>
<p>4.
<span class="slds-icon_container slds-icon-utility-open_folder slds-line-height_reset">
<svg class="slds-icon slds-icon-text-default slds-icon_x-small slds-m-right_x-small"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/a/symbols.svg#settings"></use></svg>
</span>
</p>
<p>5.
<span class="slds-icon_container slds-icon-utility-open_folder slds-line-height_reset">
<svg class="slds-icon slds-icon-text-default slds-icon_x-small slds-m-right_x-small"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/a/symbols.svg#chevronright"></use></svg>
</span>
</p>
`
})
export class HomeComponent implements OnInit {
}
import { NgModule } from '@angular/core';
import { AboutComponent } from './about.component';
import { CommonModule } from '@angular/common';
import aboutRoutes from './about.routes';
@NgModule({
imports: [
CommonModule,
aboutRoutes
],
declarations: [AboutComponent]
})
export class AboutModule { }
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-about',
template: `
<h2>Hello again!!!!!</h2>
<p>{{ title }}</p>
here you have 5 svg icons from spirit svg file:
<p>1.
<span class="slds-icon_container slds-icon-utility-open_folder slds-line-height_reset">
<svg class="slds-icon slds-icon-text-default slds-icon_x-small slds-m-right_x-small"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/a/symbols.svg#list"></use></svg>
</span>
</p>
<p>2.
<span class="slds-icon_container slds-icon-utility-open_folder slds-line-height_reset">
<svg class="slds-icon slds-icon-text-default slds-icon_x-small slds-m-right_x-small"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/a/symbols.svg#mark_all_as_read"></use></svg>
</span>
</p>
<p>3.
<span class="slds-icon_container slds-icon-utility-open_folder slds-line-height_reset">
<svg class="slds-icon slds-icon-text-default slds-icon_x-small slds-m-right_x-small"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/a/symbols.svg#edit"></use></svg>
</span>
</p>
<p>4.
<span class="slds-icon_container slds-icon-utility-open_folder slds-line-height_reset">
<svg class="slds-icon slds-icon-text-default slds-icon_x-small slds-m-right_x-small"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/a/symbols.svg#settings"></use></svg>
</span>
</p>
<p>5.
<span class="slds-icon_container slds-icon-utility-open_folder slds-line-height_reset">
<svg class="slds-icon slds-icon-text-default slds-icon_x-small slds-m-right_x-small"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/a/symbols.svg#chevronright"></use></svg>
</span>
</p>
<p>1.
<svg aria-hidden="true" class="slds-icon slds-icon-standard-approval slds-icon--large">
<use xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/b/symbols.svg#approval"></use>
</svg>
</p>
<p>2.
<svg aria-hidden="true" class="slds-icon slds-icon-standard-approval slds-icon--large">
<use xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/b/symbols.svg#contact"></use>
</svg>
</p>
<p>3.
<svg aria-hidden="true" class="slds-icon slds-icon-standard-approval slds-icon--large">
<use xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/b/symbols.svg#account"></use>
</svg>
</p>
<p>4.
<svg aria-hidden="true" class="slds-icon slds-icon-standard-approval slds-icon--large">
<use xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/b/symbols.svg#campaign"></use>
</svg>
</p>
<p>5.
<svg aria-hidden="true" class="slds-icon slds-icon-standard-approval slds-icon--large">
<use xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="./src/b/symbols.svg#coaching"></use>
</svg>
</p>
`
})
export class AboutComponent implements OnInit {
title = 'This is the about page!'
}
import { Route, RouterModule } from '@angular/router';
import { AboutComponent } from './about.component';
export const AboutRoutes: Route[] = [
{ path: '', component: AboutComponent }
];
export default RouterModule.forChild(AboutRoutes);
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" display="none"><symbol viewBox="0 0 24 24" id="add"><path d="M13.8 13.4h7.7c.3 0 .7-.3.7-.7v-1.4c0-.4-.4-.7-.7-.7h-7.7c-.2 0-.4-.2-.4-.4V2.5c0-.3-.3-.7-.7-.7h-1.4c-.4 0-.7.4-.7.7v7.7c0 .2-.2.4-.4.4H2.5c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h7.7c.2 0 .4.2.4.4v7.7c0 .3.3.7.7.7h1.4c.4 0 .7-.4.7-.7v-7.7c0-.2.2-.4.4-.4z"/></symbol><symbol viewBox="0 0 24 24" id="adduser"><path d="M10.1 17.1c0-1.3.4-2.7 1.1-3.8.8-1.4 1.6-1.9 2.3-3 1.2-1.7 1.4-4.1.7-6-.8-1.9-2.5-3-4.6-2.9S6 2.7 5.3 4.6c-.7 2-.4 4.5 1.3 6.1.6.7 1.3 1.7.9 2.6-.3 1-1.4 1.4-2.2 1.7-1.8.8-4 1.9-4.3 4.1-.4 1.7.8 3.5 2.7 3.5h7.8c.4 0 .6-.4.4-.7-1.1-1.4-1.8-3.1-1.8-4.8zm7.4-5.6c-3.1 0-5.5 2.5-5.5 5.6s2.4 5.5 5.5 5.5 5.5-2.5 5.5-5.5-2.5-5.6-5.5-5.6zm2.8 6c0 .3-.2.5-.5.5h-1.3v1.4c0 .3-.3.4-.5.4h-1c-.2 0-.4-.1-.4-.4V18h-1.4c-.3 0-.4-.2-.4-.5v-.9c0-.3.1-.4.4-.4h1.4v-1.4c0-.3.2-.5.4-.5h1c.2 0 .5.2.5.5v1.4h1.3c.3 0 .5.1.5.4v.9z" /></symbol><symbol viewBox="0 0 24 24" id="announcement"><path d="M10.5 21l-.6-.5c-.7-.5-.7-1.4-.7-1.9v-1.3c0-.4-.3-.7-.7-.7H5.8c-.4 0-.7.3-.7.7v3.6c0 1.2.7 2.2 1.9 2.2h2.2c1.4 0 1.5-.9 1.5-.9s.2-.9-.2-1.2zM20.8 8.3V2c0-1.1-1.4-1.4-2.2-.7l-4.1 3.9c-.6.5-1.4.8-2.3.8h-7C2.8 6 .9 8.1.9 10.5v.1c0 2.4 1.9 4.2 4.3 4.2h7c.9 0 1.7.3 2.4.9l4 4c.8.7 2.2.4 2.2-.7v-6.3c1.4 0 2.2-.9 2.2-2.2 0-1.2-.8-2.2-2.2-2.2z" /></symbol><symbol viewBox="0 0 24 24" id="answer"><path d="M12 1.8C5.9 1.8.9 6.4.9 12c0 1.8.5 3.5 1.4 5 .1.2.1.4.1.6l-1 3.2c-.2.6.4 1.1 1 .9l3.2-1.1c.2-.1.4-.1.6.1 1.7.9 3.7 1.5 5.8 1.5 6.2 0 11.1-4.5 11.1-10.2C23 6.4 18.1 1.8 12 1.8zm5.3 7.9l-5.6 5.6c-.3.2-.5.3-.8.3-.3 0-.6-.1-.8-.3l-2.7-2.7c-.2-.2-.2-.6 0-.7l.8-.8c.2-.2.5-.2.8 0l1.9 2 4.8-4.8c.3-.3.6-.3.8 0l.8.7c.2.2.2.6 0 .7z"/></symbol><symbol viewBox="0 0 24 24" id="apex"><path d="M22.4 18.5H9.9c-.3 0-.7.3-.7.7v1.3c0 .4.4.7.7.7h12.5c.4 0 .7-.3.7-.7v-1.3c0-.4-.3-.7-.7-.7zm-10.7-8.4L2.8 2.9c-.3-.2-.7-.2-1 .1l-.7 1.2c-.3.3-.2.7.1.9l6.4 5.1c.2.2.2.6 0 .7L1.2 16c-.3.2-.4.7-.1 1l.7 1.2c.3.3.7.4 1 .1l8.9-7.1c.4-.3.4-.9 0-1.1z" /></symbol><symbol viewBox="0 0 24 24" id="approval"><path d="M20.9 13.5h-4.1c-1.2 0-2.2-1-2.2-2.2.2-3.3 1.7-3.5 1.8-5.6.2-2.2-1.2-4.2-3.4-4.7-2.8-.6-5.4 1.6-5.4 4.4 0 2.4 1.6 2.4 1.8 5.9 0 1.2-1 2.2-2.2 2.2H3.1c-1.2 0-2.2.9-2.2 2.2v1.5c0 .4.3.7.8.7h20.6c.5 0 .8-.3.8-.7v-1.5c0-1.3-1-2.2-2.2-2.2zm0 6.6H3.1c-.4 0-.7.3-.7.7v.1c0 1.2 1 2.2 2.2 2.2h14.8c1.2 0 2.2-1 2.2-2.2v-.1c0-.4-.3-.7-.7-.7z"/></symbol><symbol viewBox="0 0 24 24" id="apps"><path d="M6 1.8H3.2c-.8 0-1.4.6-1.4 1.4V6c0 .8.6 1.4 1.4 1.4H6c.8 0 1.4-.6 1.4-1.4V3.2c0-.8-.6-1.4-1.4-1.4zm0 14.8H3.2c-.8 0-1.4.6-1.4 1.4v2.8c0 .8.6 1.4 1.4 1.4H6c.8 0 1.4-.6 1.4-1.4V18c0-.8-.6-1.4-1.4-1.4zm0-7.4H3.2c-.8 0-1.4.6-1.4 1.4v2.8c0 .8.6 1.4 1.4 1.4H6c.8 0 1.4-.6 1.4-1.4v-2.8c0-.8-.6-1.4-1.4-1.4zm7.4-7.4h-2.8c-.8 0-1.4.6-1.4 1.4V6c0 .8.6 1.4 1.4 1.4h2.8c.8 0 1.4-.6 1.4-1.4V3.2c0-.8-.6-1.4-1.4-1.4zm0 14.8h-2.8c-.8 0-1.4.6-1.4 1.4v2.8c0 .8.6 1.4 1.4 1.4h2.8c.8 0 1.4-.6 1.4-1.4V18c0-.8-.6-1.4-1.4-1.4zm0-7.4h-2.8c-.8 0-1.4.6-1.4 1.4v2.8c0 .8.6 1.4 1.4 1.4h2.8c.8 0 1.4-.6 1.4-1.4v-2.8c0-.8-.6-1.4-1.4-1.4zm7.4-7.4H18c-.8 0-1.4.6-1.4 1.4V6c0 .8.6 1.4 1.4 1.4h2.8c.8 0 1.4-.6 1.4-1.4V3.2c0-.8-.6-1.4-1.4-1.4zm0 14.8H18c-.8 0-1.4.6-1.4 1.4v2.8c0 .8.6 1.4 1.4 1.4h2.8c.8 0 1.4-.6 1.4-1.4V18c0-.8-.6-1.4-1.4-1.4zm0-7.4H18c-.8 0-1.4.6-1.4 1.4v2.8c0 .8.6 1.4 1.4 1.4h2.8c.8 0 1.4-.6 1.4-1.4v-2.8c0-.8-.6-1.4-1.4-1.4z"/></symbol><symbol viewBox="0 0 24 24" id="arrowdown"><path d="M4.4 14.3c-.3.4-.3.9 0 1.3l7 6.7c.3.4.9.4 1.2 0l7-6.7c.4-.4.4-.9 0-1.3l-1.3-1.2c-.3-.4-.9-.4-1.3 0l-2.1 2.1c-.4.4-1.1.1-1.1-.4V2.3c0-.5-.4-.9-.9-.9h-1.8c-.5 0-.9.5-.9.9v12.5c0 .5-.7.8-1.1.4L7 13.1c-.4-.4-1-.4-1.3 0l-1.3 1.2z"/></symbol><symbol viewBox="0 0 24 24" id="arrowup"><path d="M19.1 9.7c.4-.4.4-.9 0-1.3l-6.9-6.7c-.4-.4-.9-.4-1.3 0L4 8.4c-.4.4-.4.9 0 1.3l1.3 1.2c.3.4.9.4 1.3 0l2.1-2.1c.4-.4 1-.1 1 .4v12.5c0 .5.5.9 1 .9h1.8c.5 0 .9-.5.9-.9V9.2c0-.5.7-.8 1-.4l2.2 2.1c.4.4.9.4 1.3 0l1.2-1.2z"/></symbol><symbol viewBox="0 0 24 24" id="attach"><path d="M8.1 16.9c.3.3.7.3 1 0l4.6-4.6c.3-.3.9-.3 1.3 0 .4.4.4 1 0 1.4l-5.7 5.6c-1.2 1.2-3.3 1.2-4.5 0l-.1-.1c-1.2-1.2-1.2-3.3 0-4.5l10-10c1.3-1.3 3.3-1.3 4.6 0 1.3 1.3 1.3 3.3 0 4.6-.2.3-.3.6-.1.9.3.5.5 1 .6 1.6.1.3.6.4.8.2l.7-.7c2.4-2.4 2.4-6.2 0-8.6h-.1C18.9.4 15 .4 12.7 2.7l-10 10c-2.4 2.3-2.4 6.2 0 8.5l.1.1c2.3 2.4 6.1 2.4 8.5 0l5.7-5.7c1.5-1.4 1.4-3.8-.1-5.3-1.5-1.4-3.9-1.3-5.3.1L7.1 15c-.3.2-.3.7 0 1l1 .9z"/></symbol><symbol viewBox="0 0 24 24" id="back"><path d="M22.4 10.6H7.1c-.4 0-.6-.5-.3-.8l4.4-4.4c.3-.3.3-.7 0-1l-1-1c-.3-.3-.7-.3-1 0l-8 8.1c-.3.3-.3.7 0 1l8 8.1c.3.3.7.3 1 0l1-1c.2-.3.2-.7 0-1l-4.5-4.4c-.2-.3-.1-.8.4-.8h15.3c.4 0 .7-.3.7-.7v-1.3c0-.4-.3-.8-.7-.8z"/></symbol><symbol viewBox="0 0 24 24" id="ban"><path d="M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zM3.7 12c0-4.6 3.7-8.3 8.3-8.3 1.8 0 3.5.5 4.8 1.5L5.2 16.8c-1-1.3-1.5-3-1.5-4.8zm8.3 8.3c-1.8 0-3.5-.5-4.8-1.5L18.8 7.2c1 1.3 1.5 3 1.5 4.8 0 4.6-3.7 8.3-8.3 8.3z"/></symbol><symbol viewBox="0 0 24 24" id="bold"><path d="M18.9 8.8c0-2.8-2.2-5.1-4.8-5.1H6.5c-.5 0-1 .4-1 .9v15.2c0 .6.5 1 1 1h7.6c2.6 0 4.8-2.3 4.8-5.1 0-1.3-.5-2.5-1.3-3.5.8-.9 1.3-2.1 1.3-3.4zm-4.8 8.7H8.8v-3.7h5.3c.9 0 1.6.9 1.6 1.9s-.7 1.8-1.6 1.8zm0-6.9H8.8V6.9h5.3c.9 0 1.6.9 1.6 1.9s-.7 1.8-1.6 1.8z"/></symbol><symbol viewBox="0 0 24 24" id="bookmark"><path d="M17.2 22.9l-4.6-4.6c-.2-.3-.6-.3-.9 0l-4.9 4.6c-.3.3-.8.1-.8-.3V2.8C6 1.8 6.8.9 7.8.9h8.4c1 0 1.8.9 1.8 1.9v19.8c0 .4-.5.6-.8.3z"/></symbol><symbol viewBox="0 0 24 24" id="breadcrumbs"><path d="M3.9 19.4c-.3 0-.5-.2-.5-.5V5c0-.2.2-.4.5-.4h3.7c.2 0 .4.1.6.2l5.3 6.7c.2.3.2.6 0 .9l-5.4 6.8c-.1.1-.3.2-.6.2H3.9zm16.5-7.9L15 4.8c-.2-.2-.6-.3-.9 0l-1.1.8c-.3.3-.4.7-.1 1l4.4 5.4-4.4 5.4c-.2.3-.2.8.1 1l1.1.9c.3.2.7.2.9-.1l5.4-6.7c.2-.4.2-.7 0-1z"/></symbol><symbol viewBox="0 0 24 24" id="broadcast"><path d="M.9 8.8c0 2.7 1.1 5.2 3 7.1.4.4 1 .4 1.4 0 .4-.5.4-1.1 0-1.5C3.8 12.9 3 10.9 3 8.8c0-2.2.8-4.2 2.3-5.7.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0C2 3.6.9 6.1.9 8.8zm5.9 4.1c.4.4 1 .4 1.5 0 .4-.4.4-1 0-1.4-.7-.8-1.2-1.7-1.2-2.7 0-1.1.4-2 1.2-2.7.4-.4.4-1.1 0-1.5-.5-.4-1.1-.4-1.5 0-1.1 1.1-1.7 2.6-1.7 4.2 0 1.5.6 3 1.7 4.1zM20.1 1.7c-.4-.4-1.1-.4-1.5 0-.4.4-.4 1 0 1.4 1.5 1.5 2.3 3.5 2.4 5.7-.1 2.1-.9 4.1-2.4 5.6-.4.4-.4 1 0 1.5.4.4 1.1.4 1.5 0C22 14 23 11.5 23 8.8c0-2.7-1-5.2-2.9-7.1zm-1.2 7.1c0-1.6-.7-3.1-1.8-4.2-.4-.4-1-.4-1.4 0-.4.4-.4 1.1 0 1.5.7.7 1.1 1.6 1.1 2.7 0 1-.4 1.9-1.1 2.7-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0 1.1-1.1 1.8-2.6 1.8-4.1zM10.9 11.2c-1-.4-1.6-1.3-1.6-2.5C9.3 7.2 10.5 6 12 6c1.5 0 2.7 1.2 2.7 2.7 0 1.2-.7 2.1-1.7 2.5v10.9c0 .3-.2.5-.5.5h-1.1c-.2 0-.5-.2-.5-.5V11.2z" /></symbol><symbol viewBox="0 0 24 24" id="brush"><path d="M22.8 1.2c-1.6-1.6-10.3 3.4-15.7 12-.2.4-.1.9.3 1.1 1.2.6 2.2 1.6 2.7 2.8.2.5.7.6 1.1.3C19.5 12 24.4 2.9 22.8 1.2zm-17.3 15c-.7 0-1.3.4-1.8.9h-.1c-.2 0-.4.3-.6.7-.7 1.2-.9 2.7-2 4.3-.2.3-.1.7.2.8 1.6.5 4.4 0 5.8-1v.1c.4-.1.3-.3.4-.3.5-.9 1-1.4 1-2.3-.1-1.7-1.3-3.2-2.9-3.2z" /></symbol><symbol viewBox="0 0 24 24" id="bucket"><path d="M22.6 5.1c0-2.9-4.5-4.2-8.8-4.2S5.1 2.2 5.1 5.1v.2C1.1 6.5.5 9 .5 10.4c0 1.4.7 2.8 1.9 3.9 1 .8 2.3 1.3 3.6 1.4h.4c3-.1 5.9-1.1 6.8-2.7-.5-.4-.7-.9-.7-1.5 0-1 .8-1.8 1.8-1.8s1.9.8 1.9 1.8c0 .8-.5 1.5-1.2 1.7-.9 2.6-4.6 4.3-9 4.3v2.8c0 1.5 3.5 2.8 7.8 2.8s7.9-1.3 7.9-2.8V7.1c.6-.6.9-1.2.9-2zm-8.8-1.4c3.1 0 5 .7 5.8 1.2.1.1.1.3 0 .4-.8.5-2.7 1.2-5.8 1.2s-4.9-.7-5.7-1.2c-.1-.1-.1-.3 0-.4.8-.5 2.7-1.2 5.7-1.2zM3.6 12.8c-.8-.6-1.3-1.5-1.3-2.4 0-2 1.9-3 3.6-3.4l.1.1v6.7c-.9 0-1.8-.4-2.4-1z"/></symbol><symbol viewBox="0 0 24 24" id="builder"><path d="M5.3 7.8H1.6c-.4 0-.7.4-.7.7v11.8c0 1 .9 1.9 1.9 1.9h2.5c.4 0 .7-.4.7-.7v-13c0-.3-.3-.7-.7-.7zm17.1 0H8.5c-.3 0-.7.4-.7.7v13c0 .3.4.7.7.7h12.7c1 0 1.9-.9 1.9-1.9V8.5c0-.3-.3-.7-.7-.7zm-1.2-6H2.8c-1 0-1.9.9-1.9 1.9v1.6c0 .4.3.7.7.7h20.8c.4 0 .7-.3.7-.7V3.7c0-1-.9-1.9-1.9-1.9z" /></symbol><symbol viewBox="0 0 24 24" id="call"><path d="M22.4 17.5l-2.8-2.3c-.7-.5-1.6-.5-2.2 0L15 16.9c-.3.3-.7.2-1-.1l-3.6-3.2L7.2 10c-.3-.3-.3-.6-.1-1l1.7-2.4c.5-.6.5-1.5 0-2.2L6.5 1.6C5.8.8 4.6.7 3.8 1.5L1.4 3.9c-.4.3-.6.9-.6 1.4.3 4.7 2.4 9.1 5.5 12.3s7.6 5.2 12.3 5.5c.6 0 1.1-.2 1.4-.6l2.4-2.4c.9-.7.9-2 0-2.6z"/></symbol><symbol viewBox="0 0 24 24" id="capslock"><path d="M20.1 9.7l-7.5-8.5c-.3-.4-.9-.4-1.2 0L3.9 9.7c-.3.4-.1.9.4.9h3.5v5.8c0 .4.4.7.7.7h7c.3 0 .7-.3.7-.7v-5.8h3.5c.5 0 .7-.5.4-.9zm-4.6 10.1h-7c-.3 0-.7.4-.7.7v1.9c0 .4.4.7.7.7h7c.3 0 .7-.3.7-.7v-1.9c0-.3-.4-.7-.7-.7z" /></symbol><symbol viewBox="0 0 24 24" id="cases"><path d="M4.2 1.6c0-.4-.4-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v14.3c0 .4.3.7.7.7h1.9c.3 0 .7-.3.7-.7V1.6zm18.9 0c0-.4-.3-.7-.7-.7h-1.9c-.3 0-.7.3-.7.7v14.3c0 .4.4.7.7.7h1.9c.4 0 .7-.3.7-.7V1.6zM17.3.9h-1.4c-.3 0-.7.4-.7.8v5.7c0 .2.1.3.3.4.8.4 1.5.9 2.1 1.5.1.2.4.1.4-.1V1.7c0-.4-.3-.8-.7-.8zM11.1 7h1.8c.3 0 .5-.2.5-.4V1.7c0-.4-.3-.8-.7-.8h-1.4c-.4 0-.7.4-.7.8v4.9c0 .2.2.5.5.4zM6.4 9.3c.6-.6 1.4-1.1 2.1-1.5.2-.1.3-.2.3-.4V1.7c0-.4-.4-.8-.7-.8H6.7c-.4 0-.7.4-.7.8v7.5c0 .2.2.3.4.1zm5.6-.5c-3.3 0-6 2.7-6 6 0 1 .3 2 .7 2.9L3.5 21c-.3.2-.3.6 0 .9l.9 1c.3.3.7.3 1 0l3.2-3.2c1 .7 2.2 1.1 3.4 1.1 3.3 0 6-2.7 6-6s-2.7-6-6-6zm0 9.2c-1.8 0-3.2-1.4-3.2-3.2s1.4-3.2 3.2-3.2 3.2 1.4 3.2 3.2S13.8 18 12 18z" /></symbol><symbol viewBox="0 0 24 24" id="center_align_text"><path d="M22.2 3c0-.4-.4-.7-.7-.7h-19c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7V3zm-2.8 5.5c0-.3-.3-.7-.7-.7H5.3c-.4 0-.7.4-.7.7v1.4c0 .4.3.7.7.7h13.4c.4 0 .7-.3.7-.7V8.5zm-.9 11.1c0-.4-.4-.7-.7-.7H6.2c-.3 0-.7.3-.7.7V21c0 .4.4.7.7.7h11.6c.3 0 .7-.3.7-.7v-1.4zm3.7-5.5c0-.4-.4-.7-.7-.7h-19c-.3 0-.7.3-.7.7v1.4c0 .3.4.7.7.7h19c.3 0 .7-.4.7-.7v-1.4z"/></symbol><symbol viewBox="0 0 24 24" id="change_owner"><path d="M12.6 17.4c-1.4-.6-1.6-1.1-1.6-1.7 0-.5.4-1 .8-1.4.8-.7 1.2-1.8 1.2-3 0-2.2-1.3-3.9-3.8-3.9s-3.8 1.7-3.8 3.9c0 1.2.3 2.3 1.2 3 .4.4.8.9.8 1.4 0 .6-.2 1.1-1.6 1.7-2.1.8-4 1.7-4 3.5 0 1.2 1 2.2 2.1 2.2h10.6c1.2 0 2.1-1 2.1-2.2 0-1.7-2-2.7-4-3.5zm7.9-8.6c0-3.4-2.8-6.3-6.2-6.3V.9l-3.1 2.6c-.2.1-.1.3 0 .5l3.1 2.5V4.8c2.2 0 3.9 1.8 3.9 4h-1.6l2.6 3.1c.1.1.3.1.5 0l2.5-3.1h-1.7z"/></symbol><symbol viewBox="0 0 24 24" id="change_record_type"><path d="M9.2 17.3c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v5.1c0 .4.3.7.7.7h6.9c.4 0 .7-.3.7-.7v-5.1zm-5.5-7.1H1.5c-.5 0-.7.4-.4.6l3.7 3.8c.1.2.4.2.6 0l3.7-3.8c.3-.3 0-.6-.4-.6H6.5c0-2.4 2.3-4.7 4.6-4.7V2.8c-4.2 0-7.4 3.2-7.4 7.4zm15.6-.8c-.2-.2-.5-.2-.7 0L15 13.2c-.3.3-.1.6.4.6h2.2c0 2.8-1.9 4.7-4.7 4.7v2.7c4.2 0 7.5-3.2 7.5-7.4h2.2c.5 0 .7-.4.4-.6l-3.7-3.8zm3.8-7.8c0-.4-.3-.7-.7-.7h-6.9c-.4 0-.7.3-.7.7v5.1c0 .4.3.7.7.7h6.9c.4 0 .7-.3.7-.7V1.6z"/></symbol><symbol viewBox="0 0 24 24" id="chart"><path d="M21 10.8L11.5 16c-.6.3-1.3-.1-1.3-.8V3.9c0-.5-.5-.9-.9-.7-4.6 1.3-8 5.8-7.4 10.9.5 4.6 4.2 8.4 8.9 8.9 6.2.7 11.4-4.1 11.4-10.1 0-.5-.1-1.1-.2-1.6s-.6-.7-1-.5zm-8.2 2.1l9.1-4.8c.5-.3.7-1 .3-1.5-2-2.9-5.3-5-9-5.6-.6-.1-1.2.4-1.2 1v10.5c0 .4.4.6.8.4z" /></symbol><symbol viewBox="0 0 24 24" id="chat"><path d="M12 1.8C5.9 1.8 1 6.4 1 12c0 1.7.5 3.4 1.3 4.8.1.3.2.6.1.8l-1.4 4c-.2.3.2.6.6.6l3.9-1.6c.3-.1.5 0 .8.1 1.7.9 3.7 1.5 5.8 1.5 6 0 11-4.5 11-10.2C23 6.4 18.1 1.8 12 1.8zm-5.5 12c-1.1 0-1.9-.8-1.9-1.8s.8-1.8 1.9-1.8 1.8.8 1.8 1.8-.8 1.8-1.8 1.8zm5.5 0c-1 0-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8 1.8.8 1.8 1.8-.8 1.8-1.8 1.8zm5.5 0c-1 0-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8 1.9.8 1.9 1.8-.8 1.8-1.9 1.8z"/></symbol><symbol viewBox="0 0 24 24" id="check"><path d="M8.8 19.6L1.2 12c-.3-.3-.3-.8 0-1.1l1-1c.3-.3.8-.3 1 0L9 15.7c.1.2.5.2.6 0L20.9 4.4c.2-.3.7-.3 1 0l1 1c.3.3.3.7 0 1L9.8 19.6c-.2.3-.7.3-1 0z"/></symbol><symbol viewBox="0 0 24 24" id="checkin"><path d="M12 .9C7.2.9 3.2 4.8 3.2 9.7c0 6.1 6.3 11.7 8.2 13.2.4.3.8.3 1.2 0 1.9-1.5 8.2-7.1 8.2-13.2 0-4.9-4-8.8-8.8-8.8zm0 12.5c-2 0-3.7-1.7-3.7-3.7S10 6 12 6s3.7 1.7 3.7 3.7-1.7 3.7-3.7 3.7z"/></symbol><symbol viewBox="0 0 24 24" id="chevrondown"><path d="M22 8.2l-9.5 9.6c-.3.2-.7.2-1 0L2 8.2c-.2-.3-.2-.7 0-1l1-1c.3-.3.8-.3 1.1 0l7.4 7.5c.3.3.7.3 1 0l7.4-7.5c.3-.2.8-.2 1.1 0l1 1c.2.3.2.7 0 1z"/></symbol><symbol viewBox="0 0 24 24" id="chevronleft"><path d="M15.8 22l-9.6-9.4c-.3-.3-.3-.8 0-1.1l9.6-9.4c.3-.3.7-.3 1 0l1 1c.3.3.3.7 0 1l-7.6 7.4c-.3.3-.3.8 0 1.1l7.5 7.4c.3.3.3.7 0 1l-1 1c-.2.2-.6.2-.9 0z"/></symbol><symbol viewBox="0 0 24 24" id="chevronright"><path d="M8.3 2l9.5 9.5c.3.3.3.7 0 1L8.3 22c-.3.2-.8.2-1.1 0l-1-1c-.2-.3-.2-.8 0-1.1l7.6-7.4c.2-.3.2-.7 0-1L6.3 4.1C6 3.8 6 3.3 6.3 3l1-1c.3-.2.7-.2 1 0z"/></symbol><symbol viewBox="0 0 24 24" id="chevronup"><path d="M2 15.8l9.5-9.6c.3-.2.7-.2 1 0l9.5 9.6c.2.3.2.7 0 1l-1 1c-.3.3-.8.3-1.1 0l-7.4-7.6c-.3-.2-.7-.2-1 0l-7.4 7.6c-.3.2-.8.2-1.1 0l-1-1c-.2-.3-.2-.7 0-1z"/></symbol><symbol viewBox="0 0 24 24" id="clear"><path d="M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm2.3 11.5l3.6 3.6c.1.2.1.4 0 .6l-1.3 1.3c-.2.2-.5.2-.7 0l-3.6-3.6c-.2-.2-.4-.2-.6 0l-3.6 3.6c-.2.2-.5.2-.7 0l-1.3-1.3c-.1-.2-.1-.4 0-.6l3.6-3.6c.2-.2.2-.5 0-.7L6.1 8.1c-.2-.2-.2-.5 0-.7l1.3-1.3c.2-.1.4-.1.6 0l3.7 3.7c.2.2.4.2.6 0l3.6-3.6c.2-.2.5-.2.7 0l1.3 1.3c.1.2.1.4 0 .6l-3.6 3.6c-.2.2-.2.5 0 .7z"/></symbol><symbol viewBox="0 0 24 24" id="clock"><path d="M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm0 19.4c-4.6 0-8.3-3.7-8.3-8.3S7.4 3.7 12 3.7s8.3 3.7 8.3 8.3-3.7 8.3-8.3 8.3zm1.6-8.2c-.2-.1-.2-.3-.2-.5V7.2c0-.4-.3-.7-.7-.7h-1.4c-.4 0-.7.3-.7.7v5.5c0 .2.1.4.2.5l3.4 3.5c.3.2.7.2 1 0l1-1c.2-.3.2-.7 0-1l-2.6-2.6z" /></symbol><symbol viewBox="0 0 24 24" id="close"><path d="M14.3 11.7l6-6c.3-.3.3-.7 0-1l-.9-1c-.3-.2-.7-.2-1 0l-6 6.1c-.2.2-.5.2-.7 0l-6-6.1c-.3-.3-.7-.3-1 0l-1 1c-.2.2-.2.7 0 .9l6.1 6.1c.2.2.2.4 0 .6l-6.1 6.1c-.3.3-.3.7 0 1l1 1c.2.2.7.2.9 0l6.1-6.1c.2-.2.4-.2.6 0l6.1 6.1c.2.2.7.2.9 0l1-1c.3-.3.3-.7 0-1l-6-6c-.2-.2-.2-.5 0-.7z"/></symbol><symbol viewBox="0 0 24 24" id="comments"><path d="M22.1 14.3c-.1-.2-.1-.4 0-.5.6-1.1 1-2.3 1-3.6 0-4.1-3.5-7.4-7.9-7.4-2 0-3.8.8-5.2 2 4.7.5 8.5 4.4 8.5 9.1 0 1.1-.3 2.3-.7 3.3.5-.2 1-.4 1.5-.7.2-.1.4-.1.5 0l2.9 1.1c.2.1.5-.2.4-.4l-1-2.9zM8.8 6.5C4.4 6.5.9 9.8.9 13.9c0 1.3.4 2.5 1 3.5.1.2.1.4 0 .6l-1 2.8c-.1.3.2.5.4.4l2.9-1.1c.1 0 .3 0 .5.1 1.2.7 2.6 1 4.1 1 4.3 0 7.8-3.3 7.8-7.4 0-4-3.5-7.3-7.8-7.3z"/></symbol><symbol viewBox="0 0 24 24" id="company"><path d="M9.7 1.8H3.2c-.8 0-1.4.6-1.4 1.4v18.5c0 .2.3.5.5.5h1.9c.2 0 .4-.2.4-.5v-2.8c0-.3.2-.4.5-.4h2.7c.3 0 .5.1.5.4v2.8c0 .3.2.5.5.5h1.4c.5 0 .9-.5.9-1v-18c0-.8-.6-1.4-1.4-1.4zM5.5 16.4c0 .1-.1.2-.2.2H3.9c-.1 0-.2-.1-.2-.2v-2.3c0-.2.1-.3.2-.3h1.4c.1 0 .2.1.2.3v2.3zm0-4.6c0 .1-.1.2-.2.2H3.9c-.1 0-.2-.1-.2-.2V9.5c0-.2.1-.3.2-.3h1.4c.1 0 .2.1.2.3v2.3zm0-4.6c0 .1-.1.2-.2.2H3.9c-.1 0-.2-.1-.2-.2V4.8c0-.1.1-.2.2-.2h1.4c.1 0 .2.1.2.2v2.4zm3.7 9.2c0 .1-.1.2-.2.2H7.6c-.1 0-.2-.1-.2-.2v-2.3c0-.2.1-.3.2-.3H9c.1 0 .2.1.2.3v2.3zm0-4.6c0 .1-.1.2-.2.2H7.6c-.1 0-.2-.1-.2-.2V9.5c0-.2.1-.3.2-.3H9c.1 0 .2.1.2.3v2.3zm0-4.6c0 .1-.1.2-.2.2H7.6c-.1 0-.2-.1-.2-.2V4.8c0-.1.1-.2.2-.2H9c.1 0 .2.1.2.2v2.4zm11.6-.7h-6.5c-.8 0-1.4.6-1.4 1.3v13.9c0 .2.3.5.5.5h1.8c.3 0 .5-.2.5-.5v-2.8c0-.3.2-.4.5-.4h2.7c.3 0 .5.1.5.4v2.8c0 .3.2.5.4.5h1.4c.5 0 1-.5 1-1V7.8c0-.7-.6-1.3-1.4-1.3zm-4.2 9.9c0 .1-.1.2-.2.2H15c-.1 0-.2-.1-.2-.2v-2.3c0-.2.1-.3.2-.3h1.4c.1 0 .2.1.2.3v2.3zm0-4.6c0 .1-.1.2-.2.2H15c-.1 0-.2-.1-.2-.2V9.5c0-.2.1-.3.2-.3h1.4c.1 0 .2.1.2.3v2.3zm3.7 4.6c0 .1-.1.2-.2.2h-1.4c-.1 0-.2-.1-.2-.2v-2.3c0-.2.1-.3.2-.3h1.4c.1 0 .2.1.2.3v2.3zm0-4.6c0 .1-.1.2-.2.2h-1.4c-.1 0-.2-.1-.2-.2V9.5c0-.2.1-.3.2-.3h1.4c.1 0 .2.1.2.3v2.3z"/></symbol><symbol viewBox="0 0 24 24" id="connected_apps"><path d="M11 14.4l-1.8 8.1c-.1.5.5.8.8.4l9.7-12c.3-.3.1-.7-.3-.7h-5.2c-.4 0-.6-.5-.4-.7L18.4 2c.2-.5-.1-1.1-.6-1.1H9.6c-.5 0-.9.3-1.1.8L4.7 12.9c-.2.5.1.9.6.9h5.3c.2 0 .5.3.4.6z"/></symbol><symbol viewBox="0 0 24 24" id="contract"><path d="M13.7 11.1h7.1c.4 0 .6-.5.2-.9l-2.3-2.3 4.2-4.2c.2-.2.2-.7 0-.9l-1.7-1.7c-.2-.2-.6-.2-.9.1l-4.1 4.1L13.8 3c-.4-.3-.9-.2-.9.3v7.1c0 .3.4.7.8.7zm-3.4 1.8H3.2c-.4 0-.6.5-.2.9l2.3 2.3-4.2 4.2c-.2.2-.2.7 0 .9l1.7 1.7c.2.2.6.2.9 0l4.2-4.2 2.3 2.3c.4.4.9.2.9-.2v-7.1c0-.3-.4-.8-.8-.8zm2.6.8v7.1c0 .4.5.6.9.2l2.3-2.3 4.2 4.2c.2.2.7.2.9 0l1.7-1.7c.2-.2.2-.6-.1-.9l-4.1-4.1 2.3-2.4c.3-.4.2-.9-.3-.9h-7.1c-.3 0-.7.4-.7.8zm-1.8-3.4V3.2c0-.4-.5-.6-.9-.2L7.9 5.3 3.7 1.1c-.2-.2-.7-.2-.9 0L1.1 2.8c-.2.2-.2.6 0 .9l4.2 4.2L3 10.2c-.4.4-.2.9.2.9h7.1c.3 0 .8-.4.8-.8z"/></symbol><symbol viewBox="0 0 24 24" id="contract_alt"><path d="M13.7 11h7.1c.4 0 .6-.5.2-.8l-2.3-2.4 4.2-4.2c.2-.2.2-.6 0-.8l-1.7-1.7c-.2-.2-.6-.2-.9 0l-4.1 4.2L13.8 3c-.4-.4-.9-.2-.9.2v7.1c0 .4.4.7.8.7zm-3.4 1.9H3.2c-.4 0-.6.5-.2.9l2.3 2.3-4.2 4.2c-.2.2-.2.7 0 .9l1.7 1.7c.2.2.6.2.9 0l4.2-4.2 2.3 2.3c.4.4.9.2.9-.2v-7.1c0-.3-.4-.8-.8-.8z"/></symbol><symbol viewBox="0 0 24 24" id="copy"><path d="M20.3.9h-12c-1 0-1.8.9-1.8 1.9v.9h11c1.1 0 1.9.8 1.9 1.8v13h.9c1 0 1.9-.9 1.9-1.9V2.8c0-1-.9-1.9-1.9-1.9zm-2.8 6.5c0-1-.8-1.9-1.8-1.9h-12c-1 0-1.9.9-1.9 1.9v13.8c0 1 .9 1.9 1.9 1.9h12c1 0 1.8-.9 1.8-1.9V7.4zm-8.3 3.2c0 .3-.2.5-.4.5H5.1c-.3 0-.5-.2-.5-.5v-.9c0-.3.2-.5.5-.5h3.7c.2 0 .4.2.4.5v.9zm3.7 7.4c0 .3-.2.5-.4.5H5.1c-.3 0-.5-.2-.5-.5v-.9c0-.3.2-.5.5-.5h7.4c.2 0 .4.2.4.5v.9zm1.9-3.7c0 .3-.2.5-.5.5H5.1c-.3 0-.5-.2-.5-.5v-.9c0-.3.2-.5.5-.5h9.2c.3 0 .5.2.5.5v.9z"/></symbol><symbol viewBox="0 0 24 24" id="crossfilter"><path d="M16.2 4.2c-.8 0-1.6 0-2.3.3.9.7 1.6 1.5 2.2 2.4h.1c2.8 0 5 2.3 5 5.1s-2.2 5.1-5 5.1c-.7 0-1.4-.2-2-.4.3-.5.7-1.1.9-1.7.1-.2.2-.4.2-.6.3-.7.4-1.6.4-2.4 0-4.3-3.5-7.8-7.9-7.8S0 7.7 0 12s3.5 7.8 7.8 7.8c.8 0 1.6 0 2.3-.3-.9-.7-1.6-1.5-2.2-2.4h-.1c-2.8 0-5-2.3-5-5.1s2.2-5.1 5-5.1c.7 0 1.4.2 2.1.4-1 1.3-1.6 2.9-1.6 4.7 0 4.3 3.5 7.8 7.9 7.8S24 16.3 24 12s-3.5-7.8-7.8-7.8z"/></symbol><symbol viewBox="0 0 24 24" id="custom_apps"><path d="M22.8 5.6c-.1-.2-.4-.3-.6-.1l-3.8 3.7c-.3.3-.7.3-1 0l-2.6-2.6c-.3-.3-.3-.7 0-1l3.8-3.8c.1-.1 0-.5-.2-.6-.6-.2-1.3-.3-2-.3-3.9 0-7 3.4-6.6 7.4.1.7.3 1.2.5 1.8l-8.6 8.5c-1.1 1.1-1.1 2.7 0 3.7.5.5 1.2.8 1.8.8s1.3-.3 1.9-.8l8.5-8.6c.6.2 1.2.4 1.8.5 4 .4 7.4-2.7 7.4-6.6 0-.7-.1-1.4-.3-2z"/></symbol><symbol viewBox="0 0 24 24" id="cut"><path d="M18.8 14.5c-.8-.2-1.5-.1-2.2.1L6.4 1.1C6.3.9 6 .9 5.8 1l-.4.3c-.8.6-.9 1.7-.3 2.6l4.9 6.4c.2.3.2.6 0 .9l-2.7 3.4c-.6-.2-1.4-.2-2.1-.1-1.7.4-3.1 1.7-3.3 3.5-.4 2.7 2 5 4.8 4.6 1.7-.3 3-1.6 3.4-3.2.2-1.2 0-2.2-.5-3l1.9-2.6c.3-.4.8-.4 1.1 0l1.9 2.6c-.5.9-.7 1.9-.5 3 .3 1.6 1.7 2.9 3.4 3.2 2.8.4 5.2-1.9 4.8-4.6-.4-1.8-1.8-3.2-3.4-3.5zM6 19.9c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4 1.3.6 1.3 1.4-.6 1.4-1.3 1.4zm12 0c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4 1.3.6 1.3 1.4c0 .8-.6 1.4-1.3 1.4zM14.4 8.7c.2.3.6.3.8 0l3.7-4.8c.5-.7.4-1.6-.1-2.3h.1-.1c-.1-.1-.7-.6-.7-.6-.1-.1-.5-.1-.6.1l-4.1 5.4c-.2.2-.2.6 0 .8l1 1.4z" /></symbol><symbol viewBox="0 0 24 24" id="dash"><path d="M23.1 12.7c0 .4-.3.7-.7.7H1.6c-.4 0-.7-.3-.7-.7v-1.4c0-.4.3-.7.7-.7h20.8c.4 0 .7.3.7.7v1.4z"/></symbol><symbol viewBox="0 0 24 24" id="database"><path d="M21 4.2C21 2.4 16.9 1 12 1S3 2.4 3 4.2v1.1C3 7 7.1 8.4 12 8.4s9-1.4 9-3.1V4.2zM3 7.8c0 1.4 4.1 2.5 9 2.5s9-1.1 9-2.5v2.3c0 1.8-4.1 3.2-9 3.2s-9-1.4-9-3.2V7.8zm0 0c0 1.4 4.1 2.5 9 2.5s9-1.1 9-2.5v2.3c0 1.8-4.1 3.2-9 3.2s-9-1.4-9-3.2V7.8zm0 4.9c0 1.4 4.1 2.5 9 2.5s9-1.1 9-2.5V15c0 1.7-4.1 3.1-9 3.1S3 16.8 3 15v-2.3zm0 4.9c0 1.4 4.1 2.5 9 2.5s9-1.1 9-2.5v2.2c0 1.8-4.1 3.2-9 3.2s-9-1.4-9-3.2v-2.2z"/></symbol><symbol viewBox="0 0 24 24" id="datadotcom"><path d="M19.6 22.7h-2.4c-.2-.9-.3-1.7-.3-2.4-1.2 1.9-3.1 2.8-5.6 2.8-2.3 0-4-.8-5.2-2.3-1.2-1.5-1.7-3.5-1.7-5.9 0-1.6.3-2.9.9-4.2s1.4-2.3 2.5-2.9c1.1-.8 2.4-1.2 3.9-1.2 2.1 0 3.8.7 5.1 2.1V1h2.6v18.2c0 1.2.1 2.3.2 3.5zM16.8 16v-5c-.6-.8-1.3-1.3-2.1-1.7-.8-.4-1.7-.6-2.7-.6-1.5 0-2.7.6-3.6 1.7-.9 1.2-1.3 2.7-1.3 4.5 0 1.9.4 3.3 1.3 4.4.8 1.1 2 1.7 3.5 1.7 1.4 0 2.6-.5 3.5-1.4.9-1 1.4-2.2 1.4-3.6z"/></symbol><symbol viewBox="0 0 24 24" id="dayview"><path d="M20.3 3.2H18v-.9c0-.7-.6-1.4-1.4-1.4-.7 0-1.4.6-1.4 1.4v.9H8.8v-.9c0-.7-.6-1.4-1.4-1.4C6.6.9 6 1.5 6 2.3v.9H3.7c-1 0-1.9.9-1.9 1.9v1.1c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7V5.1c0-1-.9-1.9-1.9-1.9zm1.2 6h-19c-.3 0-.7.4-.7.7v11.3c0 1 .9 1.9 1.9 1.9h16.6c1 0 1.9-.9 1.9-1.9V9.9c0-.3-.4-.7-.7-.7zm-8.1 10.2v.1c0 .3-.5.8-.9.8s-1-.5-1-.9v-4.6l-.7.7c-.1.1-.2.2-.4.2-.4 0-.7-.3-.7-.7 0-.2.1-.4.2-.5l1.8-1.8c.2-.2.4-.3.7-.3.5 0 1 .4 1 .9v6.1z"/></symbol><symbol viewBox="0 0 24 24" id="delete"><path d="M21 4.6h-5.8V2.8c0-1-.8-1.9-1.8-1.9h-2.8c-1 0-1.8.9-1.8 1.9v1.8H3c-.4 0-.7.3-.7.7v1.4c0 .4.3.7.7.7h18c.4 0 .7-.3.7-.7V5.3c0-.4-.3-.7-.7-.7zM10.6 3.2c0-.2.2-.4.5-.4h1.8c.3 0 .5.2.5.4v1.4h-2.8V3.2zm8.6 6H4.8c-.3 0-.6.4-.6.7v10.9c0 1.3 1 2.3 2.3 2.3h11c1.3 0 2.3-1 2.3-2.3V9.9c0-.3-.3-.7-.6-.7zm-8.6 10.2c0 .3-.2.4-.4.4h-1c-.2 0-.4-.1-.4-.4v-6.5c0-.3.2-.4.4-.4h1c.2 0 .4.1.4.4v6.5zm4.6 0c0 .3-.2.4-.4.4h-1c-.2 0-.4-.1-.4-.4v-6.5c0-.3.2-.4.4-.4h1c.2 0 .4.1.4.4v6.5z" /></symbol><symbol viewBox="0 0 24 24" id="deprecate"><path d="M22.2 3.2H1.8c-.5 0-.9.4-.9 1v12c0 .5.4.9.9.9h7.5c.5 2.6 2.7 4.6 5.5 4.6s5-2 5.4-4.6h2c.5 0 .9-.4.9-.9v-12c0-.6-.4-1-.9-1zm-4 15.1l-1.3 1.3-2.1-2.2-2.2 2.2-1.2-1.3 2.1-2.1-2.1-2.2 1.2-1.3 2.2 2.2 2.1-2.2 1.3 1.3-2.1 2.2 2.1 2.1zm3-3.1h-1c-.4-2.6-2.7-4.6-5.4-4.6s-5.1 2-5.5 4.6H2.8V5.1h18.4v10.1z"/></symbol><symbol viewBox="0 0 24 24" id="description"><path d="M20.3 1.8H3.7c-1 0-1.9.9-1.9 1.9v16.6c0 1 .9 1.9 1.9 1.9h16.6c1 0 1.9-.9 1.9-1.9V3.7c0-1-.9-1.9-1.9-1.9zM5.5 6.5c0-.3.2-.5.5-.5h4.6c.3 0 .5.2.5.5v4.6c0 .3-.2.4-.5.4H6c-.3 0-.5-.1-.5-.4V6.5zm11.1 12c0 .2-.2.4-.4.4H6c-.3 0-.5-.2-.5-.4v-1c0-.2.2-.4.5-.4h10.2c.2 0 .4.2.4.4v1zm1.9-3.7c0 .2-.2.4-.5.4H6c-.3 0-.5-.2-.5-.4v-1c0-.2.2-.4.5-.4h12c.3 0 .5.2.5.4v1zm0-3.7c0 .3-.2.4-.5.4h-4.6c-.3 0-.5-.1-.5-.4v-.9c0-.3.2-.5.5-.5H18c.3 0 .5.2.5.5v.9zm0-3.7c0 .3-.2.4-.5.4h-4.6c-.3 0-.5-.1-.5-.4v-.9c0-.3.2-.5.5-.5H18c.3 0 .5.2.5.5v.9z"/></symbol><symbol viewBox="0 0 24 24" id="desktop"><path d="M23.1 2.8c0-1-.9-1.9-1.9-1.9H2.8C1.8.9.9 1.8.9 2.8v12c0 1 .9 1.8 1.9 1.8h18.4c1 0 1.9-.8 1.9-1.8v-12zm-2.8 10.4c0 .3-.3.6-.7.6H4.4c-.4 0-.7-.3-.7-.6V4.4c0-.4.3-.7.7-.7h15.2c.4 0 .7.3.7.7v8.8zm-5.1 7.1h-1.4c-.2 0-.4-.2-.4-.5v-.9c0-.3-.2-.4-.5-.4h-1.8c-.3 0-.5.1-.5.4v.9c0 .3-.2.5-.4.5H8.8c-1 0-1.9.8-1.9 1.9v.2c0 .4.3.7.7.7h8.8c.4 0 .7-.3.7-.7v-.2c0-1.1-.9-1.9-1.9-1.9z" /></symbol><symbol viewBox="0 0 24 24" id="dislike"><path d="M5.5 13.6V4.2c0-1.1-.8-1.9-1.8-1.9H2.5c-.3 0-.7.3-.7.7v10.6c0 .4.4.7.7.7h2.3c.4 0 .7-.3.7-.7zM22.2 12V6.2c0-4-3.2-4.4-6.7-4.4-3.3 0-4.3 1.3-7.5 1.4-.3 0-.6.4-.6.7v9.3c0 .3.3.6.7.6 2.2 0 3.9 2.4 3.9 4.9v2.8c0 .3.3.7.7.7h1.1c1.1 0 1.9-.9 1.9-1.9v-4.6c0-1 .8-1.9 1.8-1.9h2.8c1 0 1.9-.8 1.9-1.8z"/></symbol><symbol viewBox="0 0 24 24" id="dock_panel"><path d="M.9 16.2v-12C.9 2.4 2.3.9 4.1.9h12c1.8 0 3.2 1.5 3.2 3.3v1.3h-2.7V4.2c0-.3-.2-.5-.5-.5h-12c-.3 0-.5.2-.5.5v12c0 .2.2.4.5.4h1.4v2.8H4.1C2.3 19.4.9 18 .9 16.2zm20.3-8.8h-12c-1 0-1.9.8-1.9 1.8v12c0 1 .9 1.9 1.9 1.9h12c1 0 1.8-.9 1.8-1.9v-12c0-1-.8-1.8-1.8-1.8zM19.3 19c0 .2-.1.4-.4.4h-5.3c-.3 0-.5-.2-.5-.4v-.9c0-.2.2-.4.5-.4h2.2c.3 0 .4-.3.2-.5l-4.8-4.8c-.2-.1-.2-.4 0-.6l.6-.6c.2-.1.4-.1.6 0l4.8 4.8c.2.2.4.1.4-.2v-2.2c0-.2.3-.4.5-.4h.9c.2 0 .3.2.3.4V19z"/></symbol><symbol viewBox="0 0 24 24" id="down"><path d="M3.8 6.5h16.4c.4 0 .8.6.4 1l-8 9.8c-.3.3-.9.3-1.2 0l-8-9.8c-.4-.4-.1-1 .4-1z"/></symbol><symbol viewBox="0 0 24 24" id="download"><path d="M22.4 14.3H21c-.4 0-.7.3-.7.7v4.6c0 .4-.3.7-.7.7H4.4c-.4 0-.7-.3-.7-.7V15c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v6.2c0 1 .9 1.9 1.9 1.9h18.4c1 0 1.9-.9 1.9-1.9V15c0-.4-.3-.7-.7-.7zm-10.9 3.1c.3.2.7.2 1 0l6.2-6.3c.3-.3.3-.7 0-.9l-.9-1c-.3-.3-.7-.3-1 0l-2.6 2.6c-.3.2-.8.1-.8-.4V1.6c0-.4-.4-.7-.7-.7h-1.4c-.4 0-.7.3-.7.7v9.8c0 .4-.5.6-.8.3L7.2 9.1c-.2-.2-.6-.2-.9 0l-1 1.1c-.3.2-.3.6 0 .9l6.2 6.3z" /></symbol><symbol viewBox="0 0 24 24" id="edit"><path d="M4.4 15.4l4.1 4.1c.2.2.5.2.6 0L19.4 9.2c.2-.2.2-.4 0-.6l-4.1-4.1c-.2-.2-.4-.2-.6 0L4.4 14.8c-.2.2-.2.5 0 .6zM16.7 2.6c-.2.2-.2.5 0 .7l4 4c.2.2.5.2.7 0l1.1-1.1c.8-.7.8-1.8 0-2.6l-2.1-2.1c-.8-.8-1.9-.8-2.7 0l-1 1.1zM1 22.2c-.1.5.3.9.8.8l5-1.2c.2 0 .3-.1.4-.2l.1-.1c.1-.1.1-.4-.1-.6l-4.1-4.1c-.2-.2-.5-.2-.6-.1l-.1.1c-.1.1-.2.3-.2.4l-1.2 5z" /></symbol><symbol viewBox="0 0 24 24" id="edit_form"><path d="M14.5 7.1h3.8c.3 0 .5-.3.5-.5s-.1-.3-.2-.4l-4.7-4.7c-.1-.1-.2-.1-.3-.1-.3 0-.5.2-.5.5v3.7c0 .8.6 1.5 1.4 1.5zm8.3 4.8l-.4-.5c-.2-.2-.7-.2-1 0l-5.5 5.5v1.3c0 .1 0 .2.1.2h1.4l5.4-5.5c.4-.3.4-.8 0-1zm-4.4 8.6h-3.3c-.7 0-1.3-.6-1.3-1.3v-2.5c0-.4.1-.8.4-1l4.4-4.4c.1-.1.2-.3.2-.5v-.9c0-.4-.3-.7-.7-.7h-5c-1.2 0-2.2-1-2.2-2.1v-5c0-.4-.3-.7-.7-.7H3C1.9 1.4.9 2.4.9 3.5v17c0 1.1 1 2.1 2.1 2.1h13.6c1 0 2-.7 2.1-1.7.1-.2-.1-.4-.3-.4zM3.8 7.8c0-.4.3-.7.7-.7h2.8c.5 0 .7.3.7.7v.6c0 .4-.3.7-.7.7H4.5c-.4 0-.7-.3-.7-.7v-.6zm7.1 9.1c0 .4-.3.7-.7.7H4.5c-.4 0-.7-.3-.7-.7v-.7c0-.3.3-.6.7-.6h5.7c.4 0 .7.3.7.6v.7zm1.5-4.2c0 .4-.4.7-.7.7H4.5c-.4 0-.7-.3-.7-.7V12c0-.4.3-.7.7-.7h7.1c.4 0 .7.3.7.7v.7z" /></symbol><symbol viewBox="0 0 24 24" id="email"><path d="M11.5 13.9c.3.3.7.3 1 0l10.4-9.7c.2-.4.1-1-.6-1l-20.6.1c-.6 0-1.1.5-.6.9l10.4 9.7zM23.1 8c0-.5-.6-.8-.9-.4L14 15.1c-.6.5-1.3.8-2 .8s-1.4-.3-2-.8L1.9 7.6c-.4-.4-.9-.1-.9.4C.9 7.8.9 18.5.9 18.5c0 1 .9 1.8 1.9 1.8h18.4c1 0 1.9-.8 1.9-1.8V8z" /></symbol><symbol viewBox="0 0 24 24" id="emoji"><path d="M23.1 12c0 6.1-5 11.1-11.1 11.1S.9 18.1.9 12 5.9.9 12 .9s11.1 5 11.1 11.1zM8.4 7.3c-1.1 0-1.9.9-1.9 2s.8 2 1.9 2 2-.9 2-2-.8-2-2-2zm7.2 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-.1 7.7c-.9.8-2.2 1.3-3.5 1.3-1.3 0-2.5-.5-3.5-1.3l-.4-.3c-.1-.1-.2-.2-.5-.2-.5 0-.9.5-.9.9 0 .2.1.5.3.7l.3.2c1.3 1.1 2.9 1.8 4.7 1.8 1.8 0 3.5-.7 4.7-1.8l.2-.2c.2-.2.3-.5.3-.7 0-.5-.4-.9-.9-.9-.2 0-.4.1-.5.2l-.3.3z"/></symbol><symbol viewBox="0 0 24 24" id="end_call"><path d="M22.4 2.6l-1-1c-.3-.3-.8-.2-1.1.2L9.5 12.6 7.2 10c-.3-.3-.3-.6-.1-1l1.7-2.4c.5-.6.5-1.5 0-2.2L6.5 1.6C5.8.8 4.6.7 3.8 1.5L1.4 3.9c-.4.3-.6.9-.6 1.4.3 4.2 2 8.3 4.6 11.3l-3.6 3.7c-.4.3-.4.8-.2 1.1l1 1c.3.3.8.2 1.1-.2L22.2 3.7c.4-.3.5-.8.2-1.1zm0 14.9l-2.8-2.3c-.7-.5-1.6-.5-2.2 0L15 16.9c-.3.3-.7.2-1-.1l-1.1-1-3.9 4c2.8 1.8 6.1 3.1 9.6 3.3.6 0 1.1-.2 1.4-.6l2.4-2.4c.9-.7.9-2 0-2.6z"/></symbol><symbol viewBox="0 0 24 24" id="erect_window"><path d="M23.1 3c0 .4-.3.7-.7.7H1.6c-.4 0-.7-.3-.7-.7V1.6c0-.4.3-.7.7-.7h20.8c.4 0 .7.3.7.7V3z"/></symbol><symbol viewBox="0 0 24 24" id="error"><path d="M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm5.5 11.9c-.1.3-.3.6-.7.6H7.2c-.4 0-.6-.2-.7-.6v-1.6c.1-.3.3-.6.7-.6h9.6c.4 0 .6.3.7.6v1.6z"/></symbol><symbol viewBox="0 0 24 24" id="event"><path d="M21.5 9.2h-19c-.3 0-.7.4-.7.7v11.3c0 1 .9 1.9 1.9 1.9h16.6c1 0 1.9-.9 1.9-1.9V9.9c0-.3-.4-.7-.7-.7zM8.8 19.4c0 .3-.2.4-.5.4H6.5c-.3 0-.5-.1-.5-.4v-1.9c0-.2.2-.4.5-.4h1.8c.3 0 .5.2.5.4v1.9zm0-4.6c0 .2-.2.4-.5.4H6.5c-.3 0-.5-.2-.5-.4v-1.9c0-.3.2-.4.5-.4h1.8c.3 0 .5.1.5.4v1.9zm4.6 4.6c0 .3-.2.4-.5.4h-1.8c-.3 0-.5-.1-.5-.4v-1.9c0-.2.2-.4.5-.4h1.8c.3 0 .5.2.5.4v1.9zm0-4.6c0 .2-.2.4-.5.4h-1.8c-.3 0-.5-.2-.5-.4v-1.9c0-.3.2-.4.5-.4h1.8c.3 0 .5.1.5.4v1.9zm4.6 4.6c0 .3-.2.4-.5.4h-1.8c-.3 0-.5-.1-.5-.4v-1.9c0-.2.2-.4.5-.4h1.8c.3 0 .5.2.5.4v1.9zm0-4.6c0 .2-.2.4-.5.4h-1.8c-.3 0-.5-.2-.5-.4v-1.9c0-.3.2-.4.5-.4h1.8c.3 0 .5.1.5.4v1.9zm2.3-11.6H18v-.9c0-.7-.6-1.4-1.4-1.4-.7 0-1.4.6-1.4 1.4v.9H8.8v-.9c0-.7-.6-1.4-1.4-1.4C6.6.9 6 1.5 6 2.3v.9H3.7c-1 0-1.9.9-1.9 1.9v1.1c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7V5.1c0-1-.9-1.9-1.9-1.9z" /></symbol><symbol viewBox="0 0 24 24" id="expand"><path d="M22.5.9h-7.1c-.5 0-.6.4-.3.8L17.4 4l-4.2 4.1c-.2.3-.2.6 0 .9l1.8 1.7c.2.2.6.2.8 0L20 6.5l2.3 2.3c.4.3.8.2.8-.3V1.4c0-.2-.3-.5-.6-.5zM1.6 23.1h7.1c.5 0 .6-.5.3-.9l-2.3-2.3 4.1-4.2c.3-.2.3-.7 0-.9l-1.7-1.7c-.2-.2-.6-.2-.8 0l-4.2 4.2L1.8 15c-.4-.4-.9-.2-.9.2v7.1c0 .4.4.8.7.8zm21.5-.6v-7.1c0-.5-.4-.6-.8-.3L20 17.4l-4.1-4.2c-.3-.2-.6-.2-.9 0L13.3 15c-.2.2-.2.6 0 .8l4.2 4.2-2.3 2.3c-.3.4-.2.8.3.8h7.1c.2 0 .5-.3.5-.6zM.9 1.6v7.1c0 .5.5.6.9.3l2.3-2.3 4.2 4.1c.2.3.7.3.9 0l1.7-1.7c.2-.2.2-.6 0-.8L6.7 4.1 9 1.8c.4-.4.2-.9-.2-.9H1.7c-.4 0-.8.4-.8.7z"/></symbol><symbol viewBox="0 0 24 24" id="expand_alt"><path d="M22.5.9h-7.1c-.5 0-.6.4-.3.8L17.4 4l-4.2 4.1c-.2.3-.2.6 0 .9l1.8 1.7c.2.2.6.2.8 0L20 6.5l2.3 2.3c.4.3.8.2.8-.3V1.4c0-.2-.3-.5-.6-.5zM1.6 23.1h7.1c.5 0 .6-.5.3-.9l-2.3-2.3 4.1-4.2c.3-.2.3-.7 0-.9l-1.7-1.7c-.2-.2-.6-.2-.8 0l-4.2 4.2L1.8 15c-.4-.4-.9-.2-.9.2v7.1c0 .4.4.8.7.8z"/></symbol><symbol viewBox="0 0 24 24" id="fallback"><path d="M12.9 1.6l-1.4 6.8c0 .2.2.4.5.4h7.2c.5 0 .8.6.6 1l-7.9 12.9c-.3.7-1.3.4-1.3-.3l1.4-8c0-.2-.2-.1-.5-.1H3.9c-.5 0-.9-.8-.6-1.2l8.3-11.8c.4-.6 1.3-.4 1.3.3z"/></symbol><symbol viewBox="0 0 24 24" id="favorite"><path d="M12.6 1.4l2.2 7c.1.2.3.4.6.4h6.9c.7 0 1 .9.5 1.3l-5.7 4.2c-.2.1-.3.5-.2.7l2.7 7.2c.2.6-.5 1.2-1.1.7l-6-4.5c-.3-.2-.6-.2-.9 0l-6.1 4.5c-.5.5-1.3-.1-1-.7L7.1 15c.1-.2 0-.6-.3-.7l-5.6-4.2c-.6-.4-.2-1.3.4-1.3h6.9c.4 0 .6-.1.7-.4l2.2-7c.1-.7 1.1-.6 1.2 0z"/></symbol><symbol viewBox="0 0 24 24" id="feed"><path d="M11.6 19.8c-.1 0-.3 0-.5-.1-.3-.1-.5-.5-.5-.7L7.9 8.3l-2.2 5.1c-.2.4-.5.6-.9.6H1.6c-.4 0-.7-.2-.7-.6v-.7c0-.4.3-.7.7-.7H4l3.2-7.2c.2-.4.6-.7 1.1-.6.4 0 .8.3.9.7l2.7 10.8 3.7-7.9c.1-.4.6-.6 1-.6.3.1.7.4.9.7l1.8 4.1h3.1c.4 0 .7.4.7.7v.7c0 .4-.3.7-.7.7h-3.8c-.4 0-.7-.3-.9-.6l-1.2-2.7-3.9 8.5c-.2.3-.5.5-1 .5z"/></symbol><symbol viewBox="0 0 24 24" id="file"><path d="M4.5 16.7V5.2c-1.2 0-2.2 1-2.2 2.1v13.6c0 1.2 1 2.2 2.2 2.2h10.7c1.2 0 2.2-1 2.2-2.1H8.8c-2.4 0-4.3 0-4.3-4.3zM21 7.3h-3.6c-1.2 0-2.2-.9-2.2-2.1V1.6c0-.4-.3-.7-.7-.7H8.8C7.6.9 6.6 1.9 6.6 3v13.6c0 1.2 1 2.1 2.2 2.1h10.7c1.2 0 2.2-.9 2.2-2.1V8.1c0-.4-.3-.8-.7-.8zm.6-3l-3.4-3.2c-.1-.1-.2-.2-.3-.2-.3 0-.5.3-.5.5v2.4c0 .8.6 1.4 1.4 1.4h2.4c.3 0 .5-.2.5-.5 0-.1-.1-.2-.1-.4z" /></symbol><symbol viewBox="0 0 24 24" id="filter"><path d="M11.3 14.7c-.3-.3-.7-.3-1 0l-1.7 1.6c-.2.3-.8.1-.8-.3V9.9c0-.3-.3-.7-.6-.7H5.8c-.4 0-.7.4-.7.7V16c0 .4-.5.6-.8.3l-1.7-1.6c-.2-.3-.7-.3-.9 0l-1.1 1c-.2.3-.2.7 0 1L6 22c.2.2.6.2.9 0l5.4-5.4c.3-.3.3-.7 0-1l-1-.9zM23.5 4.4c0-.4-.3-.7-.7-.7h-17c-.4 0-.7.3-.7.7v1.4c0 .3.3.7.7.7h17c.4 0 .7-.4.7-.7V4.4zm0 5.5c0-.3-.3-.7-.7-.7H10.4c-.4 0-.7.4-.7.7v1.4c0 .4.3.7.7.7h12.4c.4 0 .7-.3.7-.7V9.9zm0 5.6c0-.4-.3-.7-.7-.7H15c-.4 0-.7.3-.7.7v1.3c0 .4.3.7.7.7h7.8c.4 0 .7-.3.7-.7v-1.3z" /></symbol><symbol viewBox="0 0 24 24" id="filterList"><path d="M22.3 1.8H1.8c-.7 0-1 .8-.6 1.3l9 10.5c.2.3.4.8.4 1.2v6.7c0 .3.3.7.7.7h1.4c.4 0 .6-.4.6-.7v-6.7c0-.4.2-.9.5-1.2l9.1-10.5c.4-.5.1-1.3-.6-1.3z"/></symbol><symbol viewBox="0 0 24 24" id="flow"><path d="M23 4.9c-.9-1.9-3.4-5.4-7.9-3.3-2.8 1.3-4.4 2-4.4 2L6.6 5.4c-1.1.5-3.6-.3-5-.8-.4-.1-.8.3-.6.7.9 1.9 3.4 5.4 7.9 3.3 2.8-1.3 8.5-3.7 8.5-3.7 1.1-.6 3.6.2 5 .7.4.1.8-.3.6-.7zm-9.7 5.9c-.5.3-2.5 1.2-2.5 1.2l-2.1.9c-1 .5-3.2-.2-4.5-.7-.3-.2-.6.3-.5.6.9 1.9 3 5.2 7 3.2 2.5-1.3 4.6-2.1 4.6-2.1 1-.6 3.2.2 4.5.7.3.1.6-.3.5-.7-.9-1.8-3-5.1-7-3.1zM11.8 19c-.4.2-1.1.6-1.1.6-.8.5-2.4-.1-3.4-.6-.2-.1-.5.3-.3.7.6 1.6 2.2 4.6 5.2 2.8l1.1-.7c.8-.4 2.4.2 3.4.6.2.2.5-.2.3-.6-.6-1.7-2.1-4.5-5.2-2.8zm.2-7.4" /></symbol><symbol viewBox="0 0 24 24" id="forward"><path d="M1.6 13.4h15.3c.4 0 .6.5.3.8l-4.4 4.4c-.3.3-.3.7 0 1l1 1c.3.3.7.3 1 0l8-8.1c.3-.3.3-.7 0-1l-8-8.1c-.3-.3-.7-.3-1 0l-1 1c-.2.3-.2.7 0 1l4.5 4.4c.2.3.1.8-.4.8H1.6c-.4 0-.7.3-.7.7v1.3c0 .4.3.8.7.8z"/></symbol><symbol viewBox="0 0 24 24" id="frozen"><path d="M12.5 1.4c.2 0 .4.2.4.4V23c0 .3-.2.5-.4.5h-1c-.2 0-.4-.2-.4-.5V1.8c0-.2.2-.4.4-.4h1zM12 7.9L8.3 4.2c-.2-.2-.2-.5 0-.6l.6-.7c.2-.2.5-.2.7 0L12 5.4l2.4-2.5c.2-.2.5-.2.7 0l.6.7c.2.1.2.4 0 .6L12 7.9m0 9l3.7 3.8c.2.2.2.4 0 .6l-.6.7c-.2.2-.5.2-.7 0L12 19.5 9.6 22c-.2.2-.5.2-.7 0l-.6-.7c-.2-.2-.2-.4 0-.6l3.7-3.8"/><path d="M21.7 7.2c.2.2.1.5-.1.6L3.3 18.6c-.2.1-.5.1-.6-.2l-.5-.8c-.1-.2-.1-.5.2-.6L20.6 6.2c.3-.2.5-.1.7.2l.4.8zm-5.8 3L17.2 5c0-.2.2-.4.5-.3l.9.2c.3.1.4.3.3.6L18 8.9l3.4.8c.3.1.4.3.3.6l-.2.9c0 .2-.3.4-.5.3l-5.1-1.3m-7.8 4.5l-1.3 5.1c0 .3-.2.5-.5.4l-.9-.3c-.3 0-.4-.2-.3-.5L6 16l-3.4-.9c-.3 0-.4-.2-.3-.5l.2-.9c0-.3.3-.4.5-.3l5.1 1.3"/><path d="M2.7 6.4c.2-.2.4-.3.7-.2L21.6 17c.2.2.3.4.2.7l-.5.8c-.1.2-.4.3-.6.1L2.4 7.8c-.2-.1-.3-.4-.2-.6l.5-.8zm5.4 3.8L3 11.5c-.3 0-.5-.1-.6-.3l-.2-.9c0-.3.1-.5.3-.6l3.4-.8L5 5.5c0-.3.1-.5.4-.6l.8-.2c.3 0 .5.1.6.3l1.3 5.2m7.7 4.5l5.2-1.3c.2-.1.5 0 .5.3l.2.9c.1.3 0 .5-.3.5L18 16l.9 3.4c.1.3 0 .5-.3.5l-.9.3c-.3 0-.5-.1-.5-.4l-1.4-5.1"/></symbol><symbol viewBox="0 0 24 24" id="full_width_view"><path d="M22.4 1.8H1.6c-.4 0-.7.4-.7.7v2.3c0 .4.3.7.7.7h20.8c.4 0 .7-.3.7-.7V2.5c-.1-.3-.3-.7-.7-.7zM4.9 7.4H1.7c-.4 0-.7.3-.7.7v13.7c0 .4.3.7.7.7h3.2c.4 0 .7-.3.7-.7V8.1c0-.4-.3-.7-.7-.7zm17.5 0h-3.2c-.4 0-.7.3-.7.7v13.7c0 .4.3.7.7.7h3.2c.4 0 .7-.3.7-.7V8.1c0-.4-.3-.7-.7-.7zm-6.5 0H8.2c-.4 0-.7.3-.7.7v13.7c0 .4.3.7.7.7h7.7c.4 0 .7-.3.7-.7V8.1c0-.4-.3-.7-.7-.7z" /></symbol><symbol viewBox="0 0 24 24" id="groups"><path d="M7.3 12.9c-.6-.9-.9-2.1-.9-3.3 0-2.1.8-3.9 2.2-4.9-.4-.9-1.4-1.5-2.6-1.5-2 0-3.1 1.7-3.1 3.6 0 1 .3 1.9 1 2.5.3.3.7.8.7 1.3s-.2.9-1.4 1.4c-1.6.7-3.2 1.8-3.2 3.3 0 1 .7 1.8 1.7 1.8h1.5c.2 0 .4-.2.6-.4.7-1.3 2.1-2.2 3.3-2.8.4-.1.5-.7.2-1zm13.5-.9c-1.1-.5-1.3-.9-1.3-1.4s.3-1 .7-1.3c.7-.7 1-1.5 1-2.5 0-1.9-1.1-3.6-3.2-3.6-1.2 0-2.1.6-2.6 1.5 1.4 1 2.2 2.8 2.2 4.9 0 1.2-.3 2.4-.9 3.3-.3.4-.1.9.2 1 1.2.6 2.6 1.5 3.3 2.8.2.2.4.4.6.4h1.5c1 0 1.7-.8 1.7-1.8 0-1.5-1.5-2.6-3.2-3.3zm-5.7 3.4c-1.3-.6-1.5-1.1-1.5-1.6 0-.6.4-1.1.8-1.4.7-.7 1.2-1.7 1.2-2.8 0-2.1-1.3-3.9-3.6-3.9S8.5 7.5 8.5 9.6c0 1.1.5 2.1 1.2 2.8.4.4.8.9.8 1.4 0 .6-.2 1-1.5 1.6-1.8.8-3.6 1.6-3.6 3.3 0 1.1.8 2 1.8 2h9.6c1.1 0 1.9-.9 1.9-2 0-1.6-1.8-2.5-3.6-3.3z" /></symbol><symbol viewBox="0 0 24 24" id="help"><path d="M13.1 17.5h-2.3c-.4 0-.6-.2-.6-.6v-.7c0-1.9 1.2-3.7 3-4.3.6-.2 1.1-.5 1.5-1 2.3-2.8.2-6.1-2.6-6.2-1 0-1.9.3-2.7 1-.6.6-1 1.3-1 2.1-.1.2-.4.5-.7.5H5.4c-.5 0-.8-.4-.7-.8.1-1.7.9-3.3 2.2-4.5C8.4 1.6 10.2.8 12.3.9c3.8.1 6.9 3.3 7.1 7.1.1 3.2-1.9 6.1-4.9 7.2-.4.2-.7.5-.7 1v.6c0 .5-.3.7-.7.7zm.7 4.9c0 .4-.3.7-.6.7h-2.4c-.3 0-.6-.3-.6-.7v-2.3c0-.4.3-.7.6-.7h2.4c.3 0 .6.3.6.7v2.3z"/></symbol><symbol viewBox="0 0 24 24" id="home"><path d="M22.6 12.5h-2.3v10.1c0 .3-.2.5-.5.5h-4.6c-.2 0-.4-.2-.4-.5v-7.8H9.2v7.8c0 .3-.2.5-.4.5H4.2c-.3 0-.5-.2-.5-.5V12.5H1.4c-.2 0-.4-.1-.4-.3-.1-.2-.1-.4.1-.5L11.7 1.1c.2-.2.5-.2.6 0l10.6 10.6c.2.1.2.3.1.5s-.2.3-.4.3z"/></symbol><symbol viewBox="0 0 24 24" id="identity"><path d="M21.2 3.7h-5.1s.1.3.1.5c0 1.8-1.5 3.2-3.3 3.2h-2.7C8.4 7.4 6.9 6 6.9 4.2c0-.2 0-.5.1-.5H2.8c-1 0-1.9.8-1.9 1.8v13.9c0 1 .9 1.8 1.9 1.8h18.4c1 0 1.9-.8 1.9-1.8V5.5c0-1-.9-1.8-1.9-1.8zM10 17.5H4.8c-.6 0-1.1-.5-1.1-1.1 0-.9 1-1.4 2-1.9.7-.2.8-.5.8-.8 0-.3-.2-.6-.5-.8-.4-.4-.6-.9-.6-1.5 0-1.2.7-2.2 1.9-2.2s2 1 2 2.2c0 .6-.3 1.1-.7 1.5-.2.2-.4.5-.4.8 0 .2.1.5.8.8 1 .5 2 1 2 1.9.1.6-.4 1.1-1 1.1zm10.3-1.8c0 .3-.2.5-.5.5h-6.4c-.3 0-.5-.2-.5-.5v-.9c0-.3.2-.5.5-.5h6.4c.3 0 .5.2.5.5v.9zm.9-3.7c0 .3-.2.5-.4.5h-7.4c-.3 0-.5-.2-.5-.5v-.9c0-.3.2-.5.5-.5h7.4c.2 0 .4.2.4.5v.9zm-11-6.5h2.7c.8 0 1.4-.6 1.4-1.3s-.6-1.4-1.4-1.4h-2.7c-.8 0-1.4.6-1.4 1.4s.6 1.3 1.4 1.3z" /></symbol><symbol viewBox="0 0 24 24" id="image"><path d="M23.1 4.6c0-1-.9-1.8-1.9-1.8H2.8c-1 0-1.9.8-1.9 1.8v14.8c0 1 .9 1.8 1.9 1.8h18.4c1 0 1.9-.8 1.9-1.8V4.6zm-4.8 12.9H4.9c-.6 0-.9-.6-.6-1l4.1-7.1c.1-.3.6-.3.7 0l2.5 4.2c.2.3.6.3.8.1l2-2.9c.1-.3.6-.3.7 0l3.7 5.8c.3.4 0 .9-.5.9zm-1.2-8.3c-1 0-1.9-.8-1.9-1.8s.9-1.9 1.9-1.9 1.8.9 1.8 1.9-.8 1.8-1.8 1.8z"/></symbol><symbol viewBox="0 0 24 24" id="inbox"><path d="M23.1 3.7c0-1-.9-1.9-1.9-1.9H2.8c-1 0-1.9.9-1.9 1.9v16.6c0 1 .9 1.9 1.9 1.9h18.4c1 0 1.9-.9 1.9-1.9V3.7zM8.8 16.2c0 .2-.2.4-.5.4H4.2c-.3 0-.5-.2-.5-.4v-1.9c0-.3.2-.5.5-.5h4.1c.3 0 .5.2.5.5v1.9zm0-4.7c0 .3-.2.5-.5.5H4.2c-.3 0-.5-.2-.5-.5V9.7c0-.3.2-.5.5-.5h4.1c.3 0 .5.2.5.5v1.8zm0-4.6c0 .3-.2.5-.5.5H4.2c-.3 0-.5-.2-.5-.5V5.1c0-.3.2-.5.5-.5h4.1c.3 0 .5.2.5.5v1.8zm11.5 12c0 .3-.2.5-.5.5h-8.7c-.3 0-.5-.2-.5-.5V5.1c0-.3.2-.5.5-.5h8.7c.3 0 .5.2.5.5v13.8z"/></symbol><symbol viewBox="0 0 24 24" id="info"><path d="M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm0 5.6c.8 0 1.4.6 1.4 1.4s-.6 1.4-1.4 1.4-1.4-.6-1.4-1.4.6-1.4 1.4-1.4zm2.3 9.7c0 .2-.2.4-.5.4h-3.6c-.3 0-.5-.1-.5-.4v-.9c0-.3.2-.5.5-.5.2 0 .4-.2.4-.4v-1.9c0-.2-.2-.5-.4-.5-.3 0-.5-.1-.5-.4v-.9c0-.3.2-.5.5-.5h2.7c.3 0 .5.2.5.5v3.7c0 .2.2.4.4.4.3 0 .5.2.5.5v.9z"/></symbol><symbol viewBox="0 0 24 24" id="info_alt"><path d="M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm0 19.4c-4.6 0-8.3-3.7-8.3-8.3S7.4 3.7 12 3.7s8.3 3.7 8.3 8.3-3.7 8.3-8.3 8.3zm0-13.8c.8 0 1.4.6 1.4 1.4s-.6 1.4-1.4 1.4-1.4-.6-1.4-1.4.6-1.4 1.4-1.4zm2.3 9.7c0 .2-.2.4-.5.4h-3.6c-.3 0-.5-.1-.5-.4v-.9c0-.3.2-.5.5-.5.2 0 .4-.2.4-.4v-1.9c0-.2-.2-.5-.4-.5-.3 0-.5-.1-.5-.4v-.9c0-.3.2-.5.5-.5h2.7c.3 0 .5.2.5.5v3.7c0 .2.2.4.4.4.3 0 .5.2.5.5v.9z"/></symbol><symbol viewBox="0 0 24 24" id="insert_tag_field"><path d="M7.5 5.6l-1-.8c-.4-.3-.7-.2-1 0L.1 11.6c-.1.2-.1.6 0 .9l5.4 6.7c.3.2.7.3 1 0l1.1-.8c.3-.3.3-.7.1-1L3.3 12l4.4-5.4c.2-.3.1-.7-.2-1zm16.4 6l-5.4-6.7c-.3-.3-.7-.4-1-.1l-1.1.9c-.3.2-.3.7-.1.9l4.4 5.4-4.4 5.4c-.2.3-.1.8.1 1l1.1.9c.3.2.7.2 1-.1l5.4-6.7c.1-.4.1-.7 0-.9zM14.6 5l-1.4-.3c-.4-.1-.8.1-.9.5L8.9 18.3c-.1.3.1.7.5.8l1.4.3c.4.1.8-.1.9-.5l3.4-13.1c.1-.4-.1-.7-.5-.8z"/></symbol><symbol viewBox="0 0 24 24" id="insert_template"><path d="M22.4 17.5h-2.1v-2c0-.4-.3-.7-.7-.7h-1.4c-.3 0-.7.3-.7.7v2h-2c-.4 0-.7.4-.7.7v1.4c0 .4.3.7.7.7h2v2.1c0 .4.4.7.7.7h1.4c.4 0 .7-.3.7-.7v-2.1h2.1c.4 0 .7-.3.7-.7v-1.4c0-.3-.3-.7-.7-.7zm-6.7-3.9c0-.4.3-.7.7-.7h1.1V2.8c0-1-.8-1.9-1.8-1.9H2.8C1.8.9.9 1.8.9 2.8v12.9c0 1 .9 1.8 1.9 1.8h10.1v-1.1c0-.4.3-.7.7-.7h2.1v-2.1zM7.4 5.1c0 .3-.2.4-.5.4H4.2c-.3 0-.5-.1-.5-.4v-.9c0-.3.2-.5.5-.5h2.7c.3 0 .5.2.5.5v.9zm5.5 7.4c0 .2-.2.4-.4.4H4.2c-.3 0-.5-.2-.5-.4v-1c0-.2.2-.4.5-.4h8.3c.2 0 .4.2.4.4v1zm1.9-3.7c0 .2-.2.4-.5.4H4.2c-.3 0-.5-.2-.5-.4v-1c0-.2.2-.4.5-.4h10.1c.3 0 .5.2.5.4v1z"/></symbol><symbol viewBox="0 0 24 24" id="italic"><path d="M17.5 5.7v-.6c0-.5-.4-.9-.9-.9h-6.4c-.6 0-1 .4-1 .9V6c0 .5.4.9 1 .9.7 0 1.3.8 1.2 1.5l-1.7 8.1c-.1.6-.7 1-1.2 1H7.4c-.5 0-.9.5-.9 1v.9c0 .5.4.9.9.9h6.4c.6 0 1-.4 1-.9v-.9c0-.5-.4-1-1-1-.7 0-1.3-.7-1.2-1.4l1.7-8.2c.1-.6.7-1 1.2-1h.8c.7 0 1.2-.5 1.2-1.2z"/></symbol><symbol viewBox="0 0 24 24" id="jump_to_bottom"><path d="M18.7 14l-6.2 6.3c-.3.3-.7.3-1 0L5.3 14c-.3-.2-.3-.7 0-1l1-1c.3-.3.7-.3 1 0l4.2 4.3c.3.3.7.3 1 0l4.2-4.3c.3-.2.7-.2 1 0l1 1.1c.3.2.3.7 0 .9zm0-8.3L12.5 12c-.3.3-.7.3-1 0L5.3 5.7c-.3-.3-.3-.8 0-1l1-1.1c.3-.2.7-.2 1 0L11.5 8c.3.3.7.3 1 0l4.2-4.3c.3-.3.7-.3 1 0l1 1c.3.3.3.7 0 1z" /></symbol><symbol viewBox="0 0 24 24" id="jump_to_top"><path d="M5.3 10l6.2-6.4c.3-.2.7-.2 1 0l6.2 6.4c.3.2.3.7 0 1l-1 1c-.3.3-.7.3-1 0l-4.2-4.3c-.3-.3-.7-.3-1 0L7.3 12c-.3.2-.7.2-1 0l-1-1.1c-.3-.2-.3-.7 0-.9zm0 8.3l6.2-6.3c.3-.3.7-.3 1 0l6.2 6.3c.3.3.3.8 0 1l-1 1.1c-.3.2-.7.2-1 0L12.5 16c-.3-.3-.7-.3-1 0l-4.2 4.3c-.3.3-.7.3-1 0l-1-1c-.3-.3-.3-.7 0-1z" /></symbol><symbol viewBox="0 0 24 24" id="justify_text"><path d="M22.2 3c0-.4-.4-.7-.7-.7h-19c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7V3zm0 5.5c0-.3-.4-.7-.7-.7h-19c-.3 0-.7.4-.7.7v1.4c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7V8.5zm0 11.1c0-.4-.4-.7-.7-.7h-19c-.3 0-.7.3-.7.7V21c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7v-1.4zm0-5.5c0-.4-.4-.7-.7-.7h-19c-.3 0-.7.3-.7.7v1.4c0 .3.4.7.7.7h19c.3 0 .7-.4.7-.7v-1.4z"/></symbol><symbol viewBox="0 0 24 24" id="kanban"><path d="M14.8 8.1c0-.4-.4-.7-.7-.7H9.9c-.3 0-.7.3-.7.7v12.4c0 .4.4.7.7.7h4.2c.3 0 .7-.3.7-.7V8.1zm-8.3 0c0-.4-.4-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v14.3c0 .4.3.7.7.7h4.2c.3 0 .7-.3.7-.7V8.1zm16.6 0c0-.4-.3-.7-.7-.7h-4.2c-.3 0-.7.3-.7.7v10.6c0 .4.4.7.7.7h4.2c.4 0 .7-.3.7-.7V8.1zm0-6.5c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v2.3c0 .4.3.7.7.7h20.8c.4 0 .7-.3.7-.7V1.6z"/></symbol><symbol viewBox="0 0 24 24" id="keyboard_dismiss"><path d="M22.2 15.7c.5 0 .9-.4.9-.9v-12c0-.5-.4-.9-.9-.9H1.8c-.5 0-.9.4-.9.9v12c0 .5.4.9.9.9h20.4zM2.8 13.9V3.7h18.4v10.2H2.8zm3.5-7.7c0 .4-.3.7-.7.7h-.4c-.4 0-.7-.3-.7-.7v-.5c0-.3.3-.7.7-.7h.4c.4 0 .7.4.7.7v.5zM9 5.7c0-.3-.4-.7-.7-.7h-.5c-.4 0-.7.4-.7.7v.5c0 .4.3.7.7.7h.5c.3 0 .7-.3.7-.7v-.5zm5.3.5c0 .4-.4.7-.7.7h-.5c-.4 0-.7-.3-.7-.7v-.5c0-.3.3-.7.7-.7h.5c.3 0 .7.4.7.7v.5zm-2.7 0c0 .4-.3.7-.7.7h-.4c-.4 0-.7-.3-.7-.7v-.5c0-.3.3-.7.7-.7h.4c.4 0 .7.4.7.7v.5zm7.9-.5c0-.3-.3-.7-.6-.7h-.5c-.4 0-.7.4-.7.7v.5c0 .4.3.7.7.7h.5c.3 0 .6-.3.6-.7v-.5zm-2.6 0c0-.3-.3-.7-.7-.7h-.5c-.3 0-.6.4-.6.7v.5c0 .4.3.7.6.7h.5c.4 0 .7-.3.7-.7v-.5zM6.3 9c0 .3-.3.6-.7.6h-.4c-.4 0-.7-.3-.7-.6v-.5c0-.4.3-.7.7-.7h.4c.4 0 .7.3.7.7V9zM9 8.5c0-.4-.4-.7-.7-.7h-.5c-.4 0-.7.3-.7.7V9c0 .3.3.6.7.6h.5c.3 0 .7-.3.7-.6v-.5zm5.3.5c0 .3-.4.6-.7.6h-.5c-.4 0-.7-.3-.7-.6v-.5c0-.4.3-.7.7-.7h.5c.3 0 .7.3.7.7V9zm-2.7 0c0 .3-.3.6-.7.6h-.4c-.4 0-.7-.3-.7-.6v-.5c0-.4.3-.7.7-.7h.4c.4 0 .7.3.7.7V9zm7.9-.5c0-.4-.3-.7-.6-.7h-.5c-.4 0-.7.3-.7.7V9c0 .3.3.6.7.6h.5c.3 0 .6-.3.6-.6v-.5zm-2.6 0c0-.4-.3-.7-.7-.7h-.5c-.3 0-.6.3-.6.7V9c0 .3.3.6.6.6h.5c.4 0 .7-.3.7-.6v-.5zM6.3 11.7c0 .4-.3.7-.7.7h-.4c-.4 0-.7-.3-.7-.7v-.4c0-.4.3-.7.7-.7h.4c.4 0 .7.3.7.7v.4zm10.6-.4c0-.4-.3-.7-.7-.7H7.8c-.4 0-.7.3-.7.7v.4c0 .4.3.7.7.7h8.4c.4 0 .7-.3.7-.7v-.4zm2.6 0c0-.4-.3-.7-.6-.7h-.5c-.4 0-.7.3-.7.7v.4c0 .4.3.7.7.7h.5c.3 0 .6-.3.6-.7v-.4zM8.4 17.2h7.2c.3 0 .4.2.2.4L12.3 22c-.2.2-.4.2-.5 0l-3.6-4.4c-.2-.2-.1-.4.2-.4z"/></symbol><symbol viewBox="0 0 24 24" id="knowledge_base"><path d="M4.4 16.2h6c.4 0 .7-.4.7-.7V4.6c0-.8-.9-1.4-1.5-1.4H4.4c-.4 0-.7.4-.7.7v11.6c0 .3.3.7.7.7zM22.7 5.4c-.3-.1-.5.1-.5.4v11.5c0 .4-.4.7-.7.7h-19c-.3 0-.7-.3-.7-.7V5.9c0-.4-.3-.6-.6-.5-.7.4-1.2 1.1-1.2 2V18c0 1 .8 1.8 1.8 1.8h7.7c.3 0 .7.4.7.7s.3.7.6.7h2.4c.3 0 .6-.3.6-.7s.4-.7.7-.7h7.7c1 0 1.8-.8 1.8-1.8V7.4c0-1-.3-1.8-1.3-2zm-9.1 10.8h6c.4 0 .7-.4.7-.7V3.9c0-.3-.3-.7-.7-.7h-5.2c-.7 0-1.5.6-1.5 1.4v10.9c0 .3.3.7.7.7z" /></symbol><symbol viewBox="0 0 24 24" id="layers"><path d="M16.6 9.2c0-1-.8-1.8-1.8-1.8h-12c-1 0-1.9.8-1.9 1.8v12c0 1 .9 1.9 1.9 1.9h12c1 0 1.8-.9 1.8-1.9v-12zM19.8.9h-12C6 .9 4.6 2.4 4.6 4.2v1.3h12c1 0 1.9.9 1.9 1.9v12h1.3c1.8 0 3.3-1.4 3.3-3.2v-12c0-1.8-1.5-3.3-3.3-3.3z"/></symbol><symbol viewBox="0 0 24 24" id="layout"><path d="M22.2 23.1H1.8c-.5 0-.9-.4-.9-.9V1.8c0-.5.4-.9.9-.9h20.4c.5 0 .9.4.9.9v20.4c0 .5-.4.9-.9.9zM2.8 21.2h18.4V2.8H2.8v18.4zM18 9.2H6c-.3 0-.5-.2-.5-.4V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v2.8c0 .2-.2.4-.5.4zm-9.2 9.3H6c-.3 0-.5-.2-.5-.5v-5.5c0-.3.2-.5.5-.5h2.8c.2 0 .4.2.4.5V18c0 .3-.2.5-.4.5zm9.2 0h-5.5c-.3 0-.5-.2-.5-.5v-5.5c0-.3.2-.5.5-.5H18c.3 0 .5.2.5.5V18c0 .3-.2.5-.5.5z"/></symbol><symbol viewBox="0 0 24 24" id="left"><path d="M17.5 3.8v16.4c0 .4-.6.8-1 .4l-9.8-8c-.3-.3-.3-.9 0-1.2l9.8-8c.4-.4 1-.1 1 .4z"/></symbol><symbol viewBox="0 0 24 24" id="left_align_text"><path d="M22.2 3c0-.4-.4-.7-.7-.7h-19c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7V3zm-3.7 5.5c0-.3-.4-.7-.7-.7H2.5c-.3 0-.7.4-.7.7v1.4c0 .4.4.7.7.7h15.3c.3 0 .7-.3.7-.7V8.5zm0 11.1c0-.4-.4-.7-.7-.7H2.5c-.3 0-.7.3-.7.7V21c0 .4.4.7.7.7h15.3c.3 0 .7-.3.7-.7v-1.4zm3.7-5.5c0-.4-.4-.7-.7-.7h-19c-.3 0-.7.3-.7.7v1.4c0 .3.4.7.7.7h19c.3 0 .7-.4.7-.7v-1.4z"/></symbol><symbol viewBox="0 0 24 24" id="level_up"><path d="M1.6 20.3c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h11c.4 0 .8-.4.8-.7V7.1c0-.5.4-.6.8-.4l2.6 2.6c.2.3.6.3.9 0l1-.9c.3-.3.3-.7 0-1l-6.2-6.3c-.3-.3-.7-.3-1 0L5.3 7.3c-.3.3-.3.7 0 1l.9 1c.3.3.7.3 1 0l2.6-2.6c.3-.3.8-.1.8.3v12.6c0 .8-.7.7-.7.7H1.6z"/></symbol><symbol viewBox="0 0 24 24" id="like"><path d="M4.8 9.7H2.5c-.3 0-.7.3-.7.7V21c0 .4.4.7.7.7h1.2c1 0 1.8-.8 1.8-1.9v-9.4c0-.4-.3-.7-.7-.7zm15.5.5h-2.8c-1 0-1.8-.9-1.8-1.9V3.7c0-1-.8-1.9-1.9-1.9h-1.1c-.4 0-.7.4-.7.7v2.8c0 2.5-1.7 4.9-3.9 4.9-.4 0-.7.3-.7.6v9.3c0 .3.3.7.6.7 3.2.1 4.2 1.4 7.5 1.4 3.5 0 6.7-.4 6.7-4.4V12c0-1-.9-1.8-1.9-1.8z" /></symbol><symbol viewBox="0 0 24 24" id="link"><path d="M12.6 19.2l-1-.1s-.7-.1-1-.3c-.2 0-.4 0-.5.2l-.3.2c-1.3 1.3-3.5 1.5-4.9.3-1.5-1.4-1.6-3.8-.1-5.2l3.5-3.5c.4-.5 1-.7 1.5-.9.8-.2 1.6-.2 2.2.1.5.2.9.4 1.2.8.2.2.4.4.5.6.2.3.6.4.8.1l1.3-1.3c.2-.2.2-.5.1-.7-.2-.3-.4-.5-.7-.7-.3-.4-.7-.7-1.1-.9-.6-.4-1.4-.7-2.1-.8-1.5-.3-3-.1-4.3.6-.5.3-1.1.7-1.5 1.1l-3.3 3.3C.4 14.6.2 18.6 2.6 21c2.4 2.7 6.6 2.8 9.1.2l1.2-1.1c.3-.3.1-.8-.3-.9zM21 2.7C18.5.3 14.5.5 12.1 3l-1 1c-.3.3-.1.8.3.9.6 0 1.3.2 1.9.4.2 0 .5 0 .6-.2l.2-.2c1.4-1.3 3.5-1.5 4.9-.3 1.6 1.4 1.6 3.8.2 5.2l-3.5 3.5c-.5.5-1 .7-1.6.9-.7.2-1.5.2-2.2-.1-.4-.2-.8-.4-1.2-.8-.2-.2-.3-.4-.5-.6-.1-.3-.6-.4-.8-.1l-1.3 1.3c-.2.2-.2.5 0 .7.2.3.4.5.6.7.3.3.8.7 1.1.9.7.4 1.4.7 2.2.8 1.4.3 3 .1 4.2-.6.6-.3 1.1-.7 1.5-1.1l3.5-3.5c2.6-2.5 2.5-6.7-.2-9.1z" /></symbol><symbol viewBox="0 0 24 24" id="list"><path d="M3.7 4.8c0-.3-.3-.6-.7-.6H1.6c-.4 0-.7.3-.7.6v1.4c0 .4.3.7.7.7H3c.4 0 .7-.3.7-.7V4.8zm19.4 0c0-.3-.3-.6-.7-.6H6.2c-.3 0-.7.3-.7.6v1.4c0 .4.4.7.7.7h16.2c.4 0 .7-.3.7-.7V4.8zM3.7 11.3c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v1.4c0 .4.3.7.7.7H3c.4 0 .7-.3.7-.7v-1.4zm17.5 0c0-.4-.3-.7-.7-.7H6.2c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h14.3c.4 0 .7-.3.7-.7v-1.4zM3.7 17.8c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v1.4c0 .3.3.6.7.6H3c.4 0 .7-.3.7-.6v-1.4zm19.4 0c0-.4-.3-.7-.7-.7H6.2c-.3 0-.7.3-.7.7v1.4c0 .3.4.6.7.6h16.2c.4 0 .7-.3.7-.6v-1.4z" /></symbol><symbol viewBox="0 0 24 24" id="location"><path d="M22.5 4.4l-6.6-3.3c-.3-.2-.7-.2-1 0L8.8 4.2 2.6 1.1c-.4-.2-.8-.2-1.2 0-.3.2-.5.6-.5.9v16.6c0 .5.3.8.6 1l6.7 3.3c.3.2.7.2.9 0l6.2-3.1 6.2 3.1c.1.1.3.2.5.2s.4-.1.6-.2c.3-.2.5-.6.5-.9V5.4c0-.5-.2-.8-.6-1zm-1.7 2.1v8.8c0 .5-.5.9-1 .7-1.7-.7-.3-3.5-1.5-5.1-1.2-1.4-2.7 0-4.1-2.2-1.3-2.2.5-3.8 2.1-4.6.3-.1.5-.1.7 0l3.4 1.7c.3.2.4.4.4.7zm-9.3 12.8c-.3.2-.6.1-.8-.1-.5-.4-.9-1-.9-1.7 0-1.1-1.8-.7-1.8-2.9 0-1.8-2.1-2.3-3.9-2.1-.5.1-.8-.3-.8-.7V5c0-.5.5-.9 1-.6l4 2h.1l.1.1c1.7 1 1.3 1.8.6 3-.7 1.3-1.1 0-2.2-.4s-2.2.4-1.8 1.1 1.5 0 2.2.7.7 1.9 2.9 1.1 2.6-.3 3.4.4c.7.8 1.1 2.2 0 3.3-.7.7-1 2.1-1.2 3-.1.2-.2.4-.4.5l-.5.1z"/></symbol><symbol viewBox="0 0 24 24" id="lock"><path d="M5.1 8.8h1.8c.3 0 .5-.2.5-.4v-.1c0-2.6 2.2-4.8 4.9-4.6 2.5.2 4.3 2.3 4.3 4.8v-.1c0 .2.2.4.5.4h1.8c.3 0 .5-.2.5-.4v-.1c0-4.2-3.5-7.6-7.8-7.4-3.9.2-6.9 3.5-7 7.5.1.2.2.4.5.4zm-.5-.4v.1-.1zm16.6 4.1c0-1.1-.8-1.9-1.8-1.9H4.6c-1 0-1.8.8-1.8 1.9v8.7c0 1 .8 1.9 1.8 1.9h14.8c1 0 1.8-.9 1.8-1.9v-8.7zm-7.1 7.2c.1.3-.1.6-.4.6h-3.4c-.3 0-.5-.3-.5-.6l.9-2.8c-.7-.4-1.1-1.3-1-2.2.2-.9.9-1.5 1.8-1.7 1.5-.3 2.8.8 2.8 2.1 0 .8-.4 1.5-1 1.8l.8 2.8z" /></symbol><symbol viewBox="0 0 24 24" id="log_a_call"><path d="M19.8.9H6.2C5 .9 4 2 4 3.1v.8h-.7c-.8 0-1.5.6-1.5 1.5s.7 1.4 1.5 1.4H4v3.7h-.7c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5H4v3.7h-.7c-.8 0-1.5.6-1.5 1.4 0 .9.7 1.5 1.5 1.5H4v.8c0 1.1 1 2.2 2.2 2.2h13.6c1.2 0 2.4-1.1 2.4-2.3V3c0-1.2-1.2-2.1-2.4-2.1zm-1.2 14.9l-1.1 1c-.2.3-.5.4-.8.4-2.4-.2-4.6-1.3-6.2-2.9s-2.7-3.9-2.8-6.4c0-.3.1-.6.3-.8l1-1c.5-.5 1.2-.5 1.7.1l.9 1.2c.3.4.3 1 0 1.4l-.8 1.1c0 .2 0 .4.1.5l1.7 1.9 1.8 1.7c.1.1.3.1.5 0l1.1-.8c.4-.3.9-.3 1.4 0l1.1 1c.5.3.5 1.1.1 1.6z"/></symbol><symbol viewBox="0 0 24 24" id="logout"><path d="M9.7 22.4V21c0-.4-.3-.7-.7-.7H4.4c-.4 0-.7-.3-.7-.7V4.4c0-.4.3-.7.7-.7H9c.4 0 .7-.3.7-.7V1.6c0-.4-.3-.7-.7-.7H2.8C1.8.9.9 1.8.9 2.8v18.4c0 1 .9 1.9 1.9 1.9H9c.4 0 .7-.3.7-.7zm13.2-9.9c.3-.3.3-.7 0-1l-6.2-6.2c-.3-.3-.7-.3-1 0l-1 .9c-.3.3-.3.7 0 1l2.6 2.6c.3.3.1.8-.3.8H7.2c-.4 0-.7.2-.7.6v1.4c0 .4.3.7.7.7h9.7c.5 0 .6.5.4.8l-2.6 2.6c-.3.3-.3.7 0 1l.9.9c.3.3.7.3 1 0l6.3-6.1z" /></symbol><symbol viewBox="0 0 24 24" id="magicwand"><path d="M13 9.7c-.2-.2-.4-.2-.6 0l-11.1 11c-.5.6-.5 1.4 0 2 .6.5 1.4.5 2 0l11-11.1c.2-.2.2-.4 0-.6L13 9.7zm3.2 0l1.5-1.5c.3-.3.3-.7 0-1l-.9-.9c-.3-.3-.7-.3-1 0l-1.5 1.5c-.2.1-.2.4 0 .6l1.3 1.3c.2.2.5.2.6 0zM4.8 5.4c1.8.5 3.1 1.8 3.7 3.6.1.3.5.3.5 0 .6-1.7 1.9-3.1 3.7-3.6.3-.1.3-.5 0-.6C11 4.2 9.6 2.9 9 1.1c0-.3-.4-.3-.5 0-.6 1.8-1.9 3.1-3.7 3.7-.2.1-.2.5 0 .6zm18.1 8.7c-1.6-.5-2.8-1.7-3.3-3.3-.1-.2-.4-.2-.5 0-.5 1.6-1.7 2.8-3.3 3.3-.2.1-.2.4 0 .5 1.6.5 2.8 1.7 3.3 3.3.1.2.4.2.5 0 .5-1.6 1.7-2.8 3.3-3.3.2-.1.2-.5 0-.5zM17.7 3.9c1.2.3 2.1 1.2 2.4 2.4.1.2.3.2.4 0 .4-1.2 1.2-2.1 2.4-2.4.2-.1.2-.3 0-.4-1.2-.4-2-1.2-2.4-2.4-.1-.2-.3-.2-.4 0-.3 1.2-1.2 2-2.4 2.4-.2.1-.2.3 0 .4z" /></symbol><symbol viewBox="0 0 24 24" id="mark_all_as_read"><path d="M11.1 3.2l-.8-.8c-.2-.2-.6-.2-.8 0L4.6 7.3l-2-1.9c-.2-.3-.5-.3-.8 0l-.7.7c-.3.3-.3.6 0 .8l2.7 2.7c.2.3.5.4.8.4.2 0 .5-.1.8-.4L11.1 4c.2-.2.2-.5 0-.8zm11.2 5.3h-9.6c-.4 0-.7-.3-.7-.7V6.3c0-.4.3-.8.7-.8h9.6c.5 0 .8.4.8.8v1.5c0 .4-.3.7-.8.7zm0 6.6H4.5c-.4 0-.7-.3-.7-.7v-1.5c0-.4.3-.8.7-.8h17.8c.5 0 .8.4.8.8v1.5c0 .4-.3.7-.8.7zm0 6.6H4.5c-.4 0-.7-.3-.7-.7v-1.5c0-.4.3-.8.7-.8h17.8c.5 0 .8.4.8.8V21c0 .4-.3.7-.8.7z"/></symbol><symbol viewBox="0 0 24 24" id="matrix"><path d="M22.2 1.6c0-.4-.4-.7-.7-.7H7.2c-.4 0-.7.3-.7.7v2.3c0 .4.3.7.7.7h14.3c.3 0 .7-.3.7-.7V1.6zM4.6 7.2c0-.4-.3-.7-.7-.7H2.5c-.3 0-.7.3-.7.7v6c0 .3.4.6.7.6h1.4c.4 0 .7-.3.7-.6v-6zm0 9.2c0-.4-.3-.7-.7-.7H2.5c-.3 0-.7.3-.7.7v6c0 .4.4.7.7.7h1.4c.4 0 .7-.3.7-.7v-6zm8.8-9.2c0-.4-.3-.7-.7-.7H7.2c-.4 0-.7.3-.7.7v1.3c0 .4.3.7.7.7h5.5c.4 0 .7-.3.7-.7V7.2zm8.8 0c0-.4-.4-.7-.7-.7h-5.6c-.3 0-.7.3-.7.7v1.3c0 .4.4.7.7.7h5.6c.3 0 .7-.3.7-.7V7.2zm-8.8 4.6c0-.4-.3-.7-.7-.7H7.2c-.4 0-.7.3-.7.7v1.4c0 .3.3.6.7.6h5.5c.4 0 .7-.3.7-.6v-1.4zm8.8 0c0-.4-.4-.7-.7-.7h-5.6c-.3 0-.7.3-.7.7v1.4c0 .3.4.6.7.6h5.6c.3 0 .7-.3.7-.6v-1.4zm-8.8 4.6c0-.4-.3-.7-.7-.7H7.2c-.4 0-.7.3-.7.7v1.4c0 .3.3.7.7.7h5.5c.4 0 .7-.4.7-.7v-1.4zm8.8 0c0-.4-.4-.7-.7-.7h-5.6c-.3 0-.7.3-.7.7v1.4c0 .3.4.7.7.7h5.6c.3 0 .7-.4.7-.7v-1.4zM13.4 21c0-.4-.3-.7-.7-.7H7.2c-.4 0-.7.3-.7.7v1.4c0 .4.3.7.7.7h5.5c.4 0 .7-.3.7-.7V21zm8.8 0c0-.4-.4-.7-.7-.7h-5.6c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h5.6c.3 0 .7-.3.7-.7V21z"/></symbol><symbol viewBox="0 0 24 24" id="merge"><path d="M19.5 20.3c-2.6-1.2-4.4-3.5-5.3-6-.4-.9-.6-2-.7-2.9V9.8h5c.3 0 .6-.4.3-.8l-6.5-7.9c-.3-.3-.8-.3-.9 0L5 9c-.2.2 0 .8.4.8h5v1.6c-.2 1-.4 2-.7 2.9-.9 2.5-2.8 4.8-5.4 6-.3.1-.5.6-.3.9l.6 1.5c.2.3.6.5.9.2 2.8-1.3 5-3.4 6.4-6 1.3 2.6 3.5 4.7 6.3 6 .4.2.9.2 1-.2l.6-1.5c.3-.3.1-.7-.3-.9z"/></symbol><symbol viewBox="0 0 24 24" id="metrics"><path d="M20.7.9H3.3C2 .9.9 2 .9 3.3v17.4c0 1.3 1.1 2.4 2.4 2.4h17.4c1.3 0 2.3-1.1 2.3-2.4V3.3C23.1 2 22 .9 20.7.9zM7.2 18.3c0 .4-.3.8-.7.8h-.8c-.4 0-.8-.4-.8-.8V14c0-.4.4-.8.8-.8h.8c.4 0 .7.4.7.8v4.3zm4 0c0 .4-.4.8-.8.8h-.8c-.4 0-.7-.4-.7-.8V8c0-.4.3-.8.7-.8h.8c.4 0 .8.4.8.8v10.3zm4 0c0 .4-.4.8-.8.8h-.8c-.4 0-.8-.4-.8-.8V5.7c0-.4.4-.8.8-.8h.8c.4 0 .8.4.8.8v12.6zm3.9 0c0 .4-.4.8-.8.8h-.8c-.4 0-.7-.4-.7-.8v-7.5c0-.4.3-.8.7-.8h.8c.4 0 .8.4.8.8v7.5z"/></symbol><symbol viewBox="0 0 24 24" id="minimize_window"><path d="M23.1 22.4c0 .4-.3.7-.7.7H1.6c-.4 0-.7-.3-.7-.7V21c0-.4.3-.7.7-.7h20.8c.4 0 .7.3.7.7v1.4z"/></symbol><symbol viewBox="0 0 24 24" id="moneybag"><path d="M9.5 4.2c.1.3.3.4.6.4h3.7c.3 0 .6-.1.7-.4L16 1.5c.1-.3-.1-.6-.4-.6H8.4c-.3 0-.5.3-.3.5l1.4 2.8zm4.7 2.6H9.8c-3.6 0-6.6 3-6.6 6.7v7.4c0 1.2 1 2.2 2.2 2.2h13.2c1.2 0 2.2-1 2.2-2.2v-7.4c0-3.7-3-6.7-6.6-6.7zm-1.1 12.4v1.3c0 .2-.2.4-.5.4h-1.4c-.3 0-.3-.2-.3-.4v-1.2c-1.1-.2-2-.7-2.3-.9-.2-.3-.3-.5-.1-.9l.5-.7c0-.2.3-.3.5-.3.1 0 .3.1.4.1.8.5 1.4.7 1.9.7s.9-.3.9-.6c0-.2-.1-.6-1.5-1.1-1.3-.4-2.8-1.2-2.8-2.9 0-1 .6-2.1 2.5-2.5V9.1c0-.2.1-.4.3-.4h1.4c.3 0 .5.2.5.4v1.1c.7.1 1.5.5 1.8.7.1.1.2.3.3.5 0 .1-.1.3-.2.4l-.6.7c-.1.1-.4.3-.6.3-.1 0-.2-.1-.3-.1-.8-.4-1.4-.7-1.8-.7-.6 0-.9.3-.9.5 0 .3.2.6 1.4 1 1.6.5 3.3 1.4 3.3 3.1 0 1.2-1 2.3-2.4 2.6z"/></symbol><symbol viewBox="0 0 24 24" id="monthlyview"><path d="M20.3 3.2H18v-.9c0-.7-.6-1.4-1.4-1.4-.7 0-1.4.6-1.4 1.4v.9H8.8v-.9c0-.7-.6-1.4-1.4-1.4C6.6.9 6 1.5 6 2.3v.9H3.7c-1 0-1.9.9-1.9 1.9v1.1c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7V5.1c0-1-.9-1.9-1.9-1.9zm1.2 6h-19c-.3 0-.7.4-.7.7v11.3c0 1 .9 1.9 1.9 1.9h16.6c1 0 1.9-.9 1.9-1.9V9.9c0-.3-.4-.7-.7-.7zM9.7 20.3c-1.1 0-2.3-.4-2.7-1 0-.1-.1-.2-.1-.3 0-.4.4-.8.8-.8.1 0 .2.1.4.1.5.3 1.1.5 1.6.5.9 0 1.4-.4 1.4-1s-.4-.9-1.5-.9c-.6.1-1-.1-1-.7 0-.4.3-.7.7-.7 1 .1 1.7-.2 1.7-.8 0-.6-.6-.9-1.4-.9-.5 0-1 .1-1.5.4-.1.1-.2.1-.3.1-.4 0-.7-.3-.7-.7 0-.2.1-.4.2-.5.6-.5 1.4-.8 2.5-.8 1.7 0 2.8.8 2.8 2.1 0 .9-.8 1.5-1.6 1.7.8.1 1.7.7 1.7 1.8 0 1.5-1.2 2.4-3 2.4zm7.4-.9c0 .4-.3.9-.7.9-.4 0-.7-.4-.7-.9v-4.7l-1 .9c-.1.1-.3.1-.5.1-.4 0-.7-.2-.7-.7 0-.1.1-.3.2-.4l1.8-1.8c.1-.2.4-.3.7-.3.5 0 .9.5.9 1v5.9z"/></symbol><symbol viewBox="0 0 24 24" id="move"><path d="M22.9 11.7l-3.8-4.2c-.3-.3-.6 0-.6.4v2.7h-4.7c-.2 0-.4-.2-.4-.4V5.5h2.7c.5 0 .7-.4.4-.6l-4.1-3.8c-.2-.2-.5-.2-.7 0L7.6 4.9c-.3.3-.1.6.4.6h2.6v4.7c0 .2-.2.4-.4.4H5.5V7.9c0-.5-.4-.7-.6-.4l-3.8 4.1c-.2.2-.2.5 0 .7l3.8 4.1c.3.3.6.1.6-.4v-2.6h4.7c.2 0 .4.2.4.4v4.7H7.9c-.5 0-.7.4-.4.6l4.1 3.8c.2.2.5.2.7 0l4.1-3.8c.3-.3.1-.6-.4-.6h-2.6v-4.7c0-.2.2-.4.4-.4h4.7v2.7c0 .5.4.7.6.4l3.8-4.1c.2-.3.2-.5 0-.7z"/></symbol><symbol viewBox="0 0 24 24" id="muted"><path d="M22.4 2.6l-1-1c-.3-.3-.8-.2-1.1.2l-4.6 4.6V4.6c0-2.1-1.6-3.7-3.7-3.7S8.3 2.5 8.3 4.6v6.7c0 .7.2 1.3.6 1.9l-1.7 1.6c-.7-1-1.2-2.2-1.2-3.5V9.4c0-.6-.5-1.1-1.2-1.1s-1.1.5-1.1 1.1v1.9c0 1.9.7 3.7 1.9 5.1l-3.8 3.9c-.4.3-.4.8-.2 1.1l1 1c.3.3.8.2 1.1-.2L22.2 3.7c.4-.3.5-.8.2-1.1zM18 10.7v.6c0 3.2-2.7 5.9-6 5.9h-.4l-1.8 1.9c.4.1.8.1 1.3.2v1.5H9c-.6 0-1.2.5-1.2 1.1s.6 1.2 1.2 1.2h6c.7 0 1.2-.5 1.2-1.2s-.6-1.1-1.2-1.1h-2.1v-1.5c4.2-.6 7.4-4 7.4-8V9.4c0-.3-.1-.5-.3-.7l-2 2z"/></symbol><symbol viewBox="0 0 24 24" id="new"><path d="M19.8 4.2C15.5-.1 8.5-.1 4.2 4.2c-4.3 4.3-4.3 11.3 0 15.6 4.3 4.4 11.3 4.4 15.6 0 4.3-4.3 4.3-11.3 0-15.6zm-.4 8.7c0 .3-.2.5-.5.5h-5.1c-.2 0-.4.2-.4.4v5.1c0 .3-.2.5-.5.5h-1.8c-.3 0-.5-.2-.5-.5v-5.1c0-.2-.2-.4-.4-.4H5.1c-.3 0-.5-.2-.5-.5v-1.8c0-.3.2-.5.5-.5h5.1c.2 0 .4-.2.4-.4V5.1c0-.3.2-.5.5-.5h1.8c.3 0 .5.2.5.5v5.1c0 .2.2.4.4.4h5.1c.3 0 .5.2.5.5v1.8z"/></symbol><symbol viewBox="0 0 24 24" id="new_window"><path d="M22.5.9h-8.8c-.4 0-.8.3-.8.6v1.4c0 .4.3.8.8.8h3.6c.4 0 .7.5.3.7l-7.8 7.9c-.3.3-.3.7 0 .9l1 1c.2.3.6.3.9 0l7.9-7.8c.2-.3.7-.1.7.3v3.6c0 .4.4.8.7.8h1.4c.4 0 .7-.4.7-.8V1.6c0-.4-.3-.7-.6-.7zm-5.7 10.9l-1.6 1.6c-.3.3-.4.6-.4 1v5.2c0 .4-.4.7-.7.7H4.4c-.4 0-.7-.3-.7-.7V9.9c0-.3.3-.7.7-.7h5.3c.4 0 .7-.1 1-.4l1.5-1.6c.3-.2.1-.7-.3-.7H2.8c-1 0-1.9.8-1.9 1.8v12.9c0 1 .9 1.9 1.9 1.9h12.9c1 0 1.8-.9 1.8-1.9v-9.1c0-.4-.5-.6-.7-.3z" /></symbol><symbol viewBox="0 0 24 24" id="news"><path d="M23.3 2.8H4.4c-.4 0-.7.3-.7.7v14c0 .6-.5 1.1-1.1 1-.4-.1-.8-.5-.8-1V7.4c0-.3-.1-.5-.4-.5H.7c-.4 0-.7.3-.7.7v11.8c0 1 .8 1.8 1.8 1.8h20.4c1 0 1.8-.8 1.8-1.8V3.5c0-.4-.3-.7-.7-.7zM12.9 16.2c0 .2-.2.4-.4.4H6.9c-.3 0-.4-.2-.4-.4v-1c0-.2.1-.4.4-.4h5.6c.2 0 .4.2.4.4v1zm0-3.7c0 .2-.2.4-.4.4H6.9c-.3 0-.4-.2-.4-.4v-1c0-.2.1-.4.4-.4h5.6c.2 0 .4.2.4.4v1zm8.3 3.7c0 .2-.2.4-.4.4h-5.6c-.2 0-.4-.2-.4-.4v-1c0-.2.2-.4.4-.4h5.6c.2 0 .4.2.4.4v1zm0-3.7c0 .2-.2.4-.4.4h-5.6c-.2 0-.4-.2-.4-.4v-1c0-.2.2-.4.4-.4h5.6c.2 0 .4.2.4.4v1zm0-3.7c0 .2-.2.4-.4.4H6.9c-.3 0-.4-.2-.4-.4V6c0-.3.1-.5.4-.5h13.9c.2 0 .4.2.4.5v2.8z"/></symbol><symbol viewBox="0 0 24 24" id="note"><path d="M19.1 18.3l-.4.4c-.5.5-1.1.7-1.7.7h-1.2c-1.1 0-2.3-.8-2.3-2.4v-1.1c0-.9.4-1.5.6-1.8l5-5.1c.1-.1.3-.5.3-.6V4.5c0-1.2-1-2.2-2.2-2.2H5.4c-1.2 0-2.3 1.1-2.3 2.2h-.7C1.6 4.5.9 5.2.9 6s.7 1.5 1.5 1.5h.7v3h-.7c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h.7v3h-.7c-.8 0-1.5.7-1.5 1.5s.7 1.4 1.5 1.4h.7c0 1.5 1.1 2.2 2.3 2.2h11.8c1.2 0 2.2-1 2.2-2.2v-.9c0-.3-.1-.3-.3-.2zM15.3 7.9c0 .4-.3.7-.7.7H7.2c-.4 0-.7-.3-.7-.7v-.7c0-.5.3-.8.7-.8h7.4c.4 0 .7.3.7.8v.7zM12 16.8c0 .5-.3.8-.7.8H7.2c-.4 0-.7-.3-.7-.8v-.7c0-.4.3-.7.7-.7h4.1c.4 0 .7.3.7.7v.7zm1.1-4.4c0 .4-.3.7-.7.7H7.2c-.4 0-.7-.3-.7-.7v-.8c0-.4.3-.7.7-.7h5.2c.4 0 .7.3.7.7v.8zm9.7-2.1l-.4-.4c-.3-.3-.8-.3-1 0l-5.7 5.8V17c0 .1 0 .2.1.2h1.3l5.7-5.8c.4-.3.4-.7 0-1.1z"/></symbol><symbol viewBox="0 0 24 24" id="notebook"><path d="M20.3.9H6.5c-1.1 0-1.9.9-1.9 1.9v1.4H3.2c-.8 0-1.4.6-1.4 1.3s.6 1.4 1.4 1.4h1.4v3.7H3.2c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4h1.4v3.7H3.2c-.8 0-1.4.6-1.4 1.4s.6 1.3 1.4 1.3h1.4v1.4c0 1 .8 1.9 1.9 1.9h13.8c1 0 1.9-.9 1.9-1.9V2.8c0-1-.9-1.9-1.9-1.9zm-3.2 15.7c0 .3-.2.5-.5.5h-6.4c-.3 0-.5-.2-.5-.5v-.9c0-.3.2-.5.5-.5h6.4c.3 0 .5.2.5.5v.9zm.9-3.7c0 .3-.2.5-.5.5H9.2c-.2 0-.4-.2-.4-.5V12c0-.3.2-.5.4-.5h8.3c.3 0 .5.2.5.5v.9zm.9-4.6c0 .3-.2.5-.4.5H8.3c-.3 0-.5-.2-.5-.5V5.5c0-.2.2-.4.5-.4h10.2c.2 0 .4.2.4.4v2.8z"/></symbol><symbol viewBox="0 0 24 24" id="notification"><path d="M21.2 15.2H21c-.9 0-1.6-.7-1.6-1.6V8.3c0-4.2-3.5-7.6-7.8-7.4-3.9.2-7 3.6-7 7.6v5.2c0 .8-.7 1.5-1.6 1.5h-.2c-1 0-1.9.9-1.9 1.9v.7c0 .3.3.7.7.7h20.8c.4 0 .7-.4.7-.7v-.7c0-1-.9-1.9-1.9-1.9zm-6.9 5.1H9.7c-.2 0-.5.3-.4.6.2 1.3 1.4 2.2 2.7 2.2s2.5-1 2.7-2.2c.1-.3-.2-.6-.4-.6z" /></symbol><symbol viewBox="0 0 24 24" id="office365"><g ><path d="M14.2 22.8c.3.1.6.1.9 0l5.5-1.8c.4-.1.6-.4.6-.8V3.6c0-.3-.2-.6-.4-.7L15.2 1c-.3-.1-.7-.1-.9 0L3.2 5.3c-.2.1-.4.3-.4.6v12.5c0 .3.2.6.4.7l11 3.7zm.6-3c0 .2-.3.5-.5.4L5.1 19c-.3-.1-.4-.3-.4-.5v-.2c0-.2.1-.3.3-.4l1.7-.8c.2-.1.3-.3.3-.4V6.8c0-.2.2-.4.4-.4l6.9-1.6c.3 0 .6.1.6.5v14.5z"/></g></symbol><symbol viewBox="0 0 24 24" id="offline"><path d="M16 16.7c.2-.3.2-.6 0-.9l-.8-.8c-.2-.2-.6-.2-.8 0l-2.1 2c-.1.2-.4.2-.5 0l-2.1-2c-.2-.2-.6-.2-.8 0l-.8.8c-.3.3-.3.6 0 .9l2 2c.1.1.1.4 0 .5l-2 2.1c-.3.2-.3.6 0 .8l.8.8c.2.3.6.3.8 0l2.1-2c.1-.1.4-.1.5 0l2.1 2c.2.3.6.3.8 0l.8-.8c.2-.2.2-.6 0-.8l-2-2.1c-.2-.1-.2-.4 0-.5l2-2zm6-11.3C19.5 2.5 15.9 1 12 1S4.6 2.5 2.1 5.4c-.2.1-.2.5 0 .6l1.4 1.2c.2.2.5.1.7 0C6.2 5 9 3.7 12 3.7s5.9 1.3 7.9 3.5c.2.1.5.1.7 0L22 6c.2-.2.2-.5 0-.6zm-10 2c-1.9 0-3.7.9-5 2.3-.2.2-.2.5 0 .7l1.5 1.1c.2.2.5.2.6 0 .8-.8 1.8-1.3 2.9-1.3s2.2.5 3 1.2c.1.2.4.2.6.1l1.4-1.1c.3-.2.3-.5.1-.7C15.8 8.3 14 7.4 12 7.4z" /></symbol><symbol viewBox="0 0 24 24" id="offline_cached"><path d="M17.8 9.4c-.4-3-3.1-5.3-6.2-5.3-3.5 0-6.3 2.8-6.3 6.3v.5c-2.3.2-4.1 2.1-4.1 4.4 0 2.5 2 4.5 4.5 4.5H11l-3.8-3.7c-.1-.2-.1-.5 0-.6l.6-.6c.2-.2.5-.2.6 0l1.7 1.6c.1.2.5 0 .5-.2v-6.2c0-.2.2-.5.4-.5h.9c.2 0 .4.2.4.5v6.1c0 .3.4.4.5.2l1.6-1.6c.2-.2.5-.2.6 0l.6.6c.2.2.2.4 0 .6L12 19.8h5.7c2.8 0 5.1-2.4 5.1-5.2 0-2.8-2.2-5.1-5-5.2z"/></symbol><symbol viewBox="0 0 24 24" id="open"><path d="M3.7 16.2v-.3.5-.2zM21.2.9H2.8C1.8.9.9 1.8.9 2.8v16.6c0 1 .9 1.8 1.9 1.8h5.5c.3 0 .5-.2.5-.4v-1.9c0-.3-.2-.4-.5-.4H4.4c-.4 0-.7-.4-.7-.7V6.2c0-.3.3-.7.7-.7h15.2c.4 0 .7.4.7.7v11.6c0 .3-.3.7-.7.7h-3.9c-.3 0-.5.1-.5.4v1.9c0 .2.2.4.5.4h5.5c1 0 1.9-.8 1.9-1.8V2.8c0-1-.9-1.9-1.9-1.9zM17.3 16l1-1c.3-.3.3-.7 0-1l-5.8-5.8c-.3-.3-.7-.3-1 0L5.7 14c-.3.3-.3.7 0 1l1 .9c.3.3.7.3 1 0l2.1-2.1c.3-.3.8-.1.8.3v8.3c0 .4.3.7.7.7h1.3c.4 0 .8-.3.8-.7v-8.3c0-.4.4-.6.8-.3l2.1 2.2c.3.2.7.2 1 0z"/></symbol><symbol viewBox="0 0 24 24" id="open_folder"><path d="M21.2 6.5H10.8c-.7 0-1.3-.4-1.7-1L7.5 2.8c-.3-.6-.9-1-1.6-1H2.8c-1 0-1.9.9-1.9 1.9v16.6c0 1 .9 1.9 1.9 1.9h18.4c1 0 1.9-.9 1.9-1.9v-12c0-1-.9-1.8-1.9-1.8zm0-3.7H10.1c-.2 0-.3.2-.2.3l.8 1.2c.1.2.2.3.4.3h10.1c.5 0 1 .1 1.5.3.1.1.4-.1.4-.3 0-1-.9-1.8-1.9-1.8z" /></symbol><symbol viewBox="0 0 24 24" id="opened_folder"><path d="M20.3 6.9c0-1-.8-1.8-1.8-1.8h-6.8c-.9 0-1.6-.9-1.6-.9L8.9 2.8s-.5-1-1.6-1H5.5c-1 0-1.8.9-1.8 1.9v4.1h16.6v-.9zm1.3 2.8H2.4c-1 0-1.7.9-1.4 1.7l2.6 9.7c.2.6.7 1.1 1.4 1.1h14.1c.6 0 1.2-.5 1.3-1.1l2.7-9.7c.2-.8-.5-1.7-1.5-1.7z" /></symbol><symbol viewBox="0 0 24 24" id="overflow"><path d="M17.2 4.6H7.3c-1 0-1.7.8-1.7 1.7v.3c0 .1.1.2.3.2h9c1 0 1.7.8 1.7 1.7v10.2c0 .2.2.3.3.3h.3c.9 0 1.7-.8 1.7-1.7v-11c0-.9-.8-1.7-1.7-1.7zM20.9.9H11c-1 0-1.7.8-1.7 1.7v.3c0 .1.1.3.3.3h9c1 0 1.7.8 1.7 1.7v10.2c0 .1.1.3.3.3h.3c.9 0 1.7-.8 1.7-1.7V2.6c0-.9-.8-1.7-1.7-1.7zM15 10.1c0-1-.7-1.7-1.7-1.7H3.1c-1 0-1.7.7-1.7 1.7v11.3c0 .9.8 1.7 1.7 1.7h10.2c1 0 1.7-.8 1.7-1.7V10.1z"/></symbol><symbol viewBox="0 0 24 24" id="package"><path d="M20.5 11.1h-3.7l-1.5 1.8h5v2.8H3.7v-2.8h4.9l-1.5-1.8H3.5c-.9 0-1.7.7-1.7 1.6v9c0 .8.6 1.4 1.4 1.4h17.6c.8 0 1.4-.6 1.4-1.4v-9c0-.9-.8-1.6-1.7-1.6zm-9.9-9.5v5.8H7.4c-.4 0-.7.4-.4.6l4.6 5.7c.2.1.5.1.7 0L16.9 8c.3-.2 0-.6-.4-.6h-3.1V1.6c0-.4-.3-.7-.7-.7h-1.4c-.4 0-.7.3-.7.7z"/></symbol><symbol viewBox="0 0 24 24" id="package_org"><path d="M20.5 10.6h-5.8l-1.8 1.9h7.4v2.7H3.7v-2.7h3.7l-1.8-1.9H3.5c-.9 0-1.7.8-1.7 1.7v8.9c0 .8.6 1.4 1.4 1.4h17.6c.8 0 1.4-.6 1.4-1.4v-8.9c0-.9-.8-1.7-1.7-1.7zm-11 1.3c.4.4.9.4 1.3 0l8.8-8.8c.2-.1.2-.4 0-.6l-1.3-1.3c-.2-.2-.5-.2-.7 0l-7.4 7.5-3.1-3.1c-.2-.2-.5-.2-.7 0L5.1 6.9c-.2.2-.2.4 0 .6l4.4 4.4z"/></symbol><symbol viewBox="0 0 24 24" id="package_org_beta"><path d="M20.5 10.6h-2.7c-.2.7-.5 1.3-1 1.9h3.5v2.7H3.7v-2.7h2.8v-1.9h-3c-.9 0-1.7.8-1.7 1.7v8.9c0 .8.6 1.4 1.4 1.4h17.6c.8 0 1.4-.6 1.4-1.4v-8.9c0-.9-.8-1.7-1.7-1.7zm-4.3-6c0-1.8-1.6-3.2-3.4-3.2H9c-.4 0-.7.3-.7.7v9.7c0 .3.3.7.7.7h3.9c1.8 0 3.3-1.5 3.2-3.3 0-.9-.4-1.7-1-2.2.7-.7 1.1-1.5 1.1-2.4zm-6-1.4h2.7c.8 0 1.4.6 1.4 1.4 0 .8-.6 1.4-1.4 1.4h-2.7V3.2zm4.1 6c0 .8-.6 1.4-1.4 1.4h-2.7V7.8h2.7c.8 0 1.4.6 1.4 1.4z"/></symbol><symbol viewBox="0 0 24 24" id="page"><path d="M20.5 8.8h-5.2c-1.2 0-1.9-.8-1.9-2V1.7c0-.5-.3-.8-.8-.8H5c-1.2 0-2.2 1-2.2 2.2v17.8c0 1.2 1 2.2 2.2 2.2h14c1.2 0 2.2-1 2.2-2.2V9.5c0-.4-.3-.7-.7-.7zm.6-2.8l-4.9-4.9c-.1-.1-.3-.2-.4-.2-.3 0-.6.3-.6.5v4c0 .8.8 1.5 1.6 1.5h3.9c.3 0 .5-.3.5-.5s0-.4-.1-.4z"/></symbol><symbol viewBox="0 0 24 24" id="palette"><path d="M22.8 8C21.8 3.6 17.2.9 12.1.9 5.9.9.9 5.9.9 12s5 11.1 11.2 11.1c8.6 0 7.9-4.4 5.2-6.1-1.7-1-2.5-3.3-.9-5 3-3.1 7.8 1.8 6.4-4zM6 15.7c-1.3 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3 2.3 1 2.3 2.3-1 2.3-2.3 2.3zm.5-8.8c0-1.3 1-2.3 2.3-2.3s2.3 1 2.3 2.3-1 2.3-2.3 2.3-2.3-1-2.3-2.3zm5 13.4c-1.3 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3 2.3 1 2.3 2.3-1 2.3-2.3 2.3zm4.2-12c-1.3 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3S18 4.7 18 6s-1 2.3-2.3 2.3z"/></symbol><symbol viewBox="0 0 24 24" id="paste"><path d="M8.1 5.5h7.8c.4 0 .7-.3.7-.7v-2c0-1-.8-1.9-1.8-1.9H9.2c-1 0-1.8.9-1.8 1.9v2c0 .4.3.7.7.7zm12.2-2.7h-1.1c-.4 0-.7.3-.7.7v2c0 1.1-.9 1.9-1.9 1.9H7.4c-1 0-1.9-.8-1.9-1.9v-2c0-.4-.3-.7-.7-.7H3.7c-1 0-1.9.8-1.9 1.8v16.6c0 1 .9 1.9 1.9 1.9h16.6c1 0 1.9-.9 1.9-1.9V4.6c0-1-.9-1.8-1.9-1.8zm-2.8 16.1c0 .3-.1.5-.4.5H6.9c-.3 0-.4-.2-.4-.5V18c0-.3.1-.5.4-.5h10.2c.3 0 .4.2.4.5v.9zm0-3.7c0 .3-.1.5-.4.5H6.9c-.3 0-.4-.2-.4-.5v-.9c0-.3.1-.5.4-.5h10.2c.3 0 .4.2.4.5v.9zm0-3.7c0 .3-.1.5-.4.5H6.9c-.3 0-.4-.2-.4-.5v-.9c0-.3.1-.4.4-.4h10.2c.3 0 .4.1.4.4v.9z" /></symbol><symbol viewBox="0 0 24 24" id="people"><path d="M19.4 10.3c-1.3-.5-1.5-1-1.5-1.5s.4-1 .8-1.4c.8-.7 1.2-1.6 1.2-2.7 0-2-1.3-3.8-3.7-3.8-2.1 0-3.4 1.5-3.6 3.3 0 .2.1.3.2.4 1.8 1.1 2.8 3.1 2.8 5.4 0 1.8-.6 3.3-1.9 4.4-.1.1-.1.3 0 .4.3.2 1.1.6 1.5.8.2 0 .3.1.4.1h5.6c1 0 1.9-.9 1.9-1.9v-.2c0-1.6-1.8-2.5-3.7-3.3zm-6.2 6.4c-1.6-.6-1.8-1.2-1.8-1.8 0-.6.5-1.2 1-1.7.9-.7 1.4-1.8 1.4-3.1 0-2.4-1.6-4.5-4.4-4.5-2.8 0-4.5 2.1-4.5 4.5 0 1.3.5 2.4 1.5 3.1.5.5.9 1.1.9 1.7 0 .6-.2 1.2-1.8 1.8-2.3.9-4.6 2-4.6 3.9v.6c0 1 .9 1.9 1.9 1.9h12.8c1.1 0 1.9-.9 1.9-1.9v-.6c0-1.9-2-3-4.3-3.9z" /></symbol><symbol viewBox="0 0 24 24" id="phone_landscape"><path d="M24 6c0-1-.8-1.8-1.8-1.8H1.8C.8 4.2 0 5 0 6v12c0 1 .8 1.8 1.8 1.8h20.4c1 0 1.8-.8 1.8-1.8V6zM2.3 13.4c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4 1.4.6 1.4 1.4-.6 1.4-1.4 1.4zm18 3c0 .4-.3.7-.7.7H5.3c-.4 0-.7-.3-.7-.7V7.6c0-.4.3-.7.7-.7h14.3c.4 0 .7.3.7.7v8.8z"/></symbol><symbol viewBox="0 0 24 24" id="phone_portrait"><path d="M19.8 1.8C19.8.8 19 0 18 0H6C5 0 4.2.8 4.2 1.8v20.4c0 1 .8 1.8 1.8 1.8h12c1 0 1.8-.8 1.8-1.8V1.8zM12 23.1c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4 1.4.6 1.4 1.4-.6 1.4-1.4 1.4zm5.1-4.4c0 .4-.3.7-.7.7H7.6c-.4 0-.7-.3-.7-.7V4.4c0-.4.3-.7.7-.7h8.8c.4 0 .7.3.7.7v14.3z"/></symbol><symbol viewBox="0 0 24 24" id="photo"><path d="M12 9.2c-2 0-3.7 1.7-3.7 3.7s1.7 3.7 3.7 3.7 3.7-1.6 3.7-3.7S14 9.2 12 9.2zm9.2-2.7h-2.4c-.6 0-1.2-.4-1.5-.9L16.2 4c-.3-.8-1.1-1.2-1.9-1.2H9.7c-.8 0-1.6.4-1.9 1.2L6.7 5.6c-.3.5-.9.9-1.6.9H2.8c-1 0-1.9.8-1.9 1.8v11.1c0 1 .9 1.8 1.9 1.8h18.4c1 0 1.9-.8 1.9-1.8V8.3c0-1-.9-1.8-1.9-1.8zm-9.2 12c-3 0-5.5-2.5-5.5-5.6S9 7.4 12 7.4s5.5 2.5 5.5 5.5-2.5 5.6-5.5 5.6z" /></symbol><symbol viewBox="0 0 24 24" id="picklist"><path d="M22.2 18.9c.5 0 .9-.4.9-.9V6c0-.5-.4-.9-.9-.9H1.8c-.5 0-.9.4-.9.9v12c0 .5.4.9.9.9h20.4zM2.8 17.1V6.9h18.4v10.2H2.8zM15 10.6h4.3c.1 0 .2.2.1.2l-2.1 2.5c-.1.1-.3.1-.4 0l-2.1-2.5s.1-.2.2-.2z"/></symbol><symbol viewBox="0 0 24 24" id="power"><path d="M15.9 3.6c-.3-.2-.7 0-.7.4v1.7c0 .3.2.7.5.8 2.4 1.4 4 4.2 3.6 7.3-.3 3.3-3.1 6.1-6.5 6.5-4.4.5-8.2-3-8.2-7.4 0-2.7 1.5-5.1 3.7-6.4.3-.1.5-.5.5-.8V4c0-.4-.4-.6-.7-.4-3.9 1.6-6.6 5.6-6.2 10.2.4 4.8 4.2 8.7 8.9 9.2 6.1.7 11.4-4.1 11.4-10.1 0-4.2-2.6-7.8-6.3-9.3zm-2.5-2c0-.4-.3-.7-.7-.7h-1.4c-.4 0-.7.3-.7.7v7.9c0 .3.3.7.7.7h1.4c.4 0 .7-.4.7-.7V1.6z" /></symbol><symbol viewBox="0 0 24 24" id="preview"><path d="M23.9 11.6C21.7 7.2 17.2 4.2 12 4.2S2.3 7.2.1 11.6c-.1.3-.1.6 0 .8 2.2 4.4 6.7 7.4 11.9 7.4s9.7-3 11.9-7.4c.1-.3.1-.5 0-.8zM12 17.1c-2.8 0-5.1-2.3-5.1-5.1S9.2 6.9 12 6.9s5.1 2.3 5.1 5.1-2.3 5.1-5.1 5.1zm0-8.3c-1.8 0-3.2 1.4-3.2 3.2s1.4 3.2 3.2 3.2 3.2-1.4 3.2-3.2-1.4-3.2-3.2-3.2z" /></symbol><symbol viewBox="0 0 24 24" id="priority"><path d="M4.2 1.6c0-.4-.4-.7-.7-.7H2.1c-.4 0-.7.3-.7.7v20.8c0 .4.3.7.7.7h1.4c.3 0 .7-.3.7-.7V1.6zm17.7 2c-7.4 3.8-6.5-4.1-15.4-1-.3.1-.5.4-.5.6V14c0 .3.3.5.6.4 8.9-3 7.9 5.2 15.6.8.3-.1.4-.3.4-.6V3.9c0-.3-.4-.5-.7-.3z" /></symbol><symbol viewBox="0 0 24 24" id="process"><path d="M7.5 10.7l3.9-4.9c.3-.4.8-.4 1.1 0l3.9 5c.2.1.4.3.6.3h4.4c.4 0 .8-.3.8-.7V3.7c0-1-.9-1.9-1.9-1.9H3.7c-1 0-1.9.9-1.9 1.9v6.7c0 .4.4.7.7.7h4.4c.3 0 .4-.2.6-.4zm9 2.6l-3.9 4.9c-.3.4-.9.4-1.2 0l-3.9-5c-.2-.1-.3-.3-.6-.3H2.5c-.3 0-.7.3-.7.7v6.7c0 1 .9 1.9 1.9 1.9h16.6c1 0 1.9-.9 1.9-1.9v-6.7c0-.4-.4-.7-.7-.7H17c-.2 0-.4.2-.5.4z"/></symbol><symbol viewBox="0 0 24 24" id="push"><path d="M20.3.9H9.2c-1 0-1.8.9-1.8 1.9 0 .3.2.7.4.8.2.1 1.9 1.9 1.9 1.9.2.1.4 0 .4-.2 0-.4.3-.7.7-.7h7.8c.4 0 .8.3.8.7v12.5c0 .3-.4.6-.8.6h-7.8c-.4 0-.6-.3-.6-.6v-.1c0-.2-.3-.3-.4-.1 0 0-1.8 1.7-2 1.8-.2.2-.4.5-.4.9v.9c0 1 .8 1.8 1.8 1.8h11.1c1 0 1.9-.8 1.9-1.8V2.8c0-1-.9-1.9-1.9-1.9zm-5.5 21.3c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4 1.4.6 1.4 1.4-.6 1.4-1.4 1.4zM12.7 11L7 5.3c-.3-.3-.7-.3-1 0l-1 .9c-.2.3-.2.7 0 1l2.2 2.1c.2.3 0 .8-.4.8H.7c-.4.1-.7.4-.7.7v1.4c0 .4.3.7.7.7h6.1c.4 0 .6.5.3.8L5 15.8c-.3.3-.3.7 0 1l1 1c.2.2.6.2.9 0l5.8-5.8c.3-.2.3-.7 0-1z" /></symbol><symbol viewBox="0 0 24 24" id="puzzle"><path d="M20.8 17.7c-.1 1.3-.3 2.6-.5 3.9 0 .4-.5.8-.8.8-2.5.3-5 .5-7.5.5-2.4 0-4.9-.1-7.3-.5-.4 0-.8-.4-.9-.8-.3-2-.5-4.1-.5-6.2s.2-4.1.5-6.2c.1-.3.5-.7.9-.8 1.5-.2 3-.3 4.4-.4 0 0 1.2 0 1.1-1.2 0-1-1.8-1.7-1.8-3.4C8.4 2 9.8.9 12 .9c2.3 0 3.6 1.1 3.6 2.5 0 1.8-1.7 2.4-1.8 3.4C13.8 7.9 15 8 15 8c1.5.1 3 .2 4.5.4.3 0 .8.4.8.8.2 1.5.4 2.8.5 4.2 0 .4-.4.9-.8.9h-.4c-.4 0-1-.4-1.3-.7 0 0-1-1-2.1-1-1.7-.1-3 1.4-3 3s1.3 3.1 3 3.1c1-.1 2-1.1 2-1.1.4-.2 1-.5 1.4-.5h.4c.5 0 .8.3.8.6z"/></symbol><symbol viewBox="0 0 24 24" id="question"><path d="M13.1 17.5h-2.3c-.4 0-.6-.2-.6-.6v-.7c0-1.9 1.2-3.7 3-4.3.6-.2 1.1-.5 1.5-1 2.3-2.8.2-6.1-2.6-6.2-1 0-1.9.3-2.7 1-.6.6-1 1.3-1 2.1-.1.2-.4.5-.7.5H5.4c-.5 0-.8-.4-.7-.8.1-1.7.9-3.3 2.2-4.5C8.4 1.6 10.2.8 12.3.9c3.8.1 6.9 3.3 7.1 7.1.1 3.2-1.9 6.1-4.9 7.2-.4.2-.7.5-.7 1v.6c0 .5-.3.7-.7.7zm.7 4.9c0 .4-.3.7-.6.7h-2.4c-.3 0-.6-.3-.6-.7v-2.3c0-.4.3-.7.6-.7h2.4c.3 0 .6.3.6.7v2.3z"/></symbol><symbol viewBox="0 0 24 24" id="questions_and_answers"><path d="M23.1 12.9c0-1.8-1.2-3.3-2.8-3.9C20.2 4.5 16.5.9 12 .9S3.8 4.5 3.7 9C2.1 9.6.9 11.1.9 12.9c0 2 1.4 3.6 3.1 4 1 3.6 4.2 6.2 8 6.2s7-2.6 8-6.2c1.7-.4 3.1-2 3.1-4zm-4.6-4.1l-.1-.1.2.1h-.1zM12 21.2c-3.6 0-6.5-3-6.5-6.6 0-.9.2-2.3.6-3.2 0-.1.1-.2.2-.4 1.4-.5 2.6-1.5 3.3-2.7 1.7 2 4.2 3.4 7 3.4H18c.1.6.3 1.3.4 2.1-.3 1.1-2.1 2.2-4.6 2.4-.1-.3-.4-.5-.7-.5h-2.3c-.4 0-.6.4-.6.7v1.4c0 .4.2.7.6.7h2.3c.3 0 .6-.2.7-.5 1.6 0 3.1-.5 4.2-1.2-.8 2.6-3.2 4.4-6 4.4z"/></symbol><symbol viewBox="0 0 24 24" id="quotation_marks"><path d="M20.4 3c-4.1 0-7.3 3.2-7.3 7.4v9.9c0 .4.3.7.7.7h7.8c.4 0 .7-.3.7-.7v-7.8c0-.4-.3-.7-.7-.7h-5.7v-1.4c0-2.3 2.2-4.6 4.5-4.6h1.2c.4 0 .7-.4.7-.7V3.7c0-.4-.3-.7-.7-.7h-1.2zM9 3c-4.2 0-7.3 3.2-7.3 7.4v9.9c0 .4.3.7.7.7h7.8c.4 0 .7-.3.7-.7v-7.8c0-.4-.3-.7-.7-.7H4.4v-1.4c0-2.3 2.3-4.6 4.6-4.6h1.2c.4 0 .7-.4.7-.7V3.7c0-.4-.3-.7-.7-.7H9z" /></symbol><symbol viewBox="0 0 24 24" id="record"><path d="M12 3.7c4.6 0 8.3 3.7 8.3 8.3s-3.7 8.3-8.3 8.3-8.3-3.7-8.3-8.3S7.4 3.7 12 3.7z"/></symbol><symbol viewBox="0 0 24 24" id="record_create"><path d="M8 5.4h8c.4 0 .8-.4.8-.8V3.1c0-1.2-1-2.2-2.2-2.2H9.5c-1.2 0-2.2 1-2.2 2.2v1.5c0 .4.3.8.7.8zm12-2.6h-.8c-.2 0-.3.1-.3.3v1.5c0 1.6-1.3 3-2.9 3H8c-1.6 0-2.9-1.4-2.9-3V3.1c0-.2-.1-.3-.3-.3H4c-1.2 0-2.2 1-2.2 2.2v15.9c0 1.2 1 2.2 2.2 2.2h16c1.2 0 2.2-1 2.2-2.2V5c0-1.2-1-2.2-2.2-2.2zM8 18.6c0 .5-.3.8-.7.8h-.7c-.5 0-.8-.3-.8-.8v-.7c0-.4.3-.7.8-.7h.7c.4 0 .7.3.7.7v.7zM8 15c0 .4-.3.7-.7.7h-.7c-.5 0-.8-.3-.8-.7v-.8c0-.4.3-.7.8-.7h.7c.4 0 .7.3.7.7v.8zm0-3.7c0 .4-.3.7-.7.7h-.7c-.5 0-.8-.3-.8-.7v-.8c0-.4.3-.7.8-.7h.7c.4 0 .7.3.7.7v.8zm10.2 7.3c0 .5-.3.8-.8.8h-7.2c-.4 0-.7-.3-.7-.8v-.7c0-.4.3-.7.7-.7h7.2c.5 0 .8.3.8.7v.7zm0-3.6c0 .4-.3.7-.8.7h-7.2c-.4 0-.7-.3-.7-.7v-.8c0-.4.3-.7.7-.7h7.2c.5 0 .8.3.8.7v.8zm0-3.7c0 .4-.3.7-.8.7h-7.2c-.4 0-.7-.3-.7-.7v-.8c0-.4.3-.7.7-.7h7.2c.5 0 .8.3.8.7v.8z"/></symbol><symbol viewBox="0 0 24 24" id="redo"><path d="M16.4 5.8h.3c.5 0 .5-.4.2-.6l-2.3-2.3c-.2-.2-.2-.7 0-1l1-.9c.2-.3.7-.3 1 0l5.9 5.9c.3.3.3.6 0 .9l-6 6c-.3.2-.6.2-.9-.1l-1-1c-.2-.3-.3-.7 0-1l2.2-2.2c.4-.4.5-.6.1-.8-.1-.1-.5-.1-.5-.1H10c-3.3 0-5.9 2.7-5.9 5.9s2.6 5.9 5.9 5.9h3.7c.4 0 .7.4.7.7v1.5c0 .4-.3.7-.6.7H10c-4.8 0-8.8-3.9-8.8-8.8s4-8.7 8.8-8.7h6.4z"/></symbol><symbol viewBox="0 0 24 24" id="refresh"><path d="M21.5 1.8h-1.4c-.4 0-.7.4-.7.7v3.3c0 .4-.2.6-.6.3-.1-.2-.2-.3-.4-.5-2.3-2.3-5.6-3.2-8.9-2.6-1.1.2-2.3.7-3.2 1.3-2.8 1.9-4.5 4.9-4.5 8.1 0 2.5.9 5 2.7 6.8 1.8 1.9 4.3 3 7 3 2.3 0 4.6-.8 6.3-2.3.3-.3.3-.7.1-1l-1-1c-.2-.2-.7-.3-.9 0-1.7 1.3-4 1.9-6.2 1.3-.6-.1-1.2-.4-1.8-.7-2.6-1.6-3.8-4.7-3.1-7.7.1-.6.4-1.2.7-1.8 1.3-2.2 3.6-3.5 6-3.5 1.8 0 3.6.8 4.9 2.1.2.2.4.4.5.6.2.4-.2.6-.6.6h-3.2c-.4 0-.7.3-.7.7v1.4c0 .4.3.6.7.6h8.4c.3 0 .6-.2.6-.6V2.5c0-.3-.4-.7-.7-.7z"/></symbol><symbol viewBox="0 0 24 24" id="relate"><path d="M16.6 9.2c0-1-.8-1.8-1.8-1.8h-12c-1 0-1.9.8-1.9 1.8v12c0 1 .9 1.9 1.9 1.9h12c1 0 1.8-.9 1.8-1.9v-12zm-3.7 6.5c0 .2-.2.5-.4.5H9.7v2.7c0 .3-.2.5-.5.5h-.9c-.2 0-.5-.2-.5-.5v-2.7H5.1c-.3 0-.5-.3-.5-.5v-.9c0-.3.2-.5.5-.5h2.7v-2.8c0-.2.3-.4.5-.4h.9c.3 0 .5.2.5.4v2.8h2.8c.2 0 .4.2.4.5v.9zm6.9 3.7h-1.3v-2.8h1.3c.3 0 .5-.2.5-.4v-12c0-.3-.2-.5-.5-.5h-12c-.2 0-.4.2-.4.5v1.3H4.6V4.2C4.6 2.4 6 .9 7.8.9h12c1.8 0 3.3 1.5 3.3 3.3v12c0 1.8-1.5 3.2-3.3 3.2z"/></symbol><symbol viewBox="0 0 24 24" id="remove_formatting"><path d="M20.8 18.9l2.1-2.1c.2-.2.2-.5 0-.7l-1.3-1.3c-.1-.2-.4-.2-.6 0L18.9 17l-2-2c-.1-.2-.4-.2-.6 0L15 16.3c-.2.2-.2.5 0 .6l2 2-2 2c-.1.1-.1.4 0 .6l1.3 1.3c.2.2.5.2.7 0l1.9-1.9 2.1 2c.2.2.5.2.6 0l1.3-1.3c.2-.1.2-.4 0-.6l-2.1-2.1zM2.2 3.7h5L5.3 14.4c-.1.5.2.8.7.8h2.3c.3 0 .7-.2.7-.5l1.9-11H16c.3 0 .7-.2.7-.6l.2-1.4c.1-.4-.2-.8-.7-.8H2.4c-.3 0-.6.3-.6.6l-.3 1.4c-.1.4.3.8.7.8zm10.7 14.1c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v1.4c0 .3.3.6.7.6h10.6c.4 0 .7-.3.7-.6v-1.4z"/></symbol><symbol viewBox="0 0 24 24" id="remove_link"><path d="M11.1 16.9c-.3 0-.6-.1-.9-.1-.2-.1-.6-.2-.8-.3-.2 0-.4 0-.5.1l-.2.2c-1.1 1.2-3 1.3-4.3.2-1.3-1.2-1.4-3.2-.1-4.5l3-3c.5-.5.9-.7 1.4-.8.7-.2 1.4-.2 2 .1.3.2.7.4 1 .7.1.1.3.3.4.6.1.2.5.3.7.1L14 9c.2-.2.2-.4 0-.6-.2-.2-.3-.4-.5-.6-.3-.3-.7-.6-1-.8-.6-.4-1.2-.6-1.9-.8-1.2-.2-2.6 0-3.8.6-.4.3-.8.6-1.2 1l-3 2.9c-2.1 2.1-2.3 5.6-.2 7.8 2.2 2.3 5.8 2.4 8 .1l1-1c.3-.2.1-.7-.3-.7zm7.6-6.5c2.2-2.2 2.2-5.9-.1-8-2.3-2.1-5.7-1.9-7.8.2l-1 .9c-.2.3-.1.7.3.8.6 0 1.2.1 1.7.3.2.1.4 0 .5-.1l.2-.2c1.1-1.1 3-1.3 4.3-.2 1.3 1.2 1.4 3.3.1 4.5l-3.1 3.1c-.4.4-.8.6-1.3.8-.7.1-1.4.1-2-.2-.3-.1-.7-.3-1-.7-.1-.1-.3-.3-.4-.5-.1-.3-.5-.3-.7-.1l-1.1 1.1c-.2.2-.2.5-.1.6.2.3.4.5.6.7.3.3.6.5 1 .8.6.3 1.2.6 1.9.7 1.2.2 2.5.1 3.7-.6.5-.2.9-.5 1.3-.9l3-3zm2.1 8.5l2.1-2.1c.2-.2.2-.5 0-.6l-1.3-1.3c-.1-.2-.4-.2-.6 0L18.9 17l-2-2c-.1-.1-.4-.1-.6 0L15 16.3c-.2.2-.2.5 0 .7l2 2-2 1.9c-.1.2-.1.5 0 .7l1.3 1.2c.2.2.5.2.7 0l1.9-1.9L21 23c.2.2.5.2.6 0l1.3-1.3c.2-.2.2-.5 0-.7l-2.1-2.1z"/></symbol><symbol viewBox="0 0 24 24" id="replace"><path d="M9.2 17.3c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v5.1c0 .4.3.7.7.7h6.9c.4 0 .7-.3.7-.7v-5.1zm-5.5-7.1H1.5c-.5 0-.7.4-.4.6l3.7 3.8c.1.2.4.2.6 0l3.7-3.8c.3-.3 0-.6-.4-.6H6.5c0-2.4 2.3-4.7 4.6-4.7V2.8c-4.2 0-7.4 3.2-7.4 7.4zm15.6-.8c-.2-.2-.5-.2-.7 0L15 13.2c-.3.3-.1.6.4.6h2.2c0 2.8-1.9 4.7-4.7 4.7v2.7c4.2 0 7.5-3.2 7.5-7.4h2.2c.5 0 .7-.4.4-.6l-3.7-3.8zm3.8-7.8c0-.4-.3-.7-.7-.7h-6.9c-.4 0-.7.3-.7.7v5.1c0 .4.3.7.7.7h6.9c.4 0 .7-.3.7-.7V1.6z"/></symbol><symbol viewBox="0 0 24 24" id="reply"><path d="M8.9 8.4s-.5-.6-.3-.8L11.2 5c.3-.3.3-.7 0-1l-1-1c-.2-.3-.6-.3-.9 0L3 9.2c-.2.3-.2.7 0 1l6.3 6.2c.3.3.7.3.9 0l1-.9c.3-.3.3-.7 0-1l-2.5-2.6c-.3-.3-.1-.7.2-.8 5.1.2 9.3 4.3 9.6 9.5 0 .4.3.7.7.7h1.4c.4 0 .6-.3.6-.8-.3-6.7-5.4-11.9-12.3-12.1z"/></symbol><symbol viewBox="0 0 24 24" id="reply_all"><path d="M11.3 8.4s-.5-.6-.3-.8L13.6 5c.3-.3.3-.7 0-1l-1-1c-.2-.3-.6-.3-.9 0L5.4 9.2c-.2.3-.2.7 0 1l6.3 6.2c.3.3.7.3.9 0l1-.9c.3-.3.3-.7 0-1l-2.5-2.6c-.3-.3-.1-.7.2-.8 5.1.2 9.3 4.3 9.6 9.5 0 .4.3.7.7.7H23c.4 0 .6-.3.6-.8-.3-6.7-5.4-11.9-12.3-12.1zm-8.8 1l5.3-5.3c.3-.3.3-.7 0-1V3c-.3-.3-.7-.3-1 0L.6 9.2c-.3.3-.3.7 0 1l6.2 6.2c.3.3.7.3 1 0 .3-.3.3-.7 0-1l-5.3-5.3s-.3-.3 0-.7z"/></symbol><symbol viewBox="0 0 24 24" id="reset_password"><path d="M19.4 10.6H4.6c-1 0-1.8.8-1.8 1.9v8.7c0 1 .8 1.9 1.8 1.9h14.8c1 0 1.8-.9 1.8-1.9v-8.7c0-1.1-.8-1.9-1.8-1.9zm-5.1 9.9c-.7.5-1.5.7-2.3.7-.3 0-.6 0-.8-.1-1.1-.2-2.1-.8-2.7-1.7l1.6-1c.3.5.8.8 1.4.9.6.2 1.2 0 1.8-.3 1.1-.7 1.3-2.2.6-3.2-.3-.5-.8-.9-1.4-1-.6-.1-1.2 0-1.8.4l-.3.3 1.6 1.6H7.8v-4.2L9 14.1c.2-.2.5-.3.6-.5 1-.6 2.1-.8 3.2-.6 1.1.2 2 .8 2.6 1.7 1.3 2 .8 4.5-1.1 5.8zM4.6 8.4v.1-.1zm.5.4h1.8c.3 0 .5-.2.5-.4v-.1c0-2.6 2.2-4.8 4.9-4.6 2.5.2 4.3 2.3 4.3 4.8v-.1c0 .2.2.4.5.4h1.8c.3 0 .5-.2.5-.4v-.1c0-4.2-3.5-7.6-7.8-7.4-3.9.2-6.9 3.5-7 7.5.1.2.2.4.5.4z" /></symbol><symbol viewBox="0 0 24 24" id="resource_absence"><path d="M10.1 17.1c0-1.3.4-2.7 1.1-3.8.8-1.4 1.6-1.9 2.3-3 1.2-1.7 1.4-4.1.7-6-.8-1.9-2.5-3-4.6-2.9S6 2.7 5.3 4.6c-.7 2-.4 4.5 1.3 6.1.6.7 1.3 1.7.9 2.6-.3 1-1.4 1.4-2.2 1.7-1.8.8-4 1.9-4.3 4.1-.4 1.7.8 3.5 2.7 3.5h7.8c.4 0 .6-.4.4-.7-1.1-1.4-1.8-3.1-1.8-4.8zm11.3-3.9c-2.2-2.2-5.7-2.2-7.8 0-2.2 2.1-2.2 5.6 0 7.8 2.1 2.2 5.6 2.2 7.8 0s2.2-5.7 0-7.8zM19.8 18c.2.2.2.6 0 .7l-.7.7c-.2.2-.4.2-.6-.1l-1-.9-1 1c-.2.2-.4.2-.6-.1l-.7-.6c-.2-.2-.2-.4 0-.6l1-1-1-1c-.2-.2-.2-.5 0-.6l.6-.7c.2-.2.5-.2.7 0l1 .9 1-.9c.1-.2.5-.3.7-.1l.6.7c.2.2.2.5 0 .7l-1 .9 1 1z"/></symbol><symbol viewBox="0 0 24 24" id="resource_capacity"><path d="M17.5 11.5c-3.1 0-5.6 2.6-5.6 5.7s2.5 5.6 5.6 5.6 5.6-2.6 5.6-5.6-2.5-5.7-5.6-5.7zm3.9 6.2h-4v-4.3s1.5-.1 2.9 1.4 1.1 2.9 1.1 2.9zm-11.2-.5c0-1.2.5-2.7 1.1-3.8.8-1.4 1.7-2 2.4-3 1.1-1.7 1.3-4.2.6-6.1-.7-1.9-2.5-3-4.6-2.9-2 0-3.7 1.3-4.3 3.2-.8 2.1-.5 4.6 1.2 6.2.7.6 1.3 1.7 1 2.7-.4.9-1.5 1.3-2.2 1.7-1.8.8-4.1 1.9-4.4 4-.4 1.8.8 3.6 2.7 3.6h7.9c.4 0 .6-.4.4-.7-1.1-1.4-1.8-3.1-1.8-4.9z"/></symbol><symbol viewBox="0 0 24 24" id="resource_territory"><path d="M12.3 13.4c.9-1.4 1.9-2 2.6-3 1.1-1.7 1.3-4.2.6-6-.7-1.9-2.5-3-4.5-3S7.3 2.7 6.6 4.6c-.7 2.1-.4 4.6 1.3 6.2.7.6 1.3 1.6 1 2.6-.4.9-1.5 1.3-2.3 1.7-1.8.8-3.9 1.9-4.3 4-.4 1.8.8 3.6 2.7 3.6h8.3c.4 0 .7-.5.5-.7-1.2-1.4-2.4-3.1-2.4-4.9 0-1.2.3-2.6.9-3.7zm5.1 4.8c-1 0-1.8-.8-1.8-1.8s.8-1.7 1.8-1.7 1.8.8 1.8 1.7c0 1-.8 1.8-1.8 1.8zm0-6c-2.4 0-4.2 1.9-4.2 4.2 0 2.9 3 5.7 3.9 6.4.2.1.4.1.6 0 .9-.8 3.9-3.5 3.9-6.4 0-2.3-1.8-4.2-4.2-4.2z"/></symbol><symbol viewBox="0 0 24 24" id="retweet"><path d="M23.8 13.3l-1-1c-.2-.3-.6-.3-.9 0l-1.3 1.3c-.3.3-.8.1-.8-.4V5.5c0-1-.8-1.8-1.8-1.8h-6.7c-.4 0-.7.3-.7.7v1.4c0 .3.3.7.7.7h5.1c.4 0 .7.3.7.7v6c0 .5-.5.6-.9.4L15 12.4c-.2-.3-.7-.3-.9 0l-1 1c-.3.3-.3.7 0 1l4.9 4.8c.2.3.6.3.9 0l4.9-4.9c.2-.3.2-.7 0-1zm-11.1 4.2H7.6c-.4 0-.7-.3-.7-.7v-6c0-.5.5-.6.9-.4L9 11.6c.2.3.7.3.9 0l1-.9c.3-.3.3-.7 0-1L6.1 4.8c-.3-.3-.7-.3-1 0L.2 9.7c-.3.3-.3.7 0 1l1 .9c.2.3.6.3.9 0l1.3-1.2c.2-.3.8-.1.8.3v7.8c0 1 .8 1.8 1.8 1.8h6.7c.4 0 .7-.3.7-.7v-1.4c0-.3-.3-.7-.7-.7z" /></symbol><symbol viewBox="0 0 24 24" id="richtextbulletedlist"><path d="M3.7 6.2c0 .4-.3.7-.7.7H1.6c-.4 0-.7-.3-.7-.7V4.8c0-.3.3-.6.7-.6H3c.4 0 .7.3.7.6v1.4zm19.4-1.4c0-.3-.3-.6-.7-.6H6.2c-.3 0-.7.3-.7.6v1.4c0 .4.4.7.7.7h16.2c.4 0 .7-.3.7-.7V4.8zM3.7 11.3c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v1.4c0 .4.3.7.7.7H3c.4 0 .7-.3.7-.7v-1.4zm17.5 0c0-.4-.3-.7-.7-.7H6.2c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h14.3c.4 0 .7-.3.7-.7v-1.4zM3.7 17.8c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v1.4c0 .3.3.6.7.6H3c.4 0 .7-.3.7-.6v-1.4zm19.4 0c0-.4-.3-.7-.7-.7H6.2c-.3 0-.7.3-.7.7v1.4c0 .3.4.6.7.6h16.2c.4 0 .7-.3.7-.6v-1.4z"/></symbol><symbol viewBox="0 0 24 24" id="richtextindent"><path d="M24 5.3c0-.4-.3-.7-.7-.7h-7.8c-.4 0-.7.3-.7.7v1.4c0 .4.3.7.7.7h7.8c.4 0 .7-.3.7-.7V5.3zm-1.8 11.1c0-.4-.4-.7-.7-.7h-6c-.4 0-.7.3-.7.7v1.4c0 .3.3.7.7.7h6c.3 0 .7-.4.7-.7v-1.4zm1.8-5.6c0-.3-.3-.6-.7-.6h-7.8c-.4 0-.7.3-.7.6v1.4c0 .4.3.7.7.7h7.8c.4 0 .7-.3.7-.7v-1.4zM12.9 2.5c0-.3-.3-.7-.7-.7h-1.4c-.3 0-.6.4-.6.7v19c0 .3.3.7.6.7h1.4c.4 0 .7-.4.7-.7v-19zM4.3 7.1c-.2-.3-.6-.1-.6.4v2.7h-3c-.4 0-.7.3-.7.6v1.4c0 .4.3.7.7.7h3v2.7c0 .5.4.7.6.5l3.9-4.2c.1-.2.1-.5 0-.6L4.3 7.1z"/></symbol><symbol viewBox="0 0 24 24" id="richtextnumberedlist"><path d="M23.1 3v1.4c0 .4-.3.7-.7.7H9.9c-.3 0-.7-.3-.7-.7V3c0-.4.4-.7.7-.7h12.5c.4 0 .7.3.7.7zM9.9 9.7h8.3c.4 0 .7-.3.7-.7V7.6c0-.4-.3-.7-.7-.7H9.9c-.3 0-.7.3-.7.7V9c0 .4.4.7.7.7zm12.5 4.1H9.9c-.3 0-.7.4-.7.7v1.4c0 .4.4.7.7.7h12.5c.4 0 .7-.3.7-.7v-1.4c0-.3-.3-.7-.7-.7zm-4.2 4.7H9.9c-.3 0-.7.3-.7.7v1.3c0 .4.4.7.7.7h8.3c.4 0 .7-.3.7-.7v-1.3c0-.4-.3-.7-.7-.7zM1.6 3.7h1.2v5.8c0 .3.3.7.7.7h.4c.4 0 .7-.4.7-.7V2.8c0-.5-.4-1-.9-1H1.6c-.4 0-.7.4-.7.7V3c0 .4.3.7.7.7zm3.9 9.2H1.6c-.4 0-.7.3-.7.7v.5c0 .3.3.7.7.7h3v1.8H1.8c-.5 0-.9.4-.9.9v3.7c0 .5.4 1 .9 1h4c.3 0 .7-.4.7-.7V21c0-.4-.4-.7-.7-.7h-3v-1.8h2.7c.5 0 1-.5 1-1v-3.7c0-.5-.5-.9-1-.9z"/></symbol><symbol viewBox="0 0 24 24" id="richtextoutdent"><path d="M7.6 10.2h-3V7.4c0-.4-.4-.7-.6-.4L.1 11.2c-.1.2-.1.4 0 .6L4 16c.2.2.6 0 .6-.4v-2.7h3c.3 0 .7-.3.7-.7v-1.4c0-.3-.4-.6-.7-.6zM24 5.3c0-.4-.3-.7-.7-.7h-7.8c-.4 0-.7.3-.7.7v1.4c0 .4.3.7.7.7h7.8c.4 0 .7-.3.7-.7V5.3zm-1.8 11.1c0-.4-.4-.7-.7-.7h-6c-.4 0-.7.3-.7.7v1.4c0 .3.3.7.7.7h6c.3 0 .7-.4.7-.7v-1.4zm1.8-5.6c0-.3-.3-.6-.7-.6h-7.8c-.4 0-.7.3-.7.6v1.4c0 .4.3.7.7.7h7.8c.4 0 .7-.3.7-.7v-1.4zM12.9 2.5c0-.3-.3-.7-.7-.7h-1.4c-.3 0-.6.4-.6.7v19c0 .3.3.7.6.7h1.4c.4 0 .7-.4.7-.7v-19z"/></symbol><symbol viewBox="0 0 24 24" id="right"><path d="M6.5 20.2V3.8c0-.4.6-.8 1-.4l9.8 8c.3.3.3.9 0 1.2l-9.8 8c-.4.4-1 .1-1-.4z"/></symbol><symbol viewBox="0 0 24 24" id="right_align_text"><path d="M21.5 2.3h-19c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7V3c0-.4-.4-.7-.7-.7zm0 5.5H6.2c-.3 0-.7.4-.7.7v1.4c0 .4.4.7.7.7h15.3c.3 0 .7-.3.7-.7V8.5c0-.3-.4-.7-.7-.7zm0 11.1H6.2c-.3 0-.7.3-.7.7V21c0 .4.4.7.7.7h15.3c.3 0 .7-.3.7-.7v-1.4c0-.4-.4-.7-.7-.7zm0-5.5h-19c-.3 0-.7.3-.7.7v1.4c0 .3.4.7.7.7h19c.3 0 .7-.4.7-.7v-1.4c0-.4-.4-.7-.7-.7z"/></symbol><symbol viewBox="0 0 24 24" id="rotate"><path d="M22.4.9H21c-.4 0-.7.3-.7.7v3.2c0 .5-.5.7-.7.4-2.2-2.4-5.3-3.6-8.7-3.3-1.2.1-2.3.5-3.4 1-.5.3-1.1.6-1.5 1-.4.2-.4.7-.1 1l.9 1c.3.2.6.3.9.1.6-.4 1.2-.7 1.8-1 .3-.1.6-.2.9-.2 2.9-.6 5.7.6 7.3 2.4.5.7.1 1.1-.3 1.1h-3.3c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h8.4c.3 0 .6-.3.6-.6V1.6c0-.4-.3-.7-.7-.7zm-4.2 16.4c-.3-.3-.7-.3-1 0-.7.7-1.6 1.3-2.7 1.7-.2.1-.6.2-.9.2-2.9.6-5.7-.6-7.2-2.4-.6-.7-.2-1.1.3-1.1h3.2c.4 0 .7-.3.7-.7v-1.4c0-.4-.3-.7-.7-.7H1.5c-.3 0-.6.3-.6.6v8.9c0 .4.3.7.7.7H3c.4 0 .7-.3.7-.7v-3.2c0-.5.5-.7.7-.4 2.2 2.4 5.3 3.6 8.7 3.3 1.2-.1 2.3-.5 3.4-1 1-.5 1.9-1.2 2.6-1.9.3-.3.3-.7 0-1l-.9-.9z" /></symbol><symbol viewBox="0 0 24 24" id="rows"><path d="M21.5 6.5h-19c-.3 0-.7-.4-.7-.7V4.4c0-.4.4-.7.7-.7h19c.3 0 .7.3.7.7v1.4c0 .3-.4.7-.7.7zm0 6.8h-19c-.3 0-.7-.3-.7-.7v-1.3c0-.4.4-.7.7-.7h19c.3 0 .7.3.7.7v1.4c0 .3-.4.6-.7.6zm0 7h-19c-.3 0-.7-.3-.7-.7v-1.4c0-.3.4-.7.7-.7h19c.3 0 .7.4.7.7v1.4c0 .4-.4.7-.7.7z"/></symbol><symbol viewBox="0 0 24 24" id="salesforce1"><path d="M10 5.5c.8-.8 1.9-1.3 3.1-1.3 1.5 0 2.9.9 3.7 2.2.6-.3 1.3-.5 2-.5 2.9 0 5.2 2.3 5.2 5.2s-2.3 5.1-5.2 5.1h-1c-.6 1.1-1.9 1.9-3.3 1.9-.6 0-1.2-.1-1.7-.4-.6 1.5-2.1 2.6-3.9 2.6-1.9 0-3.5-1.1-4.1-2.8-.3 0-.6.1-.8.1-2.2 0-4-1.8-4-4 0-1.5.7-2.8 1.9-3.5-.2-.5-.3-1.2-.3-1.8 0-2.6 2-4.7 4.6-4.7 1.6.1 3 .8 3.8 1.9"/></symbol><symbol viewBox="0 0 24 24" id="search"><path d="M22.9 20.9l-6.2-6.1c1.3-1.8 1.9-4 1.6-6.4-.6-3.9-3.8-7.1-7.8-7.4C5 .4.4 5 1 10.5c.3 4 3.5 7.3 7.4 7.8 2.4.3 4.6-.3 6.4-1.5l6.1 6.1c.3.3.7.3 1 0l.9-1c.3-.3.3-.7.1-1zM3.7 9.6c0-3.2 2.7-5.9 5.9-5.9s6 2.7 6 5.9-2.7 6-6 6-5.9-2.6-5.9-6z"/></symbol><symbol viewBox="0 0 24 24" id="settings"><path d="M12 8.8c-1.8 0-3.2 1.4-3.2 3.2s1.4 3.3 3.2 3.3 3.3-1.5 3.3-3.3-1.5-3.2-3.3-3.2zm9.7 6.2L20 13.5c.1-.5.2-1 .2-1.5s-.1-1.1-.2-1.6L21.7 9c.6-.5.8-1.3.4-2l-.7-1.3c-.3-.4-.8-.7-1.4-.7-.2 0-.3 0-.5.1l-2.1.8c-.8-.8-1.8-1.3-2.7-1.6l-.4-2.2c-.1-.7-.8-1.1-1.5-1.1h-1.5c-.7 0-1.4.4-1.5 1.1l-.4 2.1c-1 .4-1.9.9-2.8 1.6L4.5 5c-.2 0-.3-.1-.5-.1-.5 0-1 .3-1.3.8L1.9 7c-.3.6-.2 1.4.4 1.9L4 10.3c-.1.5-.1 1.1-.1 1.6 0 .6 0 1.1.1 1.6l-1.7 1.4c-.5.5-.7 1.3-.4 1.9l.8 1.3c.3.5.8.8 1.3.8.2 0 .4-.1.5-.1l2.1-.8c.9.7 1.8 1.2 2.8 1.6l.3 2.2c.2.7.8 1.2 1.6 1.2h1.4c.8 0 1.4-.5 1.6-1.3l.3-2.2c1.1-.3 2.1-.9 2.9-1.7l2 .8c.2 0 .3.1.5.1.6 0 1.1-.3 1.4-.7l.7-1.2c.4-.6.2-1.4-.4-1.8zM12 17.1c-2.8 0-5-2.2-5-5.1s2.2-5 5-5 5.1 2.2 5.1 5-2.2 5.1-5.1 5.1z" /></symbol><symbol viewBox="0 0 24 24" id="setup"><path d="M21.6 15l-1.7-1.5c.1-.5.1-1 .1-1.5s0-1.1-.1-1.6L21.6 9c.6-.5.7-1.3.4-2l-.8-1.3c-.2-.5-.8-.8-1.3-.8-.2 0-.4.1-.5.1l-2.1.8c-.8-.7-1.7-1.2-2.7-1.6l-.3-2.1c-.2-.8-.8-1.2-1.6-1.2h-1.4c-.8 0-1.4.4-1.6 1.2l-.3 2.1c-1 .3-1.9.9-2.8 1.6l-2-.8c-.2-.1-.3-.1-.5-.1-.5 0-1.1.3-1.3.7L2 6.9c-.3.7-.2 1.5.4 2l1.7 1.4c-.1.5-.1 1.1-.1 1.6s0 1 .1 1.5l-1.7 1.5c-.6.4-.7 1.3-.4 1.9l.8 1.4c.2.4.8.7 1.3.7.2 0 .4 0 .5-.1l2.1-.8c.8.8 1.7 1.3 2.7 1.6l.3 2.2c.2.8.8 1.3 1.6 1.3h1.4c.8 0 1.4-.6 1.6-1.3l.3-2.2c1.1-.4 2-1 2.8-1.7l2 .7c.2.1.4.1.5.1.6 0 1.1-.2 1.4-.7l.7-1.2c.3-.6.2-1.4-.4-1.8zM12 17.1c-2.7 0-5-2.2-5-5.1s2.2-5 5-5 5.1 2.2 5.1 5-2.3 5.1-5.1 5.1zm1.4-8.8h-2.1c-.4 0-.6.2-.7.5l-1.3 3.3c-.1.2.1.5.3.5h2.2l-.8 2.8c-.1.2.3.4.4.2l3.3-3.8c.3-.3.1-.6-.3-.6h-1.6l1.5-2.3c.1-.2-.1-.5-.4-.5h-.5z"/></symbol><symbol viewBox="0 0 24 24" id="setup_assistant_guide"><path d="M5.3 11.5c0-.2-.2-.3-.4-.2l-2 1.7c-.1.1-.1.2-.1.4v7.3c0 .5.6.7 1 .4l3.4-2.6c.1-.1.1-.2 0-.4-.8-1.2-1.6-3.3-1.9-6.6zm4.5 6.9c.1 0 .2.1.3.1h3.8c.1 0 .2-.1.3-.1.5-.4 2.7-2.2 2.7-8.5 0-2.9-.8-5-1.8-6.3C13.7 1.5 12 .9 12 .9s-1.8.6-3.2 2.7C7.8 5 7.1 7 7.1 9.9c0 6.3 2.1 8.1 2.7 8.5zM12 6c1.5 0 2.7 1.2 2.7 2.8s-1.2 2.7-2.7 2.7-2.8-1.2-2.8-2.7S10.4 6 12 6zm9.1 7l-2-1.7c-.2-.1-.4 0-.4.2-.3 3.3-1.1 5.4-1.9 6.7v.3l3.4 2.6c.4.4 1 .1 1-.3v-7.4c0-.2 0-.3-.1-.4zm-6.2 7.5c-.1-.1-.3-.2-.4-.2H9.4c-.1 0-.3.1-.4.2-.1.3-.4.8-.6 1.5-.1.5.3 1.1.9 1.1h5.3c.6 0 1-.6.9-1.1-.2-.7-.5-1.2-.6-1.5z" /></symbol><symbol viewBox="0 0 24 24" id="share"><path d="M22.4 13.8H21c-.4 0-.7.4-.7.7v5.1c0 .4-.3.7-.7.7H4.4c-.4 0-.7-.3-.7-.7V9.9c0-.3.3-.7.7-.7h1.8c.4 0 .7-.3.7-.7V7.2c0-.4-.3-.7-.7-.7H2.8c-1 0-1.9.8-1.9 1.8v12.9c0 1 .9 1.9 1.9 1.9h18.4c1 0 1.9-.9 1.9-1.9v-6.7c0-.3-.3-.7-.7-.7zm-6.7-7.3c-4.6 0-8.8 4.1-9.2 8.9 0 .4.3.8.7.8h1.4c.4 0 .6-.3.7-.6.3-3.5 3.3-6.4 6.9-6.4h.7c.4 0 .6.5.3.8l-2.5 2.6c-.3.3-.3.7 0 1l.9.9c.3.3.7.3 1 0l6.3-6.2c.3-.3.3-.7 0-1l-6.2-6.2c-.3-.3-.7-.3-1 0l-1 1c-.3.3-.3.7 0 .9l2.6 2.6c.2.3.1.8-.4.8l-1.2.1z" /></symbol><symbol viewBox="0 0 24 24" id="share_mobile"><path d="M19.4 23.3c1 0 1.8-.9 1.8-1.9V9c0-1-.8-1.8-1.8-1.8h-3.5c-.4 0-.7.3-.7.7v1.3c0 .4.3.7.7.7h1.8c.4 0 .7.4.7.7v9.2c0 .4-.3.7-.7.7H6.2c-.4 0-.7-.3-.7-.7v-9.2c0-.3.3-.7.7-.7h1.9c.3 0 .7-.3.7-.7V7.9c0-.4-.4-.7-.7-.7H4.6c-1 0-1.8.8-1.8 1.8v12.4c0 1 .8 1.9 1.8 1.9h14.8zm-6-9v-9h2.7c.4 0 .7-.4.4-.6L12.3.8c-.1-.1-.4-.1-.6 0L7.5 4.7c-.2.2 0 .6.5.6h2.6v9c0 .3.3.7.7.7h1.4c.3 0 .7-.4.7-.7z" /></symbol><symbol viewBox="0 0 24 24" id="share_post"><path d="M12 1.8C5.9 1.8.9 6.4.9 12c0 1.8.5 3.5 1.4 5 .1.2.1.4.1.6l-1 3.2c-.2.6.4 1.1 1 .9l3.2-1.1c.2-.1.4-.1.6.1 1.7.9 3.7 1.5 5.8 1.5 6.2 0 11.1-4.5 11.1-10.2C23 6.4 18 1.8 12 1.8z"/></symbol><symbol viewBox="0 0 24 24" id="shield"><path d="M2.2 6.5h19.6c.4 0 .8-.5.7-1-.5-1.5-1.1-2.9-2-4.1-.3-.4-.8-.4-1.1-.1-.8.8-2.1 1.3-3.4 1.3-1.4 0-2.6-.6-3.5-1.5-.3-.3-.8-.3-1.1 0-.9.9-2.1 1.5-3.5 1.5-1.3 0-2.5-.5-3.4-1.3-.3-.3-.9-.2-1.1.1-.9 1.2-1.6 2.6-2 4.1 0 .5.4 1 .8 1zm20.9 2.9c0-.4-.3-.6-.8-.6H1.7c-.5 0-.8.2-.8.6v.2c0 6.9 4.8 12.6 11.1 13.5 6.3-.9 11.1-6.6 11.1-13.5v-.2z" /></symbol><symbol viewBox="0 0 24 24" id="side_list"><path d="M22.4 1.8H9.9c-.3 0-.7.4-.7.7v19c0 .3.4.7.7.7h12.5c.4 0 .7-.4.7-.7v-19c0-.3-.3-.7-.7-.7zm-15.7 0H1.6c-.4 0-.7.4-.7.7v2.3c0 .4.3.7.7.7h5.1c.4 0 .7-.3.7-.7V2.5c0-.3-.3-.7-.7-.7zm0 5.6H1.6c-.4 0-.7.3-.7.7v2.3c0 .4.3.7.7.7h5.1c.4 0 .7-.3.7-.7V8.1c0-.4-.3-.7-.7-.7zm0 5.5H1.6c-.4 0-.7.3-.7.7v2.3c0 .4.3.7.7.7h5.1c.4 0 .7-.3.7-.7v-2.3c0-.4-.3-.7-.7-.7zm0 5.6H1.6c-.4 0-.7.3-.7.7v2.3c0 .3.3.7.7.7h5.1c.4 0 .7-.4.7-.7v-2.3c0-.4-.3-.7-.7-.7z"/></symbol><symbol viewBox="0 0 24 24" id="signpost"><path d="M22.8 4.2l-1.9-1.5c-.3-.2-.5-.3-.9-.3h-6.5v-.7c0-.5-.3-.8-.8-.8h-1.4c-.5 0-.8.3-.8.8v.7H3.1c-.4 0-.7.3-.7.7v3c0 .4.3.7.7.7H20c.4 0 .7-.1.9-.2l1.9-1.5c.4-.3.4-.7 0-.9zm-1.9 6.3h-7.4V9.4c0-.2-.2-.4-.4-.4h-2.2c-.2 0-.4.2-.4.4v1.1H4c-.4 0-.7.1-.9.3l-1.9 1.4c-.4.3-.4.7 0 1l1.9 1.4c.3.2.5.3.9.3h16.9c.4 0 .7-.3.7-.7v-3c0-.4-.3-.7-.7-.7zM13.5 20v-2.5c0-.2-.2-.3-.4-.3h-2.2c-.2 0-.4.1-.4.3V20c-1.5.4-2.3 1.3-2.5 2.4-.1.3.2.7.5.7h7c.4 0 .7-.3.6-.7-.3-1.1-1.1-2-2.6-2.4z" /></symbol><symbol viewBox="0 0 24 24" id="sms"><path d="M12 1.8C5.9 1.8 1 6.4 1 12c0 1.7.5 3.4 1.3 4.8.1.3.2.6.1.8l-1.4 4c-.2.3.2.6.6.6l3.9-1.6c.3-.1.5 0 .8.1 1.7.9 3.7 1.5 5.8 1.5 6 0 11-4.6 11-10.2C23 6.4 18.1 1.8 12 1.8zM7.6 13.7c-.2.2-.3.4-.5.6s-.4.2-.7.3c-.2.1-.5.1-.8.1-.3 0-.7 0-1-.2-.3-.1-.6-.3-.9-.6l-.1-.1s0-.1.1-.2l.8-.7c.1-.1.2-.1.2 0s.1.1.1.1c.1.2.2.2.4.3.2.2.4.2.7.1.1 0 .1 0 .2-.1l.2-.1V13c0-.2 0-.2-.1-.3-.1-.1-.2-.1-.4-.2s-.4-.1-.6-.2l-.6-.3c-.3-.1-.4-.3-.5-.5-.2-.2-.3-.5-.3-.8 0-.4.1-.6.2-.9.2-.2.3-.4.5-.5.2-.2.4-.3.7-.3.6-.2 1.1-.2 1.7 0 .3.1.5.3.7.4l.1.1c.1 0 .1.1 0 .2l-.7.7c-.1.1-.3.1-.4 0l-.1-.1c-.3-.1-.6-.2-.9-.1h-.2l-.1.2v.2c0 .1 0 .2.1.2 0 .1.2.1.4.2s.3.2.6.2l.6.3c.2.1.4.3.5.5.2.2.3.5.3.9 0 .3-.1.5-.2.8zm7.6.6c0 .3-.2.5-.5.5h-.4c-.3 0-.5-.2-.5-.5v-2.7c0-.3-.3-.3-.4-.1l-.8 2.1c0 .2-.2.2-.4.2h-.3c-.2 0-.4-.1-.5-.2l-.8-2.1c-.1-.2-.4-.2-.4.1v2.7c0 .3-.3.5-.6.5h-.4c-.3 0-.4-.2-.4-.5V9.2c0-.2.2-.4.4-.4h1.2c.2 0 .4.1.4.2l.9 2.4c.1.2.4.2.4 0l1-2.4c0-.1.2-.2.4-.2h1.2c.3 0 .5.2.5.4v5.1zm4.9-.6c-.2.2-.3.5-.5.6-.2.1-.4.3-.7.4s-.5.1-.8.1c-.4 0-.7-.1-1-.2-.3-.2-.7-.3-.9-.6l-.1-.1c0-.1 0-.1.1-.2l.7-.7c.1-.1.2-.1.3-.1s.1.2.1.2l.3.3c.3.1.5.1.8.1.1-.1.2-.1.2-.1l.1-.2.1-.1c0-.2-.1-.3-.1-.3-.1-.1-.2-.2-.4-.2s-.4-.2-.6-.2c-.3-.1-.5-.2-.7-.3-.2-.1-.4-.3-.5-.5-.2-.2-.3-.5-.3-.9 0-.3.1-.6.2-.8.2-.3.3-.4.5-.6.2-.1.5-.3.7-.3.6-.1 1.1-.1 1.7 0 .3.1.5.3.7.5l.1.1c.1 0 .1.2 0 .3l-.7.7c-.1.1-.2.1-.3 0l-.2-.2c-.3-.1-.6-.2-.9-.1 0 0-.1 0-.1.1l-.2.1v.2c0 .1 0 .2.1.2.1.1.2.2.4.3.2 0 .4.1.6.2.2 0 .4.1.6.2.3.2.4.4.6.5.1.3.2.5.2.9.1.2 0 .5-.1.7z"/></symbol><symbol viewBox="0 0 24 24" id="snippet"><path d="M6.7 2.8H1.6c-.4 0-.7.3-.7.7v6c0 .3.3.7.7.7h5.1c.4 0 .7-.4.7-.7v-6c0-.4-.3-.7-.7-.7zm15.7 0H9.9c-.3 0-.7.3-.7.7v1.3c0 .4.4.7.7.7h12.5c.4 0 .7-.3.7-.7V3.5c0-.4-.3-.7-.7-.7zM9.9 10.2h7.9c.3 0 .7-.4.7-.7V8.1c0-.4-.4-.7-.7-.7H9.9c-.3 0-.7.3-.7.7v1.4c0 .3.4.7.7.7zm-3.2 3.6H1.6c-.4 0-.7.4-.7.7v6c0 .4.3.7.7.7h5.1c.4 0 .7-.3.7-.7v-6c0-.3-.3-.7-.7-.7zm15.7 0H9.9c-.3 0-.7.4-.7.7v1.4c0 .4.4.7.7.7h12.5c.4 0 .7-.3.7-.7v-1.4c0-.3-.3-.7-.7-.7zm-4.6 4.7H9.9c-.3 0-.7.3-.7.7v1.3c0 .4.4.7.7.7h7.9c.3 0 .7-.3.7-.7v-1.3c0-.4-.4-.7-.7-.7z"/></symbol><symbol viewBox="0 0 24 24" id="socialshare"><path d="M18.9 14.8c-1.2 0-2.3.5-3 1.3l-6.8-3.4c.1-.2.1-.5.1-.7 0-.3-.1-.6-.1-.8l6.8-3.4c.7.9 1.8 1.4 3 1.4 2.3 0 4.2-1.9 4.2-4.2S21.2.9 18.9.9 14.8 2.7 14.8 5v.3l-7 3.5c-.8-.6-1.7-1-2.8-1C2.7 7.8.9 9.7.9 12s1.8 4.2 4.1 4.2c1.1 0 2-.4 2.8-1.1l6.9 3.5v.3c0 2.3 1.9 4.2 4.2 4.2s4.1-1.9 4.1-4.2-1.8-4.1-4.1-4.1z"/></symbol><symbol viewBox="0 0 24 24" id="sort"><path d="M12.7 7.4c.3-.3.3-.7 0-1L7.4 1.1c-.2-.3-.7-.3-.9 0L1.2 6.4c-.3.3-.3.7 0 1l.9 1c.3.2.7.2 1 0l1.7-1.7c.2-.3.7-.1.7.3v9.8c0 .4.4.7.7.7h1.4c.4 0 .7-.4.7-.7V7c0-.4.5-.6.8-.3l1.7 1.7c.2.2.6.2.9 0l1-1zm10.1 9.2l-.9-.9c-.3-.3-.7-.3-1 0l-1.7 1.7c-.2.2-.7 0-.7-.4V7.2c0-.4-.4-.7-.7-.7h-1.4c-.4 0-.7.3-.7.7v9.7c0 .5-.5.6-.8.4l-1.7-1.7c-.2-.3-.6-.3-.9 0l-1 1c-.3.3-.3.7 0 1l5.3 5.3c.3.3.7.3 1 0l5.3-5.3c.2-.3.2-.8-.1-1z" /></symbol><symbol viewBox="0 0 24 24" id="spinner"><path d="M7.4 12.7v-1.4c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v1.4c0 .4.3.7.7.7h5.1c.4 0 .7-.3.7-.7zm.9 2.1c-.3-.3-.7-.3-1 0l-3.6 3.6c-.3.2-.3.7 0 .9l1 1c.2.3.7.3.9 0l3.6-3.6c.3-.3.3-.7 0-1l-.9-.9zm7.4-5.6c.3.3.7.3 1 0l3.6-3.6c.3-.2.3-.7 0-.9l-1-1c-.2-.3-.7-.3-.9 0l-3.6 3.5c-.3.3-.3.7 0 1l.9 1zM5.6 3.7c-.2-.3-.7-.3-.9 0l-1 1c-.3.2-.3.7 0 .9l3.6 3.6c.3.3.7.3 1 0l.9-.9c.3-.3.3-.7 0-1L5.6 3.7zm11.2 11.1c-.3-.3-.7-.3-1 0l-1 .9c-.3.3-.3.7 0 1l3.6 3.6c.2.3.7.3.9 0l1-1c.3-.2.3-.7 0-.9l-3.5-3.6zm-4.1 1.8h-1.4c-.4 0-.7.3-.7.7v5.1c0 .4.3.7.7.7h1.4c.4 0 .7-.3.7-.7v-5.1c0-.4-.3-.7-.7-.7zm9.7-6h-5.1c-.4 0-.7.3-.7.7v1.4c0 .4.3.7.7.7h5.1c.4 0 .7-.3.7-.7v-1.4c0-.4-.3-.7-.7-.7zM12.7.9h-1.4c-.4 0-.7.3-.7.7v5.1c0 .4.3.7.7.7h1.4c.4 0 .7-.3.7-.7V1.6c0-.4-.3-.7-.7-.7z" /></symbol><symbol viewBox="0 0 24 24" id="standard_objects"><path d="M21.3 18l-8.7 4.9c-.4.3-1 .3-1.5 0L2.5 18c-.4-.2-.4-.7 0-.9l2-1.1c.2-.1.3-.1.5 0l5.2 3c.6.2 1.1.4 1.7.4s1.2-.2 1.7-.4l5.2-3c.2-.1.4-.1.5 0l2 1.1c.4.2.4.7 0 .9zm0-5.6l-8.7 5c-.4.2-1 .2-1.5 0l-8.6-5c-.4-.2-.4-.6 0-.8l2-1.2c.2-.1.3-.1.5 0l5.2 3c.6.3 1.1.4 1.7.4s1.2-.1 1.7-.4l5.2-3c.2-.1.4-.1.5 0l2 1.2c.4.2.4.6 0 .8zm-10.1-.6L2.5 6.9c-.3-.2-.3-.7 0-.9l8.7-4.9c.5-.3 1.1-.3 1.5 0L21.4 6c.4.2.4.7 0 .9l-8.7 4.9c-.4.2-1 .2-1.5 0z"/></symbol><symbol viewBox="0 0 24 24" id="stop"><path d="M3.7 3.7h16.6v16.6H3.7V3.7z"/></symbol><symbol viewBox="0 0 24 24" id="strikethrough"><path d="M5.6 8.4c-.1-.5-.2-1.1-.2-1.6 0-.6.2-1.3.5-2 .2-.6.7-1.3 1.3-1.8.5-.6 1.3-1.1 2.2-1.5.9-.3 2-.6 3.2-.6 1.2 0 2.3.2 3.4.5.8.3 1.6.7 2.3 1.4.3.2.3.7-.1 1L17 4.9c-.3.3-.7.3-1 0-.3-.3-.7-.6-1.1-.8-.6-.3-1.4-.5-2.3-.5-.7 0-1.4.1-1.9.3s-1 .5-1.3.9-.6.6-.7 1-.2.8-.2 1c0 .5.1 1 .2 1.3.2.3-.1.7-.4.7H6c-.2 0-.4-.3-.4-.4zm12.8 6.8h-2.3c-.3 0-.5.4-.4.6.1.3.2.7.2 1 0 .6-.2 1.1-.4 1.6-.3.4-.6.8-1 1.1-.4.3-.9.5-1.4.6-.5.2-1 .3-1.5.3-.8 0-1.7-.2-2.5-.6-.6-.3-1.1-.6-1.5-1.2-.3-.2-.7-.3-1 0l-1.3 1.1c-.3.2-.3.7 0 .9.6.8 1.4 1.3 2.4 1.7 1.2.5 2.5.7 3.9.7 1 0 2-.2 2.8-.5.9-.3 1.7-.7 2.4-1.3.6-.5 1.2-1.2 1.6-2 .3-.9.6-1.8.6-2.8 0-.3 0-.6-.1-.9-.1-.1-.3-.3-.5-.3zM23 11c-.1-.2-.3-.4-.6-.4H1.6c-.3 0-.5.2-.6.4-.1.1-.1.2-.1.3v1.3c0 .4.3.8.7.8h20.8c.4 0 .7-.4.7-.8v-1.3c0-.1 0-.2-.1-.3z"/></symbol><symbol viewBox="0 0 24 24" id="success"><path d="M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm6.2 8.3l-7.1 7.2c-.3.3-.7.3-1 0l-3.9-3.9c-.2-.3-.2-.8 0-1.1l1-1c.3-.2.8-.2 1.1 0l2 2.1c.2.2.5.2.7 0l5.2-5.3c.2-.3.7-.3 1 0l1 1c.3.2.3.7 0 1z"/></symbol><symbol viewBox="0 0 24 24" id="summary"><path d="M22.4.9H1.6c-.4 0-.7.3-.7.7v2.3c0 .4.3.7.7.7h20.8c.4 0 .7-.3.7-.7V1.6c0-.4-.3-.7-.7-.7zm0 5.6H6.2c-.3 0-.7.3-.7.7v1.3c0 .4.4.7.7.7h16.2c.4 0 .7-.3.7-.7V7.2c0-.4-.3-.7-.7-.7zm0 9.2H6.2c-.3 0-.7.3-.7.7v1.4c0 .3.4.7.7.7h16.2c.4 0 .7-.4.7-.7v-1.4c0-.4-.3-.7-.7-.7zm0 4.6h-18c-.4 0-.7-.3-.7-.7v-3.2c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v6c0 .4.3.7.7.7h20.8c.4 0 .7-.3.7-.7V21c0-.4-.3-.7-.7-.7zm0-9.2h-18c-.4 0-.7-.3-.7-.7V7.2c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v6c0 .3.3.6.7.6h20.8c.4 0 .7-.3.7-.6v-1.4c0-.4-.3-.7-.7-.7z"/></symbol><symbol viewBox="0 0 24 24" id="summarydetail"><path d="M22.4.9H1.6c-.4 0-.7.3-.7.7v2.3c0 .4.3.7.7.7h20.8c.4 0 .7-.3.7-.7V1.6c0-.4-.3-.7-.7-.7zM9.5 6.5H6.2c-.3 0-.7.3-.7.7v1.3c0 .4.4.7.7.7h3.3c.3 0 .7-.3.7-.7V7.2c0-.4-.4-.7-.7-.7zm6.4 0h-3.2c-.4 0-.7.3-.7.7v1.3c0 .4.3.7.7.7h3.2c.4 0 .7-.3.7-.7V7.2c0-.4-.3-.7-.7-.7zm6.5 0h-3.2c-.4 0-.7.3-.7.7v1.3c0 .4.3.7.7.7h3.2c.4 0 .7-.3.7-.7V7.2c0-.4-.3-.7-.7-.7zM9.5 15.7H6.2c-.3 0-.7.3-.7.7v1.4c0 .3.4.7.7.7h3.3c.3 0 .7-.4.7-.7v-1.4c0-.4-.4-.7-.7-.7zm6.4 0h-3.2c-.4 0-.7.3-.7.7v1.4c0 .3.3.7.7.7h3.2c.4 0 .7-.4.7-.7v-1.4c0-.4-.3-.7-.7-.7zm6.5 0h-3.2c-.4 0-.7.3-.7.7v1.4c0 .3.3.7.7.7h3.2c.4 0 .7-.4.7-.7v-1.4c0-.4-.3-.7-.7-.7zm0 4.6h-18c-.4 0-.7-.3-.7-.7v-3.2c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v6c0 .4.3.7.7.7h20.8c.4 0 .7-.3.7-.7V21c0-.4-.3-.7-.7-.7zm0-9.2h-18c-.4 0-.7-.3-.7-.7V7.2c0-.4-.3-.7-.7-.7H1.6c-.4 0-.7.3-.7.7v6c0 .3.3.6.7.6h20.8c.4 0 .7-.3.7-.6v-1.4c0-.4-.3-.7-.7-.7z"/></symbol><symbol viewBox="0 0 24 24" id="switch"><path d="M22 8.2l-9.5 9.6c-.3.2-.7.2-1 0L2 8.2c-.2-.3-.2-.7 0-1l1-1c.3-.3.8-.3 1.1 0l7.4 7.5c.3.3.7.3 1 0l7.4-7.5c.3-.3.8-.3 1.1 0l1 1c.2.3.2.7 0 1z"/></symbol><symbol viewBox="0 0 24 24" id="sync"><path d="M22.1 13.5c0-.3-.3-.7-.7-.7h-1.6c-.4 0-.6.3-.6.7 0 .1 0 .2-.1.3-.1.6-.4 1.2-.7 1.7-1.3 2.3-3.5 3.5-5.9 3.5-1.9 0-3.6-.7-4.9-2-.3-.2-.4-.4-.6-.7-.1-.3.2-.5.6-.5h3.2c.4 0 .7-.3.7-.7v-1.4c0-.4-.2-.7-.6-.7H2.4c-.3 0-.6.3-.6.6V22c.1.4.4.7.8.7H4c.3 0 .7-.3.7-.7v-3.2c0-.4.2-.6.5-.3.2.1.3.3.5.4 2.3 2.3 5.5 3.3 8.8 2.7 1.2-.3 2.3-.7 3.3-1.4 2.4-1.6 3.9-4 4.3-6.6v-.1zm-20.2-3c0 .3.3.7.7.7h1.6c.4 0 .6-.3.6-.7 0-.1 0-.2.1-.3.1-.6.4-1.2.7-1.7C6.9 6.2 9.1 5 11.5 5c1.9 0 3.6.7 4.9 2 .3.2.4.4.6.7.1.3-.2.5-.6.5h-3.2c-.4 0-.7.3-.7.7v1.4c0 .4.2.7.6.7h8.5c.3 0 .6-.3.6-.6V2c-.1-.4-.4-.7-.8-.7H20c-.3 0-.7.3-.7.7v3.2c0 .4-.2.6-.5.3-.2-.1-.3-.3-.5-.4-2.3-2.3-5.5-3.3-8.8-2.7-1.2.3-2.3.7-3.3 1.4-2.4 1.6-3.9 4-4.3 6.6v.1z"/></symbol><symbol viewBox="0 0 24 24" id="table"><path d="M21.5.9h-19c-.3 0-.7.3-.7.7v2.3c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7V1.6c0-.4-.4-.7-.7-.7zM6.7 6.5H2.5c-.3 0-.7.3-.7.7v1.3c0 .4.4.7.7.7h4.2c.4 0 .7-.3.7-.7V7.2c0-.4-.3-.7-.7-.7zm7.4 0H9.9c-.3 0-.7.3-.7.7v1.3c0 .4.4.7.7.7h4.2c.3 0 .7-.3.7-.7V7.2c0-.4-.4-.7-.7-.7zm7.4 0h-4.2c-.4 0-.7.3-.7.7v1.3c0 .4.3.7.7.7h4.2c.3 0 .7-.3.7-.7V7.2c0-.4-.4-.7-.7-.7zM6.7 11.1H2.5c-.3 0-.7.3-.7.7v1.4c0 .3.4.6.7.6h4.2c.4 0 .7-.3.7-.6v-1.4c0-.4-.3-.7-.7-.7zm7.4 0H9.9c-.3 0-.7.3-.7.7v1.4c0 .3.4.6.7.6h4.2c.3 0 .7-.3.7-.6v-1.4c0-.4-.4-.7-.7-.7zm7.4 0h-4.2c-.4 0-.7.3-.7.7v1.4c0 .3.3.6.7.6h4.2c.3 0 .7-.3.7-.6v-1.4c0-.4-.4-.7-.7-.7zM6.7 15.7H2.5c-.3 0-.7.3-.7.7v1.4c0 .3.4.7.7.7h4.2c.4 0 .7-.4.7-.7v-1.4c0-.4-.3-.7-.7-.7zm7.4 0H9.9c-.3 0-.7.3-.7.7v1.4c0 .3.4.7.7.7h4.2c.3 0 .7-.4.7-.7v-1.4c0-.4-.4-.7-.7-.7zm7.4 0h-4.2c-.4 0-.7.3-.7.7v1.4c0 .3.3.7.7.7h4.2c.3 0 .7-.4.7-.7v-1.4c0-.4-.4-.7-.7-.7zM6.7 20.3H2.5c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h4.2c.4 0 .7-.3.7-.7V21c0-.4-.3-.7-.7-.7zm7.4 0H9.9c-.3 0-.7.3-.7.7v1.4c0 .4.4.7.7.7h4.2c.3 0 .7-.3.7-.7V21c0-.4-.4-.7-.7-.7zm7.4 0h-4.2c-.4 0-.7.3-.7.7v1.4c0 .4.3.7.7.7h4.2c.3 0 .7-.3.7-.7V21c0-.4-.4-.7-.7-.7z"/></symbol><symbol viewBox="0 0 24 24" id="tablet_landscape"><path d="M23.1 4.6c0-1-.9-1.8-1.9-1.8H2.8c-1 0-1.9.8-1.9 1.8v14.8c0 1 .9 1.8 1.9 1.8h18.4c1 0 1.9-.8 1.9-1.8V4.6zM3.2 13.4c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4 1.4.6 1.4 1.4-.7 1.4-1.4 1.4zm17.1 4.4c0 .3-.3.7-.7.7H6.2c-.3 0-.7-.4-.7-.7V6.2c0-.3.4-.7.7-.7h13.4c.4 0 .7.4.7.7v11.6z"/></symbol><symbol viewBox="0 0 24 24" id="tablet_portrait"><path d="M21.2 2.8c0-1-.8-1.9-1.8-1.9H4.6c-1 0-1.8.9-1.8 1.9v18.4c0 1 .8 1.9 1.8 1.9h14.8c1 0 1.8-.9 1.8-1.9V2.8zM12 22.2c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4 1.3.6 1.3 1.4-.6 1.4-1.3 1.4zm6.5-4.4c0 .3-.4.7-.7.7H6.2c-.3 0-.7-.4-.7-.7V4.4c0-.4.4-.7.7-.7h11.6c.3 0 .7.3.7.7v13.4z"/></symbol><symbol viewBox="0 0 24 24" id="tabset"><path d="M14.6.9H9.4c-.3 0-.5.3-.5.6v1.2c0 .3.2.6.5.6h5.2c.3 0 .5-.3.5-.6V1.5c.1-.3-.2-.6-.5-.6zm7.9 0h-5.2c-.3 0-.6.3-.6.6v1.2c0 .3.3.6.6.6h5.2c.3-.1.6-.3.6-.6V1.5c0-.3-.3-.6-.6-.6zm0 3.9H7.8c-.3 0-.6-.3-.6-.6V1.5c0-.3-.2-.6-.6-.6H1.5c-.3 0-.6.3-.6.6v21c0 .3.3.6.6.6h21c.3 0 .6-.3.6-.6V5.4c0-.3-.3-.6-.6-.6z"/></symbol><symbol viewBox="0 0 24 24" id="task"><path d="M11.1 3.2l-.8-.8c-.2-.2-.6-.2-.8 0L4.6 7.3l-2-1.9c-.2-.3-.5-.3-.8 0l-.7.7c-.3.3-.3.6 0 .8l2.7 2.7c.2.3.5.4.8.4.2 0 .5-.1.8-.4L11.1 4c.2-.2.2-.5 0-.8zm11.2 5.3h-9.6c-.4 0-.7-.3-.7-.7V6.3c0-.4.3-.8.7-.8h9.6c.5 0 .8.4.8.8v1.5c0 .4-.3.7-.8.7zm0 6.6H10.5c-.4 0-.8-.3-.8-.7v-1.5c0-.4.4-.8.8-.8h11.8c.5 0 .8.4.8.8v1.5c0 .4-.3.7-.8.7zM6 15.1H4.5c-.4 0-.7-.3-.7-.7v-1.5c0-.4.3-.8.7-.8H6c.4 0 .7.4.7.8v1.5c.1.4-.3.7-.7.7zm0 6.6H4.5c-.4 0-.7-.3-.7-.7v-1.5c0-.4.3-.8.7-.8H6c.4 0 .7.4.7.8V21c.1.4-.3.7-.7.7zm16.3 0H10.5c-.4 0-.8-.3-.8-.7v-1.5c0-.4.4-.8.8-.8h11.8c.5 0 .8.4.8.8V21c0 .4-.3.7-.8.7z"/></symbol><symbol viewBox="0 0 24 24" id="text_background_color"><path d="M12 7.4l1.9 4.6H9.8l1.8-4.6h.4zm10.2-3.7v16.6c0 1-.9 1.9-1.9 1.9H3.7c-1 0-1.9-.9-1.9-1.9V3.7c0-1 .9-1.9 1.9-1.9h16.6c1 0 1.9.9 1.9 1.9zm-2.6 15.1L14.1 5.1c-.2-.3-.4-.5-.7-.5h-3.3c-.3 0-.5.2-.6.5L4.4 18.8c-.1.3.1.6.4.6h1.9c.3 0 .5-.2.6-.5l1.5-4.1H15l1.6 4.1c.1.3.4.5.7.5h1.9c.3 0 .5-.3.4-.6z"/></symbol><symbol viewBox="0 0 24 24" id="text_color"><path d="M4.8 16.6h1.9c.3 0 .5-.2.6-.5L8.8 12H15l1.6 4.1c.1.3.4.5.7.5h1.9c.3 0 .5-.3.4-.6L14 2.3c-.1-.3-.3-.5-.6-.5h-3.2c-.3 0-.6.2-.7.5L4.4 16c-.1.3.1.6.4.6zm6.8-12h.4l2 4.6H9.8l1.8-4.6zm10.8 14.8H1.6c-.4 0-.7.3-.7.7v1.4c0 .3.3.7.7.7h20.8c.4 0 .7-.4.7-.7v-1.4c0-.4-.3-.7-.7-.7z"/></symbol><symbol viewBox="0 0 24 24" id="threedots"><path d="M3.7 9.2c1.5 0 2.8 1.3 2.8 2.8s-1.3 2.8-2.8 2.8S.9 13.5.9 12s1.3-2.8 2.8-2.8zm8.3 0c1.5 0 2.8 1.3 2.8 2.8s-1.3 2.8-2.8 2.8-2.8-1.3-2.8-2.8 1.3-2.8 2.8-2.8zm8.3 0c1.5 0 2.8 1.3 2.8 2.8s-1.3 2.8-2.8 2.8-2.8-1.3-2.8-2.8 1.3-2.8 2.8-2.8z"/></symbol><symbol viewBox="0 0 24 24" id="threedots_vertical"><path d="M9.2 20.3c0-1.5 1.3-2.8 2.8-2.8s2.8 1.3 2.8 2.8-1.3 2.8-2.8 2.8-2.8-1.3-2.8-2.8zm0-8.3c0-1.5 1.3-2.8 2.8-2.8s2.8 1.3 2.8 2.8-1.3 2.8-2.8 2.8-2.8-1.3-2.8-2.8zm0-8.3C9.2 2.2 10.5.9 12 .9s2.8 1.3 2.8 2.8-1.3 2.8-2.8 2.8-2.8-1.3-2.8-2.8z"/></symbol><symbol viewBox="0 0 24 24" id="thunder"><path d="M14 1.4c-.7-.6-1.7-.6-2.4 0L1.4 11.6c-.6.7-.6 1.7 0 2.4l5.4 5.4c.7.7 1.8.7 2.5 0L19.4 9.3c.7-.7.7-1.8 0-2.5L14 1.4zm-8.4.9c-.2-.2-.6-.2-.9 0L2.3 4.7c-.2.3-.2.7 0 .9l.9.9c.3.3.7.3.9 0l2.4-2.4c.3-.2.3-.6 0-.9l-.9-.9zm8.7 14.4c-.2.3-.2.7 0 .9l5.3 5.3c.2.2.6.2.9 0l2.4-2.4c.2-.3.2-.7 0-.9l-5.2-5.3c-.3-.2-.7-.2-1 0l-2.4 2.4z" /></symbol><symbol viewBox="0 0 24 24" id="tile_card_list"><path d="M6.7 1.8H2.5c-.3 0-.7.4-.7.7v7.9c0 .4.4.7.7.7h4.2c.4 0 .7-.3.7-.7V2.5c0-.3-.3-.7-.7-.7zm7.4 0H9.9c-.3 0-.7.4-.7.7v7.9c0 .4.4.7.7.7h4.2c.3 0 .7-.3.7-.7V2.5c0-.3-.4-.7-.7-.7zm7.4 0h-4.2c-.4 0-.7.4-.7.7v7.9c0 .4.3.7.7.7h4.2c.3 0 .7-.3.7-.7V2.5c0-.3-.4-.7-.7-.7zM6.7 12.9H2.5c-.3 0-.7.3-.7.7v7.9c0 .3.4.7.7.7h4.2c.4 0 .7-.4.7-.7v-7.9c0-.4-.3-.7-.7-.7zm7.4 0H9.9c-.3 0-.7.3-.7.7v7.9c0 .3.4.7.7.7h4.2c.3 0 .7-.4.7-.7v-7.9c0-.4-.4-.7-.7-.7zm7.4 0h-4.2c-.4 0-.7.3-.7.7v7.9c0 .3.3.7.7.7h4.2c.3 0 .7-.4.7-.7v-7.9c0-.4-.4-.7-.7-.7z"/></symbol><symbol viewBox="0 0 24 24" id="topic"><path d="M8 16.3c0-.1-.2-.3-.3-.3l-1-.3c-.2-.1-.4 0-.5.2l-1.8 3c-.4.9-.2 1.1.7.7l3-1.8c.2-.1.3-.3.3-.5l-.4-1zm8-8.6c0 .1.2.3.3.3l1 .3c.2.1.4 0 .5-.2L19.6 5c.4-.8.2-1.1-.7-.6l-3 1.7c-.2.1-.3.4-.3.5l.4 1.1zm-9.8.4c.1.2.3.3.5.3l1-.3c.1-.1.3-.2.3-.3l.3-1.1c.1-.1 0-.4-.2-.5l-3-1.8c-.9-.4-1.1-.2-.7.7l1.8 3zm11.6 7.8c-.1-.2-.3-.3-.5-.3l-1 .3c-.1.1-.3.2-.3.3l-.3 1.1c-.1.2 0 .4.2.5l3.1 1.8c.8.4 1.1.2.6-.7l-1.8-3zm4.7-4.3l-7.6-2c-.3 0-.5-.3-.5-.5l-2-7.6c-.3-.8-.6-.8-.8 0l-2 7.6c-.1.3-.3.5-.6.5l-7.5 2c-.8.3-.8.6 0 .8l7.6 2c.3.1.5.3.5.6l2 7.5c.3.8.6.8.8 0l2-7.5c.1-.3.3-.5.6-.6l7.5-2c.8-.2.8-.6 0-.8zM12 13.8c-1 0-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8 1.8.8 1.8 1.8-.8 1.8-1.8 1.8z" /></symbol><symbol viewBox="0 0 24 24" id="touch_action"><path d="M17.4 13.8l-3.7-1.3c-.3-.1-.5-.4-.5-.7V6.7c0-.7-.7-1.3-1.5-1.3h-.1c-.8 0-1.4.6-1.4 1.3v10c0 .8-1.1 1.2-1.6.4l-.9-2c-.5-.9-1.7-1.1-2.5-.5l-.6.4 3.2 7.6c.1.3.4.5.8.5h8.3c.5 0 .8-.3.9-.7l1.4-5.2c.4-1.5-.4-2.9-1.8-3.4zm-9.5-3.2v-4c.1-1.8 1.7-3.4 3.5-3.5h.4c1.9.1 3.4 1.7 3.5 3.5v4c0 .3.4.5.7.3 1-1.1 1.6-2.5 1.6-4 0-3.4-3-6.2-6.5-5.9-2.7.3-4.9 2.3-5.3 5-.3 1.8.3 3.6 1.5 4.9.2.2.6 0 .6-.3z"/></symbol><symbol viewBox="0 0 24 24" id="trail"><path d="M12.8.9c1.6 0 2.8 1.2 2.8 2.7s-1.3 2.8-2.8 2.8-2.7-1.2-2.7-2.8S11.3.9 12.8.9zm7 7.5c-.5-.1-1 .3-1.1.8l-.2 2.7c-.1 0-.2.1-.3.1h-2.5l-1.8-3.1c-.1-.3-.4-.5-.7-.5L10.5 8c-.4-.1-.9.2-1.1.6l-2 5.2c-.2.5 0 .9.4 1.1l5 3.4.4 3.9c0 .5.5.9 1 .9.6 0 1.1-.5 1-1l-.4-4.8c0-.2-.2-.5-.4-.6l-2.7-3.1 1-2.5 1.2 2.1c.2.3.5.6.9.6h3.5l-1 8.3c-.1.5.3.9.8 1 .1 0 .1-.1.1-.1.5 0 1-.3 1-.8l1.6-12.9c0-.4-.4-.9-1-.9zM5.6 12.8l1.7-4.4c.1-.3.3-.6.5-.8l-.3-.1c-1.5-.2-2.8.7-3.3 2.1L3.3 12c-.2.5.1 1.1.6 1.2l.4.1c.6.2 1.1-.1 1.3-.5zm.7 3.4l-2.1 6.2c-.1.4.1.6.5.6h1.1c.4 0 .8-.2 1-.6l2-4.5-2.3-1.4c0-.1-.1-.2-.2-.3z"/></symbol><symbol viewBox="0 0 24 24" id="turn_off_notifications"><path d="M10.8 12.3c.3.3.6.3.9 0l9.9-9.1c.2-.3.1-.9-.6-.9H1.6c-.5 0-1 .5-.6.9l9.8 9.1zm3.1 5.1c.2-2.6 2.3-4.8 4.9-5 .3 0 .5-.1.7-.1.8 0 1.5.2 2.2.5V7.1c0-.5-.5-.7-.8-.4l-7.7 7.1c-.5.5-1.2.7-1.9.7s-1.4-.2-1.9-.7L1.8 6.7c-.4-.3-.9-.1-.9.4v9c0 1.2.9 2.1 2.1 2.1h10.9v-.8zm5.5-3.1c-2 0-3.7 1.7-3.7 3.7s1.7 3.7 3.7 3.7 3.7-1.7 3.7-3.7-1.6-3.7-3.7-3.7zm2.8 4.4c0 .1-.1.2-.2.2h-5.1c-.1 0-.2-.1-.2-.2v-1.4c0-.1.1-.2.2-.2H22c.1 0 .2.1.2.2v1.4z"/></symbol><symbol viewBox="0 0 24 24" id="undelete"><path d="M19.2 9.2H4.8c-.3 0-.6.4-.6.7v10.9c0 1.3 1 2.3 2.3 2.3h11c1.3 0 2.3-1 2.3-2.3V9.9c0-.3-.3-.7-.6-.7zm-7.2 12v-1.8c1.5 0 2.8-1.3 2.8-2.8s-1.3-2.8-2.8-2.8c-.7 0-1.4.4-1.9.9l1.1 1.1c.1.1 0 .4-.2.4H7.6c-.1 0-.2-.1-.2-.2v-3.4c0-.2.2-.3.4-.2l1 1c.8-.8 2-1.4 3.2-1.4 2.6 0 4.7 2.1 4.7 4.7s-2.2 4.5-4.7 4.5zm9-16.6h-5.8V2.8c0-1-.8-1.9-1.8-1.9h-2.8c-1 0-1.8.9-1.8 1.9v1.8H3c-.4 0-.7.3-.7.7v1.4c0 .4.3.7.7.7h18c.4 0 .7-.3.7-.7V5.3c0-.4-.3-.7-.7-.7zm-7.6 0h-2.8V3.2c0-.2.2-.4.5-.4h1.8c.3 0 .5.2.5.4v1.4z" /></symbol><symbol viewBox="0 0 24 24" id="undeprecate"><path d="M22.2 3.2H1.8c-.5 0-.9.4-.9 1v12c0 .5.4.9.9.9h7.5c.5 2.6 2.7 4.6 5.5 4.6s5-2 5.4-4.6h2c.5 0 .9-.4.9-.9v-12c0-.6-.4-1-.9-1zm-8.1 15.9l-2.7-2.8 1.2-1.3 1.5 1.5 3.3-3.3 1.2 1.3-4.5 4.6zm7.1-3.9h-1c-.4-2.6-2.7-4.6-5.4-4.6s-5.1 2-5.5 4.6H2.8V5.1h18.4v10.1z"/></symbol><symbol viewBox="0 0 24 24" id="underline"><path d="M20.5 19.4h-17c-.4 0-.7.3-.7.7v1.4c0 .3.3.7.7.7h17c.4 0 .7-.4.7-.7v-1.4c0-.4-.3-.7-.7-.7zm-8.8-1.9c-3.5-.1-6.2-3.1-6.2-6.6V4.6c0-.5.5-.9 1-.9h.9c.5 0 .9.4.9.9v6.3c0 2 1.5 3.7 3.5 3.9 2.1.1 3.9-1.6 3.9-3.7V4.6c0-.5.4-.9.9-.9h.9c.5 0 1 .4 1 .9v6.5c0 3.7-3.1 6.6-6.8 6.4z"/></symbol><symbol viewBox="0 0 24 24" id="undo"><path d="M14 5.8c4.8 0 8.7 3.9 8.7 8.7s-3.9 8.8-8.7 8.8h-3.8c-.4 0-.6-.3-.6-.7v-1.5c0-.3.3-.7.6-.7H14c3.3 0 5.9-2.6 5.9-5.9S17.3 8.6 14 8.6H7.6s-.4 0-.5.1c-.4.2-.3.4 0 .8l2.3 2.2c.2.3.2.7-.1 1l-1 1c-.3.3-.6.3-.9.1l-6-6c-.2-.3-.2-.6 0-.9l6-5.9c.3-.3.7-.3 1 0l.9.9c.3.3.3.8 0 1L7.1 5.2c-.3.2-.3.6.1.6H14z"/></symbol><symbol viewBox="0 0 24 24" id="unlock"><path d="M4.6 8.4v.1-.1zm14.8 2.2h-12V8.4c0-2.4 1.8-4.6 4.3-4.7 2.2-.1 4.1 1.3 4.7 3.3.1.2.3.4.5.4h1.9c.3 0 .5-.3.4-.6-.7-3.5-3.8-6.1-7.6-5.9-3.9.2-6.9 3.6-7 7.5v2.2c-1 0-1.8.8-1.8 1.9v8.7c0 1 .8 1.9 1.8 1.9h14.8c1 0 1.8-.9 1.8-1.9v-8.7c0-1.1-.8-1.9-1.8-1.9zm-5.3 9.1c.1.3-.1.6-.4.6h-3.4c-.3 0-.6-.3-.5-.6l.9-2.8c-.7-.4-1.1-1.3-1-2.2.2-.9.9-1.5 1.8-1.7 1.5-.3 2.8.8 2.8 2.1 0 .8-.4 1.5-1 1.8l.8 2.8z" /></symbol><symbol viewBox="0 0 24 24" id="unmuted"><path d="M19.2 8.3c-.7 0-1.2.5-1.2 1.1v1.9c0 3.2-2.7 5.9-6 5.9s-6.1-2.7-6.1-5.9V9.4c0-.6-.5-1.1-1.1-1.1s-1.1.5-1.1 1.1v1.9c0 4.1 3.1 7.4 7.1 8v1.6H9c-.7 0-1.2.4-1.2 1.1s.5 1.1 1.2 1.1h6c.6 0 1.2-.5 1.2-1.1s-.6-1.1-1.2-1.1h-1.9v-1.6c4.1-.6 7.2-3.9 7.2-8V9.4c0-.6-.5-1.1-1.1-1.1zM12 15c2 0 3.7-1.7 3.7-3.7V4.6c0-2.1-1.6-3.7-3.7-3.7S8.3 2.5 8.3 4.6v6.7c0 2 1.7 3.7 3.7 3.7z" /></symbol><symbol viewBox="0 0 24 24" id="up"><path d="M20.2 17.5H3.8c-.4 0-.8-.6-.4-1l8-9.8c.3-.3.9-.3 1.2 0l8 9.8c.4.4.1 1-.4 1z"/></symbol><symbol viewBox="0 0 24 24" id="upload"><path d="M22.4 14.3H21c-.4 0-.7.4-.7.7v4.6c0 .4-.3.7-.7.7H4.4c-.4 0-.7-.3-.7-.7V15c0-.3-.3-.7-.7-.7H1.6c-.4 0-.7.4-.7.7v6.2c0 1 .9 1.9 1.9 1.9h18.4c1 0 1.9-.9 1.9-1.9V15c0-.3-.3-.7-.7-.7zM12.5 1.1c-.3-.3-.7-.3-1 0L5.3 7.3c-.3.3-.3.7 0 1l.9 1c.3.3.7.3 1 0l2.6-2.6c.3-.3.8-.1.8.3v9.8c0 .4.3.7.7.7h1.3c.4 0 .8-.4.8-.7V7.1c0-.5.4-.6.8-.4l2.6 2.6c.2.3.6.3.9 0l1-.9c.3-.3.3-.7 0-1l-6.2-6.3z" /></symbol><symbol viewBox="0 0 24 24" id="user"><path d="M23.1 19.8v1.1c0 1.2-1 2.2-2.2 2.2H3.1c-1.2 0-2.2-1-2.2-2.2v-1.1c0-2.6 3.2-4.3 6.1-5.6l.3-.1c.2-.1.5-.1.7 0 1.2.8 2.5 1.2 4 1.2s2.8-.4 3.9-1.2c.3-.1.5-.1.7 0l.3.1c3 1.3 6.2 2.9 6.2 5.6zM12 .9c3 0 5.5 2.7 5.5 6.1S15 13.1 12 13.1 6.5 10.4 6.5 7 9 .9 12 .9z"/></symbol><symbol viewBox="0 0 24 24" id="user_role"><path d="M10.1 16.6c0-1.2.5-2.7 1.1-3.8.8-1.4 1.7-1.9 2.4-2.9 1.1-1.7 1.3-4.2.6-6-.7-1.9-2.5-3-4.5-3S6 2.2 5.3 4.1c-.7 2.1-.4 4.6 1.3 6.1.7.7 1.3 1.7 1 2.7-.4.9-1.5 1.3-2.3 1.7-1.8.8-3.9 1.9-4.3 4-.4 1.8.8 3.6 2.7 3.6h7.9c.3 0 .6-.5.3-.8-1.1-1.3-1.8-3-1.8-4.8zm7.4-5.5c-3 0-5.5 2.5-5.5 5.5s2.5 5.6 5.5 5.6 5.6-2.5 5.6-5.6-2.5-5.5-5.6-5.5zm1 6c-.1 0-.3 0-.4-.1l-2.2 2.2c-.1.1-.3.2-.4.2-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l2.1-2.1c0-.1 0-.3-.1-.4-.1-1 .7-1.9 1.7-1.9.1 0 .3 0 .5.1 0 0 .1.1 0 .1l-.9 1c-.1.1-.1.2 0 .2l.6.7c.1.1.2.1.3 0l.9-.9c.1-.1.2-.1.2 0v.5c0 1-.8 1.7-1.8 1.6z"/></symbol><symbol viewBox="0 0 24 24" id="video"><path d="M21.6 6l-5 3.7V7.1c0-.7-.6-1.2-1.3-1.2H2.2c-.7 0-1.3.5-1.3 1.2v9.8c0 .7.6 1.3 1.3 1.3h13.2c.7 0 1.2-.6 1.2-1.3v-2.5l5 3.6c.4.3.9.1.9-.4V6.4c0-.4-.5-.7-.9-.4z"/></symbol><symbol viewBox="0 0 24 24" id="volume_high"><path d="M11.4 1.2L5.5 8.3H2.8c-1 0-1.9.8-1.9 1.9v3.6c0 1.1.9 1.9 1.9 1.9h2.7l5.9 7.1c.6.6 1.5.2 1.5-.6V1.8c0-.8-1-1.2-1.5-.6zM19.7 4c-.2-.2-.5-.2-.7 0l-.6.7c-.2.1-.2.5 0 .6 1.7 1.7 2.8 4.1 2.8 6.7 0 2.6-1.1 5-2.8 6.7-.2.2-.2.5 0 .6l.6.7c.2.2.5.2.7 0 2-2 3.4-4.9 3.4-8 0-3.1-1.3-6-3.4-8zm-2.9 3c-.2-.2-.5-.2-.7 0l-.6.6c-.2.2-.2.5 0 .7 1 .9 1.6 2.2 1.6 3.7s-.7 2.8-1.7 3.7c-.2.2-.2.5 0 .7l.7.6c.1.2.4.2.6 0 1.3-1.2 2.2-3 2.2-5s-.8-3.8-2.1-5z" /></symbol><symbol viewBox="0 0 24 24" id="volume_low"><path d="M11.4 1.2L5.5 8.3H2.8c-1 0-1.9.8-1.9 1.9v3.6c0 1.1.9 1.9 1.9 1.9h2.7l5.9 7.1c.6.6 1.5.2 1.5-.6V1.8c0-.8-1-1.2-1.5-.6zM16.8 7c-.2-.2-.5-.2-.7 0l-.6.6c-.2.2-.2.5 0 .7 1 .9 1.6 2.2 1.6 3.7s-.7 2.8-1.7 3.7c-.2.2-.2.5 0 .7l.7.6c.1.2.4.2.6 0 1.3-1.2 2.2-3 2.2-5s-.8-3.8-2.1-5z" /></symbol><symbol viewBox="0 0 24 24" id="volume_off"><path d="M11.4 1.2L5.5 8.3H2.8c-1 0-1.9.8-1.9 1.9v3.6c0 1.1.9 1.9 1.9 1.9h2.7l5.9 7.1c.6.6 1.5.2 1.5-.6V1.8c0-.8-1-1.2-1.5-.6zM20.7 12l2.2-2.3c.2-.1.2-.4 0-.6l-.6-.7c-.2-.1-.5-.1-.7 0l-2.2 2.3-2.3-2.3c-.2-.1-.4-.1-.6 0l-.7.7c-.2.2-.2.5 0 .6l2.3 2.3-2.3 2.3c-.2.1-.2.4 0 .6l.7.7c.2.1.4.1.6 0l2.3-2.3 2.2 2.3c.2.1.5.1.7 0l.6-.7c.2-.2.2-.5 0-.6L20.7 12z" /></symbol><symbol viewBox="0 0 24 24" id="warning"><path d="M23.7 19.6L13.2 2.5c-.6-.9-1.8-.9-2.4 0L.3 19.6c-.7 1.1 0 2.6 1.1 2.6h21.2c1.1 0 1.8-1.5 1.1-2.6zM12 18.5c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4 1.4.6 1.4 1.4-.6 1.4-1.4 1.4zm1.4-4.2c0 .3-.2.5-.5.5h-1.8c-.3 0-.5-.2-.5-.5v-6c0-.3.2-.5.5-.5h1.8c.3 0 .5.2.5.5v6z"/></symbol><symbol viewBox="0 0 24 24" id="weeklyview"><path d="M20.3 3.2H18v-.9c0-.7-.6-1.4-1.4-1.4-.7 0-1.4.6-1.4 1.4v.9H8.8v-.9c0-.7-.6-1.4-1.4-1.4C6.6.9 6 1.5 6 2.3v.9H3.7c-1 0-1.9.9-1.9 1.9v1.1c0 .4.4.7.7.7h19c.3 0 .7-.3.7-.7V5.1c0-1-.9-1.9-1.9-1.9zm1.2 6h-19c-.3 0-.7.4-.7.7v11.3c0 1 .9 1.9 1.9 1.9h16.6c1 0 1.9-.9 1.9-1.9V9.9c0-.3-.4-.7-.7-.7zm-6.4 4.4l-2.9 6.2c-.1.3-.4.5-.8.5-.5 0-.9-.4-.9-.8 0-.1.1-.3.1-.4l2.5-5.3H9.6c-.5 0-.8-.2-.8-.6 0-.4.3-.7.8-.7h4.8c.4 0 .8.3.8.8 0 .1 0 .2-.1.3z"/></symbol><symbol viewBox="0 0 24 24" id="wifi"><path d="M22 7.3c-2.5-2.8-6.1-4.4-10-4.4S4.6 4.5 2.1 7.3c-.2.2-.2.5 0 .6l1.4 1.2c.2.2.5.2.7 0C6.2 6.9 9 5.7 12 5.7s5.9 1.2 7.9 3.4c.2.2.5.2.7 0L22 7.9c.2-.1.2-.4 0-.6zM12 9.4c-1.9 0-3.7.8-5 2.3-.2.2-.2.5 0 .7l1.5 1.1c.2.1.5.1.6-.1.8-.8 1.8-1.3 2.9-1.3s2.2.5 3 1.3c.1.2.4.2.6 0l1.4-1.1c.3-.2.3-.4.1-.7-1.3-1.4-3.1-2.2-5.1-2.2zm.1 6.4c1.2 0 2.3 1 2.3 2.3s-1 2.3-2.3 2.3-2.3-1-2.3-2.3 1-2.3 2.3-2.3z"/></symbol><symbol viewBox="0 0 24 24" id="work_order_type"><path d="M18.1 12.4c0 .5-.4.9-.8.9H6.7c-.4 0-.8-.4-.8-.9v-.9c0-.4.4-.8.8-.8h10.6c.5 0 .9.4.9.8v.9h-.1zm-1.7 5.3c0 .4-.4.9-.9.9H6.7c-.4 0-.8-.5-.8-.9v-.9c0-.5.4-.9.8-.9h8.9c.4 0 .8.4.8.9v.9zM5.9 6.2c0-.4.4-.8.8-.8h8.9c.4 0 .8.4.8.8v.9c0 .5-.4.9-.8.9H6.7c-.4 0-.8-.4-.8-.9v-.9zM19 1.8H5C3.5 1.8 2.3 3 2.3 4.5v14.9c0 1.5 1.2 2.7 2.6 2.7H19c1.4 0 2.6-1.2 2.6-2.7V4.5c.1-1.5-1.1-2.7-2.6-2.7z"/></symbol><symbol viewBox="0 0 24 24" id="world"><path d="M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm0 2.3zm.9.1h-.1.1zM12 20.8c-4.8 0-8.8-4-8.8-8.8 0-.5.1-1 .2-1.4.6.1 1.3.3 1.7.7.8.8 1.6 1.8 2.5 2 0 0-.1 0-.2.2-.1.1-.2.4-.2.9 0 2.1 2 .8 2 3s2.5 3 2.5 1.3 1.6-2.6 1.6-3.9-1.3-1.3-2-1.8c-.9-.4-1.3-1.1-2.9-.9-.8-.7-1.2-1.4-.9-2.1.4-.8 2.1-1 2.1-2.2S8.5 6.4 7.7 6.4c-.4 0-1.2-.3-1.8-.6.7-.8 1.7-1.4 2.7-1.9.8.3 2 .9 3.1.9 1.2 0 1.9-.9 1.7-1.5 2.1.3 3.9 1.4 5.2 2.9-.6.4-1.6.9-3.2.9-2.1 0-2.1 2.1-.9 2.5 1.3.5 2.6-.8 3 0 .5.9-3 .9-2.1 3 .9 2.1 1.7 0 2.6 2.1.9 2.1 2.6-.3 1.3-2-.6-.7-.4-3 .9-3h.4c.2.7.3 1.5.3 2.3-.1 4.8-4.1 8.8-8.9 8.8z"/></symbol><symbol viewBox="0 0 24 24" id="yubi_key"><g ><path d="M17.8 6.5H.7c-.4 0-.7.3-.7.7v9.7c0 .4.3.7.7.7h17.1c.3 0 .7-.3.7-.7V7.2c0-.4-.4-.7-.7-.7zm-8.1 8.4c-1.6 0-2.8-1.3-2.8-2.9s1.2-2.8 2.8-2.8 2.8 1.3 2.8 2.8-1.2 2.9-2.8 2.9z"/><circle cx="9.692" cy="12.046" r=".554"/><path d="M23.3 8.3h-6.7c-.4 0-.7.3-.7.7v6c0 .4.3.7.7.7h6.7c.4 0 .7-.3.7-.7V9c0-.4-.3-.7-.7-.7zm-1.6 1.9c.3 0 .5.1.5.4v.9h-3.7v-1.3h3.2zm0 3.6h-3.2v-1.2h3.7v.8c0 .3-.2.4-.5.4z"/></g></symbol><symbol viewBox="0 0 24 24" id="zoomin"><path d="M14.3 8.8h-2.8V6c0-.3-.1-.5-.4-.5H9.2c-.2 0-.4.2-.4.5v2.8H6c-.3 0-.5.2-.5.4v1.9c0 .3.2.4.5.4h2.8v2.8c0 .3.2.5.4.5h1.9c.3 0 .4-.2.4-.5v-2.8h2.8c.3 0 .5-.1.5-.4V9.2c0-.2-.2-.4-.5-.4zm8.6 12.1l-5.3-5.3c1.1-1.5 1.8-3.4 1.8-5.4 0-5.1-4.2-9.3-9.2-9.3S.9 5.1.9 10.2s4.2 9.2 9.3 9.2c2 0 3.9-.7 5.4-1.8l5.3 5.3c.3.3.7.3 1 0l.9-1c.3-.3.3-.7.1-1zm-12.7-4.3c-3.6 0-6.5-2.9-6.5-6.4s2.9-6.5 6.5-6.5 6.4 2.9 6.4 6.5-2.9 6.4-6.4 6.4z"/></symbol><symbol viewBox="0 0 24 24" id="zoomout"><path d="M8.8 11.5h5.5c.3 0 .5-.1.5-.4V9.2c0-.2-.2-.4-.5-.4H8.8m0 0H6c-.3 0-.5.2-.5.4v1.9c0 .3.2.4.5.4h2.8"/><path d="M22.9 20.9l-5.3-5.3c1.1-1.5 1.8-3.4 1.8-5.4 0-5.1-4.2-9.3-9.2-9.3S.9 5.1.9 10.2s4.2 9.2 9.3 9.2c2 0 3.9-.7 5.4-1.8l5.3 5.3c.3.3.7.3 1 0l.9-1c.3-.3.3-.7.1-1zm-12.7-4.3c-3.6 0-6.5-2.9-6.5-6.4s2.9-6.5 6.5-6.5 6.4 2.9 6.4 6.5-2.9 6.4-6.4 6.4z"/></symbol></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" display="none"><symbol viewBox="0 0 24 24" id="account"><path d="M19 12.3c0-.5-.4-.7-.5-.7h-5.3c-.4 0-.5.5-.5.5v5.7H19v-5.5zm-3.6 4c0 .3-.3.5-.5.5h-.5c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.5.5-.5h.5c.2 0 .5.3.5.5v.5zm0-2.5c0 .3-.3.5-.5.5h-.5c-.3 0-.5-.2-.5-.5v-.4c0-.3.2-.5.5-.5h.5c.2 0 .5.2.5.5v.4zm2.4 2.5c0 .3-.3.5-.5.5h-.5c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.5.5-.5h.5c.2 0 .5.3.5.5v.5zm0-2.5c0 .3-.3.5-.5.5h-.5c-.3 0-.5-.2-.5-.5v-.4c0-.3.2-.5.5-.5h.5c.2 0 .5.2.5.5v.4zm-3.6-4.1V6.9c0-.5-.4-.7-.5-.7H5.6c-.5 0-.6.5-.6.6v11h6.3v-7.1s0-.5.5-.5h1.9s.5-.3.5-.5zm-6.5 6.4c0 .2-.2.4-.5.4h-.5c-.2 0-.5-.2-.5-.4v-.5c0-.3.3-.5.5-.5h.5c.3 0 .5.2.5.5v.5zm0-2.5c0 .2-.2.5-.5.5h-.5c-.2 0-.5-.3-.5-.5v-.5c0-.3.3-.5.5-.5h.5c.3 0 .5.2.5.5v.5zm0-2.5c0 .3-.2.5-.5.5h-.5c-.2 0-.5-.2-.5-.5v-.4c0-.3.3-.5.5-.5h.5c.3 0 .5.2.5.5v.4zm0-2.4c0 .3-.2.5-.5.5h-.5c-.2 0-.5-.2-.5-.5v-.5c0-.3.3-.5.5-.5h.5c.3 0 .5.2.5.5v.5zm2.6 7.4c0 .2-.2.4-.5.4h-.4c-.3 0-.5-.2-.5-.4v-.5c0-.3.2-.5.5-.5h.4c.3 0 .5.2.5.5v.5zm0-2.5c0 .2-.2.5-.5.5h-.4c-.3 0-.5-.3-.5-.5v-.5c0-.3.2-.5.5-.5h.4c.3 0 .5.2.5.5v.5zm0-2.5c0 .3-.2.5-.5.5h-.4c-.3 0-.5-.2-.5-.5v-.4c0-.3.2-.5.5-.5h.4c.3 0 .5.2.5.5v.4zm0-2.4c0 .3-.2.5-.5.5h-.4c-.3 0-.5-.2-.5-.5v-.5c0-.3.2-.5.5-.5h.4c.3 0 .5.2.5.5v.5zm2.7 0c0 .3-.3.5-.5.5H12c-.3 0-.5-.2-.5-.5v-.5c0-.3.2-.5.5-.5h.5c.2 0 .5.2.5.5v.5z" /></symbol><symbol viewBox="0 0 24 24" id="announcement"><path d="M11 17.8l-.3-.3c-.5-.3-.5-.9-.5-1.2v-.8c0-.3-.2-.5-.4-.5H8c-.3 0-.5.2-.5.5v2.3c0 .8.5 1.4 1.2 1.4h1.5c.9 0 1-.6 1-.6s.1-.5-.2-.8zm6.8-8.2V5.5c0-.7-1-.9-1.4-.4l-2.7 2.5c-.5.3-1 .5-1.5.5H7.6C6 8.1 4.8 9.5 4.8 11v.1c0 1.5 1.2 2.7 2.8 2.7h4.6c.6 0 1.1.2 1.5.6l2.7 2.6c.4.4 1.4.3 1.4-.4v-4.1c.9 0 1.4-.6 1.4-1.5 0-.8-.6-1.4-1.4-1.4z" /></symbol><symbol viewBox="0 0 24 24" id="answer_best"><title/><path d="M11.9 5.2c-4 0-7.2 3-7.2 6.7 0 1.2.3 2.3.9 3.3.1.1.1.2 0 .4L5 17.7c-.2.4.2.7.6.6l2.1-.8c.1 0 .3 0 .4.1 1.1.6 2.4 1 3.8 1 4 0 7.2-3 7.2-6.7s-3.2-6.7-7.2-6.7zm3.4 5.2l-3.6 3.7c-.2.1-.3.2-.5.2s-.4-.1-.5-.2l-1.8-1.8c-.2-.2-.2-.4 0-.5l.5-.5c.1-.2.3-.2.5 0l1.3 1.3 3.1-3.2c.2-.2.4-.2.5 0l.5.5c.2.1.2.4 0 .5z"/><path fill-opacity=".65" d="M24 24v-9.1L14.9 24H24zm-1-3.2l-.8.7v.1l.2 1.1c0 .1-.1.1-.1.1l-.9-.5c-.1-.1-.1-.1-.1 0l-1 .5s-.1 0-.1-.1l.2-1.1v-.1l-.8-.7c0-.1 0-.2.1-.2l1-.2h.1l.4-1c0-.1.1-.1.2 0l.4 1h.1l1 .2c.1 0 .1.1.1.2z"/></symbol><symbol viewBox="0 0 24 24" id="answer_private"><title/><path fill-opacity=".65" d="M21.4 20.2c-.3 0-.5.2-.5.4v.3h.9v-.3c0-.2-.2-.4-.4-.4z"/><path fill-opacity=".65" d="M24 24v-9.1L14.9 24H24zm-1.2-1.6c0 .2-.2.4-.4.4h-2.1c-.2 0-.4-.2-.4-.4v-1.2c0-.2.2-.3.4-.3h.1v-.3c0-.5.4-.9 1-.9s.9.4.9.9v.3h.1c.2 0 .4.1.4.3v1.2z"/><path d="M12 5.3c-4 0-7.2 3-7.2 6.7 0 1.2.3 2.3.9 3.3.1.1.1.3 0 .4l-.6 2.1c-.2.4.2.7.6.6l2.1-.7c.1-.1.3-.1.4 0 1.1.7 2.4 1 3.8 1 4 0 7.2-3 7.2-6.7S16 5.3 12 5.3zm3.5 5.2l-3.7 3.7c-.2.1-.3.2-.5.2s-.4-.1-.5-.2L9 12.4c-.1-.1-.1-.4 0-.5l.5-.5c.1-.1.4-.1.5 0l1.3 1.3 3.1-3.2c.2-.1.4-.1.6 0l.5.5c.1.2.1.4 0 .5z"/></symbol><symbol viewBox="0 0 24 24" id="answer_public"><path d="M12 5.3c-4 0-7.2 3-7.2 6.7 0 1.2.3 2.3.9 3.3.1.1.1.3.1.4l-.7 2.1c-.1.4.2.7.6.6l2.1-.7c.2-.1.3-.1.4 0 1.1.7 2.4 1 3.8 1 4 0 7.2-3 7.2-6.7S16 5.3 12 5.3zm3.5 5.2l-3.7 3.7c-.2.1-.3.2-.5.2s-.4-.1-.5-.2L9 12.4c-.1-.1-.1-.4 0-.5l.5-.5c.1-.1.4-.1.5 0l1.3 1.3 3.1-3.2c.2-.1.4-.1.6 0l.5.5c.1.2.1.4 0 .5z"/></symbol><symbol viewBox="0 0 24 24" id="approval"><path d="M17.8 13h-2.7c-.8 0-1.4-.7-1.4-1.5.1-2.1 1.1-2.2 1.2-3.6.1-1.4-.8-2.7-2.3-3.1-1.8-.3-3.5 1.1-3.5 2.9 0 1.6 1.1 1.6 1.2 3.8 0 .8-.6 1.5-1.4 1.5H6.2c-.8 0-1.4.6-1.4 1.4v1c0 .2.2.4.5.4h13.4c.3 0 .5-.2.5-.4v-1c0-.8-.6-1.4-1.4-1.4zm0 4.3H6.2c-.2 0-.4.2-.4.4v.1c0 .8.6 1.4 1.4 1.4h9.6c.8 0 1.4-.6 1.4-1.4v-.1c0-.2-.2-.4-.4-.4z"/></symbol><symbol viewBox="0 0 24 24" id="apps"><path d="M7.7 4.8H5.8c-.6 0-1 .4-1 1v1.9c0 .5.4.9 1 .9h1.9c.5 0 .9-.4.9-.9V5.8c0-.6-.4-1-.9-1zm5.3 0h-2c-.5 0-.9.4-.9 1v1.9c0 .5.4.9.9.9h2c.5 0 .9-.4.9-.9V5.8c0-.6-.4-1-.9-1zm5.2 0h-1.9c-.5 0-.9.4-.9 1v1.9c0 .5.4.9.9.9h1.9c.6 0 1-.4 1-.9V5.8c0-.6-.4-1-1-1zM7.7 10.1H5.8c-.6 0-1 .4-1 .9v2c0 .5.4.9 1 .9h1.9c.5 0 .9-.4.9-.9v-2c0-.5-.4-.9-.9-.9zm5.3 0h-2c-.5 0-.9.4-.9.9v2c0 .5.4.9.9.9h2c.5 0 .9-.4.9-.9v-2c0-.5-.4-.9-.9-.9zm5.2 0h-1.9c-.5 0-.9.4-.9.9v2c0 .5.4.9.9.9h1.9c.6 0 1-.4 1-.9v-2c0-.5-.4-.9-1-.9zM7.7 15.4H5.8c-.6 0-1 .4-1 .9v1.9c0 .6.4 1 1 1h1.9c.5 0 .9-.4.9-1v-1.9c0-.5-.4-.9-.9-.9zm5.3 0h-2c-.5 0-.9.4-.9.9v1.9c0 .6.4 1 .9 1h2c.5 0 .9-.4.9-1v-1.9c0-.5-.4-.9-.9-.9zm5.2 0h-1.9c-.5 0-.9.4-.9.9v1.9c0 .6.4 1 .9 1h1.9c.6 0 1-.4 1-1v-1.9c0-.5-.4-.9-1-.9z"/></symbol><symbol viewBox="0 0 24 24" id="apps_admin"><path d="M17.5 5h-11C5.7 5 5 5.7 5 6.5v11c0 .8.7 1.5 1.5 1.5h11c.8 0 1.5-.7 1.5-1.5v-11c0-.8-.7-1.5-1.5-1.5zM17 17.5H7c-.3 0-.5-.2-.5-.5V7c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v10c0 .3-.2.5-.5.5zm-6.2-9.6H8.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5V8.4c0-.3-.2-.5-.5-.5zm4.8 0h-2.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5V8.4c0-.3-.2-.5-.5-.5zm-4.8 4.8H8.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c0-.3-.2-.5-.5-.5zm4.8 0h-2.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c0-.3-.2-.5-.5-.5z"/></symbol><symbol viewBox="0 0 24 24" id="article"><path d="M7.7 14.2h3.1c.3 0 .5-.3.5-.5V6.5c0-.5-.5-1-1-1H7.8c-.4 0-.6.3-.6.6v7.6c0 .2.2.5.5.5zM18.2 7v7.6c0 .6-.4 1-.9 1H6.7c-.5 0-.9-.4-.9-1V7c-.8 0-1.5.6-1.5 1.4v7.2c0 .8.7 1.4 1.5 1.4h4.5c.3 0 .5.3.5.5s.2.5.5.5h1.4c.3 0 .5-.2.5-.5s.2-.5.5-.5h4.5c.8 0 1.5-.6 1.5-1.4V8.4c0-.8-.7-1.4-1.5-1.4zm-5 7.2h3c.4 0 .6-.3.6-.6V6c0-.3-.2-.5-.5-.5h-2.6c-.5 0-1 .5-1 1v7.2c0 .2.2.5.5.5z"/></symbol><symbol viewBox="0 0 24 24" id="avatar"><path d="M19.2 17.1v.7c0 .8-.6 1.4-1.4 1.4H6.2c-.8 0-1.4-.6-1.4-1.4v-.7c0-1.8 2-2.8 4-3.7 0 0 .1 0 .2-.1.1 0 .3 0 .4.1.8.5 1.7.8 2.6.8.9 0 1.8-.3 2.6-.8.1-.1.3-.1.4 0 .1 0 .2 0 .2.1 2 .8 4 1.8 4 3.6z"/><ellipse cx="12" cy="8.76" rx="3.576" ry="3.96"/></symbol><symbol viewBox="0 0 24 24" id="avatar_loading"><g opacity=".5" ><path d="M19.2 17.1v.7c0 .8-.6 1.4-1.4 1.4H6.2c-.8 0-1.4-.6-1.4-1.4v-.7c0-1.8 2-2.8 4-3.7 0 0 .1 0 .2-.1.1 0 .3 0 .4.1.8.5 1.7.8 2.6.8s1.8-.3 2.6-.8c.1-.1.3-.1.4 0 .1 0 .2 0 .2.1 2 .8 4 1.8 4 3.6z"/><ellipse cx="12" cy="8.76" rx="3.576" ry="3.96"/></g></symbol><symbol viewBox="0 0 24 24" id="calibration"><path d="M7.7 11.9c-.2.1-.3.1-.5.1-.1 0-.3 0-.5-.1-.1 0-.2.1-.2.3v6.5c0 .3.2.5.5.5h.4c.3 0 .5-.2.5-.5v-6.5c0-.2-.1-.3-.2-.3zm4.8 5.1h-1c-.1-.1-.2.1-.2.2v1.5c0 .3.2.5.5.5h.4c.3 0 .5-.2.5-.5v-1.5c0-.2-.1-.3-.2-.2zm4.8-3.6h-1c-.1-.1-.2.1-.2.2v5.1c0 .3.2.5.5.5h.4c.3 0 .5-.2.5-.5v-5.1c0-.2-.1-.3-.2-.2zm-9.4-6V5.3c0-.3-.2-.5-.5-.5H7c-.3 0-.5.2-.5.5v2.1c-.6.2-1 .8-1 1.5 0 .9.8 1.7 1.7 1.7s1.7-.8 1.7-1.7c0-.7-.4-1.3-1-1.5zm4.8 5V5.3c0-.3-.2-.5-.5-.5h-.4c-.3 0-.5.2-.5.5v7.1c-.6.3-1 .8-1 1.5 0 1 .8 1.7 1.7 1.7s1.7-.7 1.7-1.7c0-.7-.4-1.2-1-1.5zm4.8-3.6V5.3c0-.3-.2-.5-.5-.5h-.4c-.3 0-.5.2-.5.5v3.5c-.6.3-1 .8-1 1.5 0 1 .8 1.7 1.7 1.7s1.7-.7 1.7-1.7c0-.7-.4-1.2-1-1.5z"/></symbol><symbol viewBox="0 0 24 24" id="call"><path d="M18.6 15.3l-1.4-1.2c-.5-.4-1.3-.4-1.8 0l-1.4 1c-.2.2-.5.1-.6 0L11 13l-2.1-2.4c-.2-.2-.2-.4 0-.6l1-1.4c.4-.6.3-1.3-.1-1.8L8.6 5.3c-.5-.6-1.5-.7-2.1-.1L5.2 6.5c-.3.3-.4.7-.4 1.1.1 3 1.5 5.9 3.6 8s4.9 3.4 8 3.6c.4 0 .8-.2 1-.5l1.3-1.3c.7-.5.6-1.5-.1-2.1z"/></symbol><symbol viewBox="0 0 24 24" id="call_history"><path d="M6.7 11.5v.5H5.3v-.5h1.4zM12 5.3c-3.6 0-6.5 2.7-6.7 6.2v.3H4.2c-.3 0-.5.3-.3.5l1.8 2.2c.2.2.4.2.6 0l1.8-2.2c.2-.2 0-.5-.3-.5H6.7v-.3C7 8.8 9.2 6.7 12 6.7c3.1 0 5.6 2.7 5.2 5.9-.2 2.3-2.4 4.4-4.7 4.7-1.7.1-3.3-.5-4.4-1.7-.2-.2-.3-.3-.5 0l-.6.6c-.1.2 0 .3.1.4 1.3 1.4 3.1 2.1 5 2.1 3.4 0 6.3-2.8 6.6-6.2.3-3.9-2.8-7.2-6.7-7.2zm-.7 5c.2-.2.2-.6 0-.8l-.5-.6c-.2-.3-.7-.3-.9-.1l-.6.6c-.1.1-.2.3-.2.5.1 1.3.7 2.6 1.6 3.4s2.1 1.5 3.4 1.6c.2 0 .4 0 .5-.2l.6-.6c.2-.2.2-.7-.1-.9l-.6-.5c-.2-.2-.6-.2-.8 0l-.6.4c-.1.1-.2.1-.3 0l-1-.9-.9-1c-.1-.1-.1-.2 0-.3l.4-.6z"/></symbol><symbol viewBox="0 0 24 24" id="campaign"><path d="M12 4.8C8 4.8 4.8 8 4.8 12S8 19.2 12 19.2s7.2-3.2 7.2-7.2S16 4.8 12 4.8zm0 13c-3.2 0-5.8-2.6-5.8-5.8S8.8 6.2 12 6.2s5.8 2.6 5.8 5.8-2.6 5.8-5.8 5.8zm0-10.1c-2.4 0-4.3 1.9-4.3 4.3s1.9 4.3 4.3 4.3 4.3-1.9 4.3-4.3-1.9-4.3-4.3-4.3zm0 7.2c-1.6 0-2.9-1.3-2.9-2.9s1.3-2.9 2.9-2.9 2.9 1.3 2.9 2.9-1.3 2.9-2.9 2.9zm0-4.3c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4 1.4-.6 1.4-1.4-.6-1.4-1.4-1.4z"/></symbol><symbol viewBox="0 0 24 24" id="campaign_members"><path fill-opacity=".65" d="M24 14.9V24h-9.1l9.1-9.1zm-1.9 6.6c-.3-.1-.3-.2-.3-.4 0-.1.1-.2.2-.3.2-.2.2-.4.2-.7 0-.5-.3-.9-.8-.9s-.9.5-.9.9c0 .3.1.5.3.7.1.1.2.2.2.3s-.1.3-.4.4c-.5.2-.9.4-.9.8 0 .3.2.5.5.5h2.4c.2 0 .4-.2.4-.5 0-.4-.4-.6-.9-.8z"/><path d="M12 4.8C8 4.8 4.8 8 4.8 12S8 19.2 12 19.2s7.2-3.2 7.2-7.2S16 4.8 12 4.8zm0 13c-3.2 0-5.8-2.6-5.8-5.8S8.8 6.2 12 6.2s5.8 2.6 5.8 5.8-2.6 5.8-5.8 5.8zm0-10.1c-2.4 0-4.3 1.9-4.3 4.3s1.9 4.3 4.3 4.3 4.3-1.9 4.3-4.3-1.9-4.3-4.3-4.3zm0 7.2c-1.6 0-2.9-1.3-2.9-2.9s1.3-2.9 2.9-2.9 2.9 1.3 2.9 2.9-1.3 2.9-2.9 2.9zm0-4.3c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4 1.4-.6 1.4-1.4-.6-1.4-1.4-1.4z"/></symbol><symbol viewBox="0 0 24 24" id="canvas"><path d="M17.7 15.8c0 .8-.1 1.7-.3 2.6 0 .2-.2.5-.5.5-1.6.2-3.3.3-4.9.3-1.6 0-3.2-.1-4.8-.3-.3 0-.6-.3-.6-.5-.2-1.4-.4-2.8-.4-4.1 0-1.4.2-2.7.4-4.1 0-.2.3-.5.5-.5 1-.1 2-.2 3-.2 0 0 .7-.1.7-.8 0-.7-1.2-1.1-1.2-2.3 0-.9.9-1.6 2.4-1.6 1.4 0 2.4.7 2.4 1.6 0 1.2-1.2 1.6-1.2 2.3-.1.7.7.8.7.8 1 0 2 .1 3 .2.2 0 .5.3.5.5.2 1 .3 1.8.3 2.7.1.3-.2.5-.5.5H17c-.3 0-.7-.2-.9-.4 0 0-.7-.6-1.3-.6-1.1-.1-2 .9-2 2s.8 2.1 1.9 2c.7 0 1.4-.7 1.4-.7.2-.1.6-.3.8-.3.1-.1.2-.1.3-.1.3.1.6.3.5.5z"/></symbol><symbol viewBox="0 0 24 24" id="case"><path d="M9.1 7h1c.1 0 .2-.1.2-.3V6h3.4v.7c0 .2.1.3.2.3h1c.1 0 .2-.1.2-.3V6c0-.8-.6-1.4-1.4-1.4h-3.4c-.8 0-1.4.6-1.4 1.4v.7c0 .2.1.3.2.3zm8.7 1.4H6.2c-.8 0-1.4.6-1.4 1.4v7.7c0 .8.6 1.5 1.4 1.5h11.6c.8 0 1.4-.7 1.4-1.5V9.8c0-.8-.6-1.4-1.4-1.4z"/></symbol><symbol viewBox="0 0 24 24" id="case_change_status"><path d="M9.1 7.2h1c.1 0 .2-.1.2-.2v-.8h3.4V7c0 .1.1.2.2.2h1c.1 0 .2-.1.2-.2v-.8c0-.8-.6-1.4-1.4-1.4h-3.4c-.8 0-1.4.6-1.4 1.4V7c0 .1.1.2.2.2zm8.7 1.4H6.2c-.8 0-1.4.7-1.4 1.5v7.7c0 .8.6 1.4 1.4 1.4h11.6c.8 0 1.4-.6 1.4-1.4v-7.7c0-.8-.6-1.5-1.4-1.5zM14 13.9L11.5 17c-.1.1-.4 0-.3-.2l.6-2.2h-1.6c-.2 0-.4-.2-.3-.3l1-2.6c.1-.3.3-.4.5-.4h2c.2 0 .4.2.3.4l-1.1 1.7h1.2c.3 0 .4.4.2.5z"/></symbol><symbol viewBox="0 0 24 24" id="case_comment"><path d="M9.1 7.2h1c.1 0 .2-.1.2-.2v-.8h3.4V7c0 .1.1.2.2.2h1c.1 0 .2-.1.2-.2v-.8c0-.8-.6-1.4-1.4-1.4h-3.4c-.8 0-1.4.6-1.4 1.4V7c0 .1.1.2.2.2zm8.7 1.4H6.2c-.8 0-1.4.7-1.4 1.5v7.7c0 .8.6 1.4 1.4 1.4h11.6c.8 0 1.4-.6 1.4-1.4v-7.7c0-.8-.6-1.5-1.4-1.5zm-5.6 7.7c-.5 0-1-.1-1.5-.4h-.1l-1 .4c-.1.1-.3-.1-.2-.2l.4-1c0-.1 0-.1-.1-.1-.2-.4-.3-.9-.3-1.3 0-1.5 1.3-2.7 2.8-2.7s2.8 1.2 2.8 2.7c0 1.4-1.2 2.6-2.8 2.6z"/></symbol><symbol viewBox="0 0 24 24" id="case_email"><path d="M9.1 7.2h1c.1 0 .2-.1.2-.2v-.8h3.4V7c0 .1.1.2.2.2h1c.1 0 .2-.1.2-.2v-.8c0-.8-.6-1.4-1.4-1.4h-3.4c-.8 0-1.4.6-1.4 1.4V7c0 .1.1.2.2.2zm8.7 1.4H6.2c-.8 0-1.4.7-1.4 1.5v7.7c0 .8.6 1.4 1.4 1.4h11.6c.8 0 1.4-.6 1.4-1.4v-7.7c0-.8-.6-1.5-1.4-1.5zm-8.7 2.7h5.8c.2 0 .2.2.2.3l-3 2.7c0 .1-.1.1-.2 0l-3-2.7c-.1-.2 0-.3.2-.3zm6 4.1c0 .3-.4.7-.7.7H9.6c-.3 0-.7-.4-.7-.7v-2.7c0-.1.1-.2.2-.1l2.3 2.2c.2.1.4.2.6.2s.4-.1.6-.2l2.2-2.2c.1-.1.3 0 .3.1v2.7z"/></symbol><symbol viewBox="0 0 24 24" id="case_log_a_call"><path d="M9.1 7.2h1c.1 0 .2-.1.2-.2v-.8h3.4V7c0 .1.1.2.2.2h1c.1 0 .2-.1.2-.2v-.8c0-.8-.6-1.4-1.4-1.4h-3.4c-.8 0-1.4.6-1.4 1.4V7c0 .1.1.2.2.2zm8.7 1.4H6.2c-.8 0-1.4.7-1.4 1.5v7.7c0 .8.6 1.4 1.4 1.4h11.6c.8 0 1.4-.6 1.4-1.4v-7.7c0-.8-.6-1.5-1.4-1.5zM15 15.9l-.6.5c-.1.1-.2.2-.4.2-1.2-.1-2.4-.7-3.2-1.5-.8-.8-1.4-1.9-1.4-3.2 0-.1 0-.3.1-.4l.6-.5c.2-.3.6-.2.8 0l.5.6c.2.2.2.5 0 .7l-.4.6v.2l.9 1 .9.8c.1.1.2.1.3 0l.5-.4c.2-.1.5-.1.7 0l.6.5c.3.2.3.6.1.9z"/></symbol><symbol viewBox="0 0 24 24" id="case_transcript"><path d="M9.1 7.2h1c.1 0 .2-.1.2-.2v-.8h3.4V7c0 .1.1.2.2.2h1c.1 0 .2-.1.2-.2v-.8c0-.8-.6-1.4-1.4-1.4h-3.4c-.8 0-1.4.6-1.4 1.4V7c0 .1.1.2.2.2zm8.7 1.4H6.2c-.8 0-1.4.7-1.4 1.5v7.7c0 .8.6 1.4 1.4 1.4h11.6c.8 0 1.4-.6 1.4-1.4v-7.7c0-.8-.6-1.5-1.4-1.5zm-3.2 7.5c0 .4-.3.7-.7.7h-3.3c-.4 0-.8-.3-.8-.7v-4.6c0-.4.4-.7.8-.7h1.6c.2 0 .3.1.3.2v1.5c0 .2.2.5.5.5h1.4c.1 0 .2.1.2.2v2.9zm0-3.8c0 .1 0 .2-.1.2h-1.1c-.2 0-.4-.2-.4-.5v-1c0-.1 0-.2.1-.2h.1l1.4 1.4v.1z"/></symbol><symbol viewBox="0 0 24 24" id="client"><path d="M10.8 14c.8-.5 1.7-.8 2.6-.8.3 0 .5.1.8.1.1 0 .1 0 0-.1-.4-.3-1-.5-1.5-.7-1-.5-1.2-.8-1.2-1.3 0-.4.3-.8.7-1.1.6-.5.9-1.3.9-2.2 0-1.6-1-3.1-2.9-3.1-1.8 0-2.8 1.5-2.8 3.1 0 .9.3 1.7.9 2.2.4.3.7.7.7 1.1 0 .4-.2.8-1.2 1.3-1.5.6-2.9 1.3-3 2.7 0 .9.7 1.6 1.6 1.6h3.4c.2 0 .4-.2.4-.4v-1.6c.1-.3.2-.6.6-.8zm7.8 1.4c-2.3.7-4.1-1.4-6.6-.4-.1 0-.2.2-.2.4V18c0 .3.2.6.6.5 2.4-.8 4.2 1.3 6.5.4.2-.1.3-.3.3-.5v-2.5c0-.3-.3-.6-.6-.5zm-3 2.4c-.6 0-1-.4-1-1s.4-.9 1-.9.9.4.9.9-.4 1-.9 1z" /></symbol><symbol viewBox="0 0 24 24" id="coaching"><path d="M11.3 12.7c-.3 0-.6.1-.9.4-.4.4-.4 1.2 0 1.7.3.2.6.3.9.3.3 0 .6-.1.8-.3.5-.5.5-1.2 0-1.7-.2-.3-.5-.4-.8-.4zm7.8-5.4L17.5 5c-.2-.2-.5-.3-.7-.2l-8 5c-.8.5-1.4 1.1-1.9 2.2-.4 1-.5 2.1-.2 3.1-1.1.1-1.9 1-1.9 2.1s.9 2 2 2c.9 0 1.6-.5 1.9-1.2 1.9 1.2 4.4.9 6-.7 1.5-1.5 1.8-3.6.9-5.4-.2-.7-.1-1.4.5-1.8L19 8c.2-.1.2-.4.1-.7zM6.8 17.8c-.3 0-.6-.3-.6-.6s.3-.6.6-.6.6.2.6.6-.2.6-.6.6zm6.4-2c-.6.5-1.2.8-1.9.8s-1.4-.3-1.9-.8c-1-1-1-2.7 0-3.8.5-.5 1.2-.7 1.9-.7s1.3.2 1.9.7c1 1.1 1 2.8 0 3.8z"/></symbol><symbol viewBox="0 0 24 24" id="connected_apps"><path d="M17.5 5h-11C5.7 5 5 5.7 5 6.5v11c0 .8.7 1.5 1.5 1.5h11c.8 0 1.5-.7 1.5-1.5v-11c0-.8-.7-1.5-1.5-1.5zM17 17.5H7c-.3 0-.5-.2-.5-.5V7c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v10c0 .3-.2.5-.5.5zm-3-6.2h-1.5L13.8 9c.2-.2 0-.6-.3-.6h-2c-.2 0-.5.2-.6.5l-1.3 3.3c-.1.2.1.5.4.5h1.5l-.7 2.6c-.1.3.2.4.4.2l3.1-3.7c.2-.2.1-.5-.3-.5z"/></symbol><symbol viewBox="0 0 24 24" id="contact"><path d="M17.8 7H6.2c-.8 0-1.4.6-1.4 1.4v7c0 .8.6 1.4 1.4 1.4h11.6c.8 0 1.4-.6 1.4-1.4v-7c0-.8-.6-1.4-1.4-1.4zm-6.1 8.1H7.5c-.4 0-.8-.5-.8-1 0-.7.8-1.1 1.6-1.5.5-.2.6-.4.6-.7s-.1-.4-.3-.6c-.3-.3-.5-.7-.5-1.2 0-.9.5-1.7 1.5-1.7s1.5.8 1.5 1.7c0 .5-.2.9-.5 1.2-.2.2-.4.4-.4.6s.1.5.7.7c.8.3 1.5.8 1.5 1.5.1.5-.3 1-.7 1zm5.6-1.7c0 .3-.2.5-.5.5h-2.2c-.2 0-.4-.2-.4-.5v-.7c0-.2.2-.5.4-.5h2.2c.3 0 .5.3.5.5v.7zm0-2.6c0 .3-.2.5-.5.5h-3.6c-.3 0-.5-.2-.5-.5v-.7c0-.3.2-.5.5-.5h3.6c.3 0 .5.2.5.5v.7z"/></symbol><symbol viewBox="0 0 24 24" id="contract"><path d="M17.9 8.1l-3.2-3.2c0-.1-.1-.1-.2-.1-.2 0-.3.1-.3.3v2.6c0 .5.4.9.9.9h2.6c.2 0 .3-.1.3-.3 0-.1 0-.2-.1-.2zm-.4 2h-3.3c-.8 0-1.5-.7-1.5-1.5V5.3c0-.3-.2-.5-.5-.5H7.4c-.8 0-1.4.6-1.4 1.4v11.6c0 .8.6 1.4 1.4 1.4h9.2c.8 0 1.4-.6 1.4-1.4v-7.2c0-.3-.2-.5-.5-.5zM7.7 7.8l1.2-.1v-.1l.6-1.1h.1l.6 1.1v.1l1.2.1c.1 0 .1.1.1.2l-.9.8v.1l.2 1.2c0 .1-.1.1-.2.1l-1-.6h-.1l-1.1.6s-.1 0-.1-.1l.2-1.2-.1-.1-.8-.8c0-.1 0-.2.1-.2zm7.4 8c0 .3-.2.5-.5.5H8.4c-.3 0-.5-.2-.5-.5v-.4c0-.3.2-.5.5-.5h6.2c.3 0 .5.2.5.5v.4zm1-2.8c0 .2-.2.4-.5.4H8.4c-.3 0-.5-.2-.5-.4v-.5c0-.3.2-.5.5-.5h7.2c.3 0 .5.2.5.5v.5z"/></symbol><symbol viewBox="0 0 24 24" id="custom"><path d="M19 7.9c0-.2-.3-.2-.4-.1l-2.4 2.4c-.2.2-.5.2-.7 0l-1.7-1.7c-.2-.2-.2-.5 0-.7l2.4-2.4c.2-.1.1-.4 0-.4-.5-.1-.9-.2-1.3-.2-2.6 0-4.6 2.2-4.3 4.8 0 .4.1.8.3 1.1l-5.6 5.6c-.7.7-.7 1.8 0 2.4.3.4.7.5 1.2.5s.8-.1 1.2-.5l5.6-5.6c.3.2.7.3 1.1.3 2.6.3 4.8-1.7 4.8-4.3 0-.4-.1-.8-.2-1.2z"/></symbol><symbol viewBox="0 0 24 24" id="dashboard"><path d="M12 4.8C8 4.8 4.8 8 4.8 12S8 19.2 12 19.2s7.2-3.2 7.2-7.2S16 4.8 12 4.8zm0 1.9c2.9 0 5.3 2.4 5.3 5.3 0 .2 0 .5-.1.7h-2.1c-.2 0-.4.2-.5.4-.2 1.3-1.3 2.3-2.6 2.3s-2.4-1-2.6-2.3c0-.2-.3-.4-.5-.4H6.8c-.1-.2-.1-.5-.1-.7 0-2.9 2.4-5.3 5.3-5.3zm-.6 7.1c.6.3 1.4 0 1.7-.5.4-.9 1.3-4.6 1.1-4.7-.2-.1-2.8 2.7-3.2 3.6-.4.5-.2 1.3.4 1.6z"/></symbol><symbol viewBox="0 0 24 24" id="default"><path opacity=".5" d="M10.7 7.9c.5-.5 1.2-.8 1.9-.8 1.1 0 1.9.5 2.4 1.3.4-.1.9-.3 1.4-.3 1.8.1 3.3 1.5 3.3 3.3 0 1.8-1.5 3.3-3.3 3.3-.2 0-.5 0-.7-.1-.4.8-1.2 1.3-2.1 1.3-.4 0-.7-.1-1-.3-.5 1-1.4 1.7-2.6 1.7-1.2 0-2.2-.8-2.6-1.8-.2 0-.3.1-.5.1-1.4 0-2.6-1.2-2.6-2.6 0-.9.5-1.8 1.3-2.2-.2-.4-.2-.7-.2-1.2 0-1.6 1.3-2.9 2.9-2.9 1 0 1.9.5 2.4 1.2"/></symbol><symbol viewBox="0 0 24 24" id="document"><path d="M17.5 10.1h-3.3c-.8 0-1.5-.7-1.5-1.5V5.3c0-.3-.2-.5-.5-.5H7.4c-.8 0-1.4.6-1.4 1.4v11.6c0 .8.6 1.4 1.4 1.4h9.2c.8 0 1.4-.6 1.4-1.4v-7.2c0-.3-.2-.5-.5-.5zm.4-2l-3.2-3.2c0-.1-.1-.1-.2-.1-.2 0-.3.1-.3.3v2.6c0 .5.4.9.9.9h2.6c.2 0 .3-.1.3-.3 0-.1 0-.2-.1-.2z"/></symbol><symbol viewBox="0 0 24 24" id="drafts"><path d="M17.5 4.8H9.8c-.8 0-1.4.6-1.4 1.4v.3c0 .1.1.2.2.2h7c.8 0 1.4.7 1.4 1.5v7.4c0 .1.1.2.3.2h.2c.8 0 1.5-.6 1.5-1.4V6.2c0-.8-.7-1.4-1.5-1.4zm-3.3 3.4H6.5c-.8 0-1.5.6-1.5 1.4v8.2c0 .8.7 1.4 1.5 1.4h7.7c.8 0 1.4-.6 1.4-1.4V9.6c0-.8-.6-1.4-1.4-1.4zM7 10.6c0-.3.2-.5.4-.5h4.8c.3 0 .5.2.5.5v.4c0 .3-.2.5-.5.5H7.4c-.2 0-.4-.2-.4-.5v-.4zm5.7 6.2c0 .3-.2.5-.5.5H7.4c-.2 0-.4-.2-.4-.5v-.5c0-.2.2-.5.4-.5h4.8c.3 0 .5.3.5.5v.5zm1-2.9c0 .3-.2.5-.5.5H7.4c-.2 0-.4-.2-.4-.5v-.5c0-.2.2-.4.4-.4h5.8c.3 0 .5.2.5.4v.5z"/></symbol><symbol viewBox="0 0 24 24" id="email"><path d="M11.7 13.2c.2.2.4.2.6 0l6.8-6.3c.1-.2.1-.6-.4-.6H5.3c-.4 0-.6.3-.4.6l6.8 6.3zm7.5-3.6c0-.3-.4-.5-.6-.3l-5.3 4.9c-.3.4-.8.5-1.3.5s-.9-.1-1.3-.5L5.4 9.3c-.2-.2-.6 0-.6.3v6.2c0 .8.7 1.5 1.5 1.5h11.5c.8 0 1.4-.7 1.4-1.5V9.6z"/></symbol><symbol viewBox="0 0 24 24" id="email_chatter"><path d="M11.7 13.2c.2.2.4.2.6 0l6.8-6.3c.1-.2.1-.6-.4-.6H5.3c-.4 0-.6.3-.4.6l6.8 6.3zm7.5-3.6c0-.3-.4-.5-.6-.3l-5.3 4.9c-.3.4-.8.5-1.3.5s-.9-.1-1.3-.5L5.4 9.3c-.2-.2-.6 0-.6.3v6.2c0 .8.7 1.5 1.5 1.5h11.5c.8 0 1.4-.7 1.4-1.5V9.6z"/></symbol><symbol viewBox="0 0 24 24" id="empty"><path opacity=".5" d="M17.3 18.7H6.7c-.8 0-1.4-.6-1.4-1.4V6.7c0-.8.6-1.4 1.4-1.4h10.6c.8 0 1.4.6 1.4 1.4v10.6c0 .8-.6 1.4-1.4 1.4zM6.7 7.2v9.6c0 .3.2.5.5.5h9.6c.3 0 .5-.2.5-.5V7.2c0-.3-.2-.5-.5-.5H7.2c-.3 0-.5.2-.5.5z"/></symbol><symbol viewBox="0 0 24 24" id="endorsement"><path d="M6.7 10.1H5.3c-.3 0-.5.2-.5.5v7.7c0 .3.2.4.5.4h.5c.8 0 1.4-.6 1.4-1.4v-6.7c0-.3-.2-.5-.5-.5zm10.6.2h-1.5c-.8 0-1.4-.6-1.4-1.4V6c0-.8-.6-1.4-1.4-1.4h-1c-.3 0-.5.2-.5.4v2c0 1.6-.8 3.3-2.4 3.3-.2 0-.5.2-.5.5v6.7c0 .3.2.5.5.5 2.1.1 3.5.9 5.8.9 2.4 0 4.3-.7 4.3-3v-3.7c0-1-.9-1.9-1.9-1.9z"/></symbol><symbol viewBox="0 0 24 24" id="environment_hub"><path d="M10.3 11.3c.1-1 .4-2 .9-2.9.8-1.3 2.1-2.1 3.8-2.2.3-.8 1.1-1.4 2-1.4 1.2 0 2.2 1 2.2 2.2s-1 2.1-2.2 2.1c-.9 0-1.7-.6-2-1.4-1.9.1-3 1.6-3.2 3.6H15c.3-.9 1.1-1.5 2-1.5 1.2 0 2.2 1 2.2 2.2s-1 2.2-2.2 2.2c-.9 0-1.7-.6-2-1.5h-3.2c.2 2.2 1.2 3.6 3.2 3.6.3-.8 1.1-1.4 2-1.4 1.2 0 2.2.9 2.2 2.1s-1 2.2-2.2 2.2c-.9 0-1.7-.6-2-1.4-1.8 0-3.1-.8-3.9-2.2-.4-.9-.7-1.8-.8-2.9H9c-.3.9-1.1 1.5-2 1.5-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c.9 0 1.7.6 2 1.5h1.3zM17 7.7c.4 0 .8-.3.8-.7s-.4-.8-.8-.8-.7.4-.7.8.3.7.7.7zm0 10.1c.4 0 .8-.4.8-.8s-.4-.7-.8-.7-.7.3-.7.7.3.8.7.8zm0-5.1c.4 0 .8-.3.8-.7s-.4-.7-.8-.7-.7.3-.7.7.3.7.7.7zm-10 0c.4 0 .7-.3.7-.7s-.3-.7-.7-.7-.8.3-.8.7.4.7.8.7z"/></symbol><symbol viewBox="0 0 24 24" id="event"><path d="M18.2 10.1H5.8c-.3 0-.5.2-.5.5v7.2c0 .8.6 1.4 1.4 1.4h10.6c.8 0 1.4-.6 1.4-1.4v-7.2c0-.3-.2-.5-.5-.5zm-8.6 6.7c0 .3-.2.5-.5.5h-.9c-.3 0-.5-.2-.5-.5v-1c0-.2.2-.4.5-.4h.9c.3 0 .5.2.5.4v1zm0-3.4c0 .3-.2.5-.5.5h-.9c-.3 0-.5-.2-.5-.5v-.9c0-.3.2-.5.5-.5h.9c.3 0 .5.2.5.5v.9zm3.4 3.4c0 .3-.3.5-.5.5h-1c-.2 0-.5-.2-.5-.5v-1c0-.2.3-.4.5-.4h1c.2 0 .5.2.5.4v1zm0-3.4c0 .3-.3.5-.5.5h-1c-.2 0-.5-.2-.5-.5v-.9c0-.3.3-.5.5-.5h1c.2 0 .5.2.5.5v.9zm3.3 3.4c0 .3-.2.5-.5.5h-.9c-.3 0-.5-.2-.5-.5v-1c0-.2.2-.4.5-.4h.9c.3 0 .5.2.5.4v1zm0-3.4c0 .3-.2.5-.5.5h-.9c-.3 0-.5-.2-.5-.5v-.9c0-.3.2-.5.5-.5h.9c.3 0 .5.2.5.5v.9zm1-7.2h-1.2v-.4c0-.6-.5-1-1-1s-.9.4-.9 1v.4H9.8v-.4c0-.6-.4-1-.9-1s-1 .4-1 1v.4H6.7c-.8 0-1.4.7-1.4 1.5v.5c0 .2.2.4.5.4h12.4c.3 0 .5-.2.5-.4v-.5c0-.8-.6-1.5-1.4-1.5z"/></symbol><symbol viewBox="0 0 24 24" id="feed"><path d="M11.8 17.3c-.1 0-.3 0-.4-.1-.2-.1-.3-.3-.4-.5L9.2 9.2l-1.6 3.5c-.1.3-.4.5-.6.5H4.8c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h1.7l2.2-5.1c.1-.3.4-.5.7-.5.3.1.6.3.7.6l1.9 7.6 2.4-5.6c.2-.3.5-.4.8-.4.2 0 .5.2.6.5l1.2 2.9h2.2c.3 0 .5.2.5.4v.5c0 .3-.2.5-.5.5h-2.6c-.3 0-.6-.2-.7-.4l-.8-1.9-2.7 5.9c-.1.3-.4.5-.6.5z"/></symbol><symbol viewBox="0 0 24 24" id="feedback"><path d="M19 13.6v-.3c.4-.8.7-1.6.7-2.5 0-2.8-2.4-5-5.3-5-1.2 0-2.4.4-3.3 1.1 3 .6 5.2 3.2 5.2 6.3 0 .9-.1 1.7-.5 2.4.5-.1 1-.3 1.4-.5.1-.1.2-.1.3-.1l1.5.6c.3.1.5-.2.5-.5l-.5-1.5zM9.6 8.2c-2.9 0-5.3 2.2-5.3 5 0 .9.3 1.7.7 2.5 0 .1.1.2 0 .3l-.5 1.6c-.1.3.2.5.5.4l1.5-.5c.1-.1.2-.1.3 0 .8.5 1.8.7 2.8.7 2.9 0 5.3-2.2 5.3-5s-2.4-5-5.3-5zm-2.9 6c-.5 0-.9-.5-.9-1s.4-1 .9-1 1 .5 1 1-.5 1-1 1zm2.9 0c-.5 0-1-.5-1-1s.5-1 1-1 1 .5 1 1-.5 1-1 1zm2.9 0c-.5 0-1-.5-1-1s.5-1 1-1 .9.5.9 1-.4 1-.9 1z"/></symbol><symbol viewBox="0 0 24 24" id="file"><path d="M7 15.1V7.4c-.8 0-1.5.7-1.5 1.5V18c0 .8.7 1.4 1.5 1.4h7.2c.8 0 1.4-.6 1.4-1.4H9.8C8.3 18 7 18 7 15.1zm11-6.2h-2.4c-.8 0-1.4-.7-1.4-1.5V5c0-.2-.3-.4-.5-.4H9.8c-.8 0-1.4.6-1.4 1.4v9.1c0 .8.6 1.5 1.4 1.5H17c.8 0 1.5-.7 1.5-1.5V9.4c0-.3-.2-.5-.5-.5zm.4-2l-2.2-2.2c-.1-.1-.2-.1-.3-.1-.2 0-.3.1-.3.3v1.6c0 .5.4.9 1 .9h1.5c.2 0 .4-.1.4-.3 0-.1 0-.2-.1-.2z" /></symbol><symbol viewBox="0 0 24 24" id="flow"><path d="M19.2 7.4C18.6 6.1 17 3.9 14 5.2c-1.8.8-2.8 1.3-2.8 1.3L8.5 7.7c-.7.3-2.4-.2-3.3-.5-.2-.1-.5.2-.4.5.7 1.2 2.3 3.5 5.2 2.1 1.8-.8 5.5-2.4 5.5-2.4.7-.4 2.4.1 3.3.5.3 0 .5-.2.4-.5zm-6.4 3.8c-.3.2-1.6.8-1.6.8l-1.3.6c-.7.4-2.1-.1-2.9-.5-.3-.1-.5.2-.4.5.6 1.2 2 3.3 4.6 2 1.6-.8 2.9-1.3 2.9-1.3.7-.4 2.1.1 2.9.4.3.1.5-.2.4-.4-.6-1.2-2-3.4-4.6-2.1zm-.9 5.3c-.3.2-.7.5-.7.5-.5.3-1.6-.1-2.2-.4-.2-.1-.4.2-.3.4.4 1.1 1.5 3 3.4 1.8l.7-.4c.6-.3 1.6.1 2.2.4.2.1.4-.2.3-.5-.4-1-1.4-2.9-3.4-1.8z" /></symbol><symbol viewBox="0 0 24 24" id="folder"><path d="M18 8.3h-6.8c-.4 0-.8-.2-1.1-.6l-1-1.8c-.2-.4-.6-.6-1.1-.6H6c-.7 0-1.2.5-1.2 1.2v11c0 .7.5 1.2 1.2 1.2h12c.7 0 1.2-.5 1.2-1.2V9.6c0-.7-.5-1.3-1.2-1.3zm0-2.4h-7.2c-.1 0-.2.1-.1.2l.4.8c.1.1.2.2.3.2H18c.3 0 .7.1.9.2.2.1.3 0 .3-.2 0-.7-.5-1.2-1.2-1.2z"/></symbol><symbol viewBox="0 0 24 24" id="forecasts"><path d="M18.6 7s-.8-1.7-2.7-1.7-2.7 1.8-2.7 1.8c-1.3-.6-2.4 0-2.4 0s-.9-1.8-2.7-1.8S5.4 7 5.4 7s-1.8 3.9-1.8 7.4c-.1 3.5 2.2 4.3 3.3 4.3 1.2 0 4.1-.5 3.9-4.4 0 0 .3-.7 1.1-.7 1 0 1.3.7 1.3.7-.1 3.9 2.7 4.4 3.9 4.4 1 0 3.4-.8 3.3-4.3 0-3.5-1.8-7.4-1.8-7.4zM7.2 17.2c-1.2 0-2.1-1-2.1-2.1S6 13 7.2 13s2 .9 2 2.1-.9 2.1-2 2.1zm9.6 0c-1.1 0-2-1-2-2.1s.9-2.1 2-2.1 2.1.9 2.1 2.1-.9 2.1-2.1 2.1z"/></symbol><symbol viewBox="0 0 24 24" id="generic_loading"><path opacity=".15" d="M12.4 5.3h-.8c-.2 0-.3.1-.3.3v3.2c0 .2.1.3.3.3h.8c.2 0 .3-.1.3-.3V5.6c0-.2-.1-.3-.3-.3zm6 6h-3.2c-.2 0-.3.1-.3.3v.8c0 .2.1.3.3.3h3.2c.2 0 .3-.1.3-.3v-.8c0-.2-.1-.3-.3-.3zm-6 3.6h-.8c-.2 0-.3.1-.3.3v3.2c0 .2.1.3.3.3h.8c.2 0 .3-.1.3-.3v-3.2c0-.2-.1-.3-.3-.3zm-3.3-2.5v-.8c0-.2-.1-.3-.3-.3H5.6c-.2 0-.3.1-.3.3v.8c0 .2.1.3.3.3h3.2c.2 0 .3-.1.3-.3zm5.2-2.2c.1.2.3.2.5 0L17 8c.1-.1.1-.3 0-.5l-.5-.5c-.2-.1-.4-.1-.5 0l-2.2 2.2c-.2.2-.2.4 0 .5l.5.5zm.5 3.6c-.1-.2-.4-.2-.5 0l-.5.5c-.1.1-.1.3 0 .5L16 17c.2.1.4.1.5 0l.5-.5c.2-.2.2-.4 0-.5l-2.2-2.2zm-5.1 0c-.1-.2-.3-.2-.5 0L7 16c-.1.1-.1.3 0 .5l.5.5c.2.1.4.1.5 0l2.2-2.2c.2-.2.2-.4 0-.5l-.5-.5zM8 7c-.1-.2-.3-.2-.5 0l-.5.5c-.1.1-.1.3 0 .5l2.2 2.2c.2.1.4.1.5 0l.5-.5c.2-.1.2-.4 0-.5L8 7z" /></symbol><symbol viewBox="0 0 24 24" id="goals"><path d="M6.2 4.8c-.8 0-1.4.6-1.4 1.4 0 .5.2.9.5 1.1v10.9c0 .6.4 1 .9 1s1-.4 1-1V7.3c.3-.2.5-.6.5-1.1 0-.8-.7-1.4-1.5-1.4zm12.2 2.6c-3.8 2-5.9-1.4-9.4-.1-.2 0-.4.2-.4.4v6.2c0 .3.4.6.7.5 3.4-1.1 5.5 2.2 9.2.1.1-.1.2-.2.2-.4V7.6c0-.2-.2-.3-.3-.2zm-1.1 3.3c-.5.1-.9.1-1.4.1h-.1v1.4h.1c.5 0 .9 0 1.4-.1v1.4c-.5.2-.9.2-1.4.2h-.1v-1.4c-.4 0-.9-.1-1.4-.2v1.4c-.3 0-.7-.1-1-.2-.2-.1-.3-.1-.4-.2v-1.4c-.6-.2-1-.3-1.5-.4v1.5c-.2-.1-.5-.1-.8-.1-.2 0-.4 0-.6.1v-1.5h1.4V10c-.2-.1-.5-.1-.8-.1h-.6V8.5c.2-.1.4-.1.6-.1.3 0 .6.1.8.1V10c.4.1.7.2 1.3.3 0 .1.1.1.2.1V9c.4.1.9.2 1.4.3v1.4c.5.1.9.1 1.4.1V9.4h.1c.5 0 .9 0 1.4-.1v1.4zm-4.3-.3v1.3c.1 0 .2.1.3.1.4.1.7.2 1.1.3v-1.4c-.5-.1-1-.2-1.4-.3z"/></symbol><symbol viewBox="0 0 24 24" id="group_loading"><path opacity=".5" d="M8.8 12.6c-.4-.7-.6-1.4-.6-2.3 0-1.4.6-2.6 1.5-3.3-.3-.6-.9-1-1.8-1-1.4 0-2.1 1.1-2.1 2.4 0 .7.2 1.3.7 1.7.2.2.4.6.4.9 0 .3-.1.6-.9 1-1.1.5-2.1 1.1-2.2 2.2 0 .7.5 1.2 1.1 1.2H6c.1 0 .3-.1.4-.3.5-.9 1.4-1.5 2.2-1.9.3-.1.4-.4.2-.6zM18 12c-.8-.4-.9-.7-.9-1 0-.3.2-.7.4-.9.5-.4.7-1 .7-1.7 0-1.3-.7-2.4-2.1-2.4-.9 0-1.5.4-1.8 1 .9.7 1.5 1.9 1.5 3.3 0 .9-.2 1.6-.6 2.3-.2.2-.1.5.2.7.8.4 1.7.9 2.2 1.8.1.2.3.3.4.3h1.1c.6 0 1.1-.5 1.1-1.2-.1-1.1-1.1-1.7-2.2-2.2zm-3.9 2.3c-.9-.4-1-.7-1-1.1 0-.4.2-.7.5-1 .5-.4.8-1.1.8-1.9 0-1.4-.8-2.6-2.4-2.6s-2.4 1.2-2.4 2.6c0 .8.3 1.4.8 1.9.3.3.5.6.5 1s-.1.7-.9 1.1c-1.3.5-2.5 1.1-2.6 2.3 0 .7.6 1.4 1.3 1.4h6.6c.7 0 1.3-.7 1.3-1.4-.1-1.2-1.3-1.8-2.5-2.3z"/></symbol><symbol viewBox="0 0 24 24" id="groups"><path d="M8.8 12.6c-.4-.7-.6-1.4-.6-2.3 0-1.4.6-2.6 1.5-3.3-.3-.6-.9-1-1.8-1-1.4 0-2.1 1.1-2.1 2.4 0 .7.2 1.3.7 1.7.2.2.4.6.4.9 0 .3-.1.6-.9 1-1.1.5-2.1 1.1-2.2 2.2 0 .7.5 1.2 1.1 1.2H6c.1 0 .3-.1.4-.3.5-.9 1.4-1.5 2.2-1.9.3-.1.4-.4.2-.6zM18 12c-.8-.4-.9-.7-.9-1 0-.3.2-.7.4-.9.5-.4.7-1 .7-1.7 0-1.3-.7-2.4-2.1-2.4-.9 0-1.5.4-1.8 1 .9.7 1.5 1.9 1.5 3.3 0 .9-.2 1.6-.6 2.3-.2.2-.1.5.2.7.8.4 1.7.9 2.2 1.8.1.2.3.3.4.3h1.1c.6 0 1.1-.5 1.1-1.2-.1-1.1-1.1-1.7-2.2-2.2zm-3.9 2.3c-.9-.4-1-.7-1-1.1 0-.4.2-.7.5-1 .5-.4.8-1.1.8-1.9 0-1.4-.8-2.6-2.4-2.6s-2.4 1.2-2.4 2.6c0 .8.3 1.4.8 1.9.3.3.5.6.5 1s-.1.7-.9 1.1c-1.3.5-2.5 1.1-2.6 2.3 0 .7.6 1.4 1.3 1.4h6.6c.7 0 1.3-.7 1.3-1.4-.1-1.2-1.3-1.8-2.5-2.3z"/></symbol><symbol viewBox="0 0 24 24" id="hierarchy"><path d="M11.1 11.1h-4c-.3 0-.5.2-.5.5V15H5.2c-.2 0-.4.2-.4.4v3.4c0 .2.2.4.4.4h4.5c.3 0 .5-.2.5-.4v-3.4c0-.2-.2-.4-.5-.4H8.4v-2.1h7.2V15h-1.3c-.3 0-.5.2-.5.4v3.4c0 .2.2.4.5.4h4.5c.2 0 .4-.2.4-.4v-3.4c0-.2-.2-.4-.4-.4h-1.4v-3.4c0-.3-.2-.5-.5-.5h-4V9h1.3c.3 0 .5-.2.5-.4V5.3c0-.3-.2-.5-.5-.5H9.7c-.2 0-.4.2-.4.5v3.3c0 .2.2.4.4.4h1.4v2.1z"/></symbol><symbol viewBox="0 0 24 24" id="home"><path d="M18.9 12.3h-1.5v6.6c0 .2-.1.3-.3.3h-3c-.2 0-.3-.1-.3-.3v-5.1h-3.6v5.1c0 .2-.1.3-.3.3h-3c-.2 0-.3-.1-.3-.3v-6.6H5.1c-.1 0-.3-.1-.3-.2s0-.2.1-.3l6.9-7c.1-.1.3-.1.4 0l7 7v.3c0 .1-.2.2-.3.2z"/></symbol><symbol viewBox="0 0 24 24" id="household"><path d="M12.4 4.9c-.3-.1-.6-.1-.8 0L5 11.1c-.4.3-.2.9.3.9h.9v5.8c0 .8.7 1.4 1.5 1.4h8.6c.8 0 1.5-.6 1.5-1.4V12h.9c.5 0 .7-.6.3-.9l-6.6-6.2zM8.9 15.3c-.1.1-.2.1-.3.1H8c-.3 0-.6-.2-.6-.6.1-.6.6-.9 1.3-1.1.4-.2.5-.4.5-.6 0-.2-.2-.4-.3-.5-.3-.2-.4-.6-.4-1 0-.7.5-1.3 1.2-1.3.5 0 .8.2 1 .5-.5.5-.9 1.1-.9 1.9 0 .5.2.9.4 1.3.1.1 0 .3-.1.3-.4.2-1 .5-1.2 1zm4.9 1.7h-3.6c-.4 0-.7-.3-.7-.8 0-.6.7-1 1.3-1.3.5-.2.6-.4.6-.6 0-.2-.1-.4-.3-.5-.3-.3-.4-.6-.4-1.1 0-.8.5-1.5 1.3-1.5s1.4.7 1.4 1.5c0 .5-.2.8-.5 1.1-.1.1-.3.3-.3.5s.1.4.6.6c.7.3 1.4.7 1.4 1.3-.1.5-.4.8-.8.8zm2.2-1.6h-.6c-.1 0-.2 0-.3-.1-.2-.5-.8-.7-1.2-.9-.1-.1-.2-.2-.1-.4.2-.3.4-.8.4-1.2 0-.8-.4-1.5-.9-1.9.2-.3.5-.6 1-.6.8 0 1.2.7 1.2 1.4 0 .4-.1.7-.4.9-.1.2-.2.4-.2.6s0 .3.5.5c.6.3 1.2.6 1.2 1.1 0 .4-.3.6-.6.6z"/></symbol><symbol viewBox="0 0 24 24" id="insights"><path d="M18.8 6.5H7.4c-.2 0-.4.1-.4.4v8.4c0 .3-.3.6-.6.6-.3-.1-.5-.3-.5-.6V9.2c0-.1-.1-.2-.3-.2h-.4c-.2 0-.4.1-.4.4v7c0 .6.5 1.1 1.1 1.1h12.2c.6 0 1.1-.5 1.1-1.1V6.9c0-.3-.2-.4-.4-.4zm-6.2 8c0 .2-.2.3-.3.3H9c-.2 0-.3-.1-.3-.3v-.6c0-.1.1-.2.3-.2h3.3c.1 0 .3.1.3.2v.6zm0-2.2c0 .2-.2.3-.3.3H9c-.2 0-.3-.1-.3-.3v-.6c0-.1.1-.3.3-.3h3.3c.1 0 .3.2.3.3v.6zm4.9 2.2c0 .2-.1.3-.2.3h-3.4c-.1 0-.2-.1-.2-.3v-.6c0-.1.1-.2.2-.2h3.4c.1 0 .2.1.2.2v.6zm0-2.2c0 .2-.1.3-.2.3h-3.4c-.1 0-.2-.1-.2-.3v-.6c0-.1.1-.3.2-.3h3.4c.1 0 .2.2.2.3v.6zm0-2.2c0 .1-.1.2-.2.2H9c-.2 0-.3-.1-.3-.2V8.4c0-.2.1-.3.3-.3h8.3c.1 0 .2.1.2.3v1.7z"/></symbol><symbol viewBox="0 0 24 24" id="investment_account"><path d="M17.8 6.5H6.2c-.8 0-1.4.6-1.4 1.4v8.2c0 .8.6 1.4 1.4 1.4h11.6c.8 0 1.4-.6 1.4-1.4V7.9c0-.8-.6-1.4-1.4-1.4zM16.6 13c0 .2-.3.3-.4.1L15 12l-2.5 2.2c-.3.3-.7.3-1 0L10 12.5l-2.8 2.4c-.1.1-.2.1-.3 0l-.1-.2c-.1-.1-.1-.2 0-.3l2.7-3.7c.2-.3.7-.3 1 0l1.5 1.6 1.6-1.8-1-.9c-.2-.2-.1-.5.1-.5h3.4c.2 0 .4.3.4.5V13z"/></symbol><symbol viewBox="0 0 24 24" id="lead"><circle cx="12" cy="6.96" r="2.16"/><path d="M18.7 10.6H5.3c-.5 0-.7.6-.3.8l3.5 2.3c.2.1.3.3.2.5l-1.3 4.4c-.2.5.5.8.8.5l3.4-3.6c.2-.3.6-.3.8 0l3.4 3.6c.3.3.9 0 .8-.5l-1.3-4.4c-.1-.2 0-.4.2-.5l3.5-2.3c.4-.2.2-.8-.3-.8z"/></symbol><symbol viewBox="0 0 24 24" id="link"><path d="M12.4 16.7c-.3-.1-.4-.1-.7-.1-.2-.1-.4-.1-.6-.2-.1-.1-.3 0-.4.1l-.1.1c-.9.9-2.3 1-3.2.2-1-.9-1.1-2.4-.1-3.4l2.3-2.3c.2-.3.6-.5 1-.6.5-.1 1-.1 1.4.1.3.2.6.3.8.5.1.2.2.3.3.4.1.2.4.3.5.1l.9-.8c.1-.1.1-.3 0-.5-.1-.1-.3-.3-.4-.5-.2-.2-.5-.4-.7-.5-.5-.3-.9-.5-1.4-.6-1-.2-2 0-2.8.4-.4.2-.7.5-1 .7L6 12c-1.6 1.6-1.7 4.2-.2 5.8 1.6 1.8 4.3 1.8 6 .2l.7-.8c.3-.2.1-.5-.1-.5zm5.5-10.8c-1.7-1.5-4.2-1.4-5.8.2l-.7.6c-.2.2-.1.6.2.6.4 0 .9.1 1.3.3.1 0 .3 0 .3-.1l.2-.2c.9-.8 2.2-.9 3.2-.1 1 .9 1 2.4.1 3.3l-2.3 2.3c-.3.3-.6.5-1 .6-.5.1-1 .1-1.4-.1-.3-.1-.6-.3-.8-.5-.1-.1-.2-.2-.3-.4-.1-.2-.4-.2-.6 0l-.8.8c-.1.1-.1.3 0 .5.1.1.2.3.4.4.2.3.4.4.7.6.4.3.9.4 1.4.5.9.2 1.9.1 2.8-.4.3-.2.7-.4.9-.7l2.3-2.3c1.6-1.6 1.6-4.3-.1-5.9z"/></symbol><symbol viewBox="0 0 24 24" id="log_a_call"><path d="M16.7 4.8h-9c-.8 0-1.5.7-1.5 1.4v.5h-.4c-.6 0-1 .5-1 1s.4.9 1 .9h.4V11h-.4c-.6 0-1 .5-1 1s.4 1 1 1h.4v2.4h-.4c-.6 0-1 .4-1 .9s.4 1 1 1h.4v.5c0 .7.7 1.4 1.5 1.4h9c.8 0 1.5-.7 1.5-1.5V6.2c0-.8-.7-1.4-1.5-1.4zm-.8 9.7l-.7.6c-.2.2-.4.3-.6.3-1.5-.1-3-.9-4.1-1.9-1-1-1.8-2.5-1.8-4.1 0-.2 0-.4.2-.6l.7-.6c.3-.4.8-.3 1.1 0l.6.8c.2.3.2.6 0 .9l-.5.8c-.1.1-.1.2 0 .3l1.1 1.2 1.2 1.1c.1.1.2.1.3 0l.8-.5c.2-.2.6-.2.9 0l.8.6c.3.2.3.8 0 1.1z"/></symbol><symbol viewBox="0 0 24 24" id="marketing_actions"><path d="M11.4 6.2c-1.2.1-2.2 1.1-2.3 2.3.1-1.2 1.1-2.2 2.3-2.3zm2.5 2.3c-.1-1.2-1-2.2-2.3-2.3 1.3.1 2.3 1.1 2.3 2.3zm1.4 4.7l-2.5-.9c-.2-.1-.3-.2-.3-.4V8.6c0-.5-.4-.9-.9-.9h-.1c-.5 0-.9.4-.9.9V15c0 .6-.7.8-1 .3L9 14c-.4-.6-1.1-.7-1.7-.3L7 14l2 4.9c.1.2.3.3.6.3H15c.2 0 .5-.2.5-.4l1-3.5c.2-.9-.3-1.8-1.2-2.1zm-6.2-2.1V8.5c.1-1.2 1.1-2.2 2.3-2.3h.2c1.3.1 2.2 1.1 2.3 2.3v2.6c0 .2.3.3.4.2.7-.7 1.1-1.7 1.1-2.7 0-2.2-2-4-4.2-3.8C9.4 5 8 6.3 7.7 8c-.2 1.2.2 2.4 1 3.3.2.1.4 0 .4-.2z"/></symbol><symbol viewBox="0 0 24 24" id="merge"><path d="M16.9 17.4c-1.7-.8-2.9-2.3-3.5-3.9-.2-.6-.3-1.3-.4-1.9v-1.1h3.2c.3 0 .5-.3.3-.5l-4.3-5.1c-.1-.2-.4-.2-.6 0L7.5 10c-.2.2 0 .5.2.5H11v1.1c-.1.6-.2 1.3-.4 1.9-.7 1.6-1.8 3.1-3.5 3.9-.3.1-.4.4-.3.6l.4.9c.1.3.4.4.7.2 1.8-.8 3.2-2.2 4.1-3.9.9 1.7 2.3 3.1 4.2 3.9.2.1.5.1.6-.2l.4-.9c.1-.2 0-.5-.3-.6z"/></symbol><symbol viewBox="0 0 24 24" id="metrics"><path d="M17.3 5.3H6.7c-.8 0-1.4.6-1.4 1.4v10.6c0 .8.6 1.4 1.4 1.4h10.6c.8 0 1.4-.6 1.4-1.4V6.7c0-.8-.6-1.4-1.4-1.4zM9.1 15.8c0 .3-.2.5-.5.5h-.4c-.3 0-.5-.2-.5-.5v-2.6c0-.3.2-.5.5-.5h.4c.3 0 .5.2.5.5v2.6zm2.4 0c0 .3-.2.5-.5.5h-.4c-.3 0-.5-.2-.5-.5V9.6c0-.3.2-.5.5-.5h.4c.3 0 .5.2.5.5v6.2zm2.4 0c0 .3-.2.5-.5.5H13c-.3 0-.5-.2-.5-.5V8.2c0-.3.2-.5.5-.5h.4c.3 0 .5.2.5.5v7.6zm2.4 0c0 .3-.2.5-.5.5h-.4c-.3 0-.5-.2-.5-.5v-4.5c0-.3.2-.5.5-.5h.4c.3 0 .5.2.5.5v4.5z"/></symbol><symbol viewBox="0 0 24 24" id="news"><path d="M18.8 6.5H7.4c-.2 0-.4.1-.4.4v8.4c0 .3-.3.6-.6.6-.3-.1-.5-.3-.5-.6V9.2c0-.1-.1-.2-.3-.2h-.4c-.2 0-.4.1-.4.4v7c0 .6.5 1.1 1.1 1.1h12.2c.6 0 1.1-.5 1.1-1.1V6.9c0-.3-.2-.4-.4-.4zm-6.2 8c0 .2-.2.3-.3.3H9c-.2 0-.3-.1-.3-.3v-.6c0-.1.1-.2.3-.2h3.3c.1 0 .3.1.3.2v.6zm0-2.2c0 .2-.2.3-.3.3H9c-.2 0-.3-.1-.3-.3v-.6c0-.1.1-.3.3-.3h3.3c.1 0 .3.2.3.3v.6zm4.9 2.2c0 .2-.1.3-.2.3h-3.4c-.1 0-.2-.1-.2-.3v-.6c0-.1.1-.2.2-.2h3.4c.1 0 .2.1.2.2v.6zm0-2.2c0 .2-.1.3-.2.3h-3.4c-.1 0-.2-.1-.2-.3v-.6c0-.1.1-.3.2-.3h3.4c.1 0 .2.2.2.3v.6zm0-2.2c0 .1-.1.2-.2.2H9c-.2 0-.3-.1-.3-.2V8.4c0-.2.1-.3.3-.3h8.3c.1 0 .2.1.2.3v1.7z"/></symbol><symbol viewBox="0 0 24 24" id="note"><path d="M17.1 16.1l-.3.2c-.2.3-.6.5-1.1.5H15c-.8 0-1.6-.6-1.6-1.6v-.7c0-.6.3-1 .5-1.2l3.2-3.2c.1-.1.2-.3.2-.4V7.2c0-.8-.7-1.4-1.5-1.4H8.2c-.8 0-1.5.7-1.5 1.4h-.5c-.5 0-.9.4-.9 1s.4.9.9.9h.5V11h-.5c-.5 0-.9.5-.9 1s.4 1 .9 1h.5v1.9h-.5c-.5 0-.9.4-.9.9s.4 1 .9 1h.5c0 1 .7 1.4 1.5 1.4h7.6c.8 0 1.5-.6 1.5-1.4v-.6c0-.2-.1-.2-.2-.1zm-2.5-6.7c0 .2-.2.4-.4.4H9.4c-.3 0-.5-.2-.5-.4v-.5c0-.3.2-.5.5-.5h4.8c.2 0 .4.2.4.5v.5zm-2.1 5.7c0 .3-.2.5-.5.5H9.4c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4H12c.3 0 .5.2.5.4v.5zm.7-2.9c0 .3-.2.5-.5.5H9.4c-.3 0-.5-.2-.5-.5v-.4c0-.3.2-.5.5-.5h3.3c.3 0 .5.2.5.5v.4zm6.3-1.3l-.3-.2c-.1-.2-.4-.2-.6 0l-3.7 3.7v.8c0 .1 0 .2.1.2h.7c.1 0 .1-.1.1-.1l3.7-3.7c.2-.2.2-.5 0-.7z" /></symbol><symbol viewBox="0 0 24 24" id="opportunity"><path d="M17.1 16.6H6.9c-.2 0-.4.2-.4.4 0 .8.6 1.5 1.4 1.5h8.2c.8 0 1.4-.7 1.4-1.5 0-.2-.2-.4-.4-.4zm1.1-9.9c-.8 0-1.4.7-1.4 1.5 0 .4.2.8.5 1.1-.4.9-1.3 1.5-2.4 1.5-1.3-.1-2.3-1.1-2.4-2.4v-.6c.6-.2.9-.7.9-1.3 0-.8-.6-1.5-1.4-1.5s-1.4.7-1.4 1.5c0 .6.3 1.1.9 1.3v.6c-.1 1.3-1.1 2.3-2.4 2.4-1.1.1-2-.6-2.4-1.5.3-.3.5-.7.5-1.1 0-.8-.6-1.5-1.4-1.5s-1.5.7-1.5 1.5.7 1.4 1.5 1.4l.6 5.1c.1.3.2.4.5.4h10.2c.2 0 .4-.1.5-.4l.6-5.1c.8 0 1.5-.6 1.5-1.4s-.7-1.5-1.5-1.5z"/></symbol><symbol viewBox="0 0 24 24" id="orders"><path d="M18.9 14.9l-.9-.4c-.1-.1-.2-.1-.4 0l-5.1 2.4c-.3.2-.7.2-1 0l-5.1-2.4c-.2-.1-.3-.1-.4 0l-.9.4c-.4.2-.4.7 0 .9l6.4 3c.3.2.7.2 1 0l6.4-3c.4-.2.4-.7 0-.9zm0-3.4l-.9-.4h-.4l-5.1 2.5c-.3.1-.7.1-1 0l-5.1-2.5H6l-.9.4c-.4.2-.4.7 0 .9l6.4 3.1c.3.1.7.1 1 0l6.4-3c.4-.2.4-.8 0-1zM5.1 9.1l6.4 3c.3.2.7.2 1 0l6.4-3c.4-.2.4-.7 0-.9l-6.4-3.1c-.3-.1-.7-.1-1 0L5.1 8.2c-.4.2-.4.7 0 .9z"/></symbol><symbol viewBox="0 0 24 24" id="people"><path d="M19.2 17.1v.7c0 .8-.6 1.4-1.4 1.4H6.2c-.8 0-1.4-.6-1.4-1.4v-.7c0-1.8 2-2.8 4-3.7 0 0 .1 0 .2-.1.1 0 .3 0 .4.1.8.5 1.7.8 2.6.8.9 0 1.8-.3 2.6-.8.1-.1.3-.1.4 0 .1 0 .2 0 .2.1 2 .8 4 1.8 4 3.6z"/><ellipse cx="12" cy="8.76" rx="3.576" ry="3.96"/></symbol><symbol viewBox="0 0 24 24" id="performance"><path d="M7.2 4.8h-.5c-.8 0-1.4.7-1.4 1.4v11.6c0 .7.6 1.4 1.4 1.4h.5c.3 0 .5-.2.5-.5V5.3c0-.3-.2-.5-.5-.5zm10.1 0H9.6c-.3 0-.5.2-.5.5v13.4c0 .3.2.5.5.5h7.7c.8 0 1.4-.6 1.4-1.4V6.2c0-.8-.6-1.4-1.4-1.4zm-.5 6.4l-1.3 1.3v.1l.2 1.8c.1.2-.1.3-.2.2l-1.5-.8c-.1-.1-.1-.1-.2 0l-1.5.8c-.2.1-.3 0-.3-.2l.3-1.8v-.1L11 11.2c-.1-.1 0-.2.1-.2l1.7-.3c.1 0 .1 0 .2-.1l.7-1.6c.1-.2.2-.2.3 0l.8 1.6c0 .1 0 .1.1.1l1.7.3c.2 0 .2.1.2.2z"/></symbol><symbol viewBox="0 0 24 24" id="person_account"><path d="M16.7 14.2c-.9-.4-1-.7-1-1.1 0-.4.2-.7.5-1 .5-.4.8-1.1.8-1.8 0-1.4-.9-2.6-2.5-2.6s-2.4 1.2-2.4 2.6c0 .7.3 1.4.8 1.8.3.3.5.6.5 1s-.1.7-1 1.1c-1.3.5-2.5 1.2-2.5 2.3 0 .8.6 1.5 1.3 1.5h6.7c.7 0 1.3-.7 1.3-1.5 0-1.1-1.2-1.8-2.5-2.3zm-5.8 1.1"/><path d="M11.2 12.3c-.1-.1-.6-.7-.5-2.3 0-1.6.7-2 .7-2V6.5c0-.3-.3-.5-.5-.5H5.3s-.5.2-.5.5v10.4H8c.1-2.6 3.2-3.7 3.2-3.7.4-.2.1-.7 0-.9zm-3.8 3.3c0 .3-.2.5-.5.5h-.5c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h.5c.3 0 .5.2.5.4v.5zm0-2.4c0 .3-.2.5-.5.5h-.5c-.3 0-.5-.2-.5-.5v-.4c0-.3.2-.5.5-.5h.5c.3 0 .5.2.5.5v.4zm0-2.3c0 .2-.2.5-.5.5h-.5c-.3 0-.5-.3-.5-.5v-.5c0-.3.2-.5.5-.5h.5c.3 0 .5.2.5.5v.5zm0-2.4c0 .3-.2.5-.5.5h-.5c-.3 0-.5-.2-.5-.5V8c0-.2.2-.5.5-.5h.5c.3 0 .5.3.5.5v.5zm2.7 4.7c0 .3-.3.5-.5.5h-.5c-.3 0-.5-.2-.5-.5v-.4c0-.3.2-.5.5-.5h.5c.2 0 .5.2.5.5v.4zm0-2.3c0 .2-.3.5-.5.5h-.5c-.3 0-.5-.3-.5-.5v-.5c0-.3.2-.5.5-.5h.5c.2 0 .5.2.5.5v.5zm0-2.4c0 .3-.3.5-.5.5h-.5c-.3 0-.5-.2-.5-.5V8c0-.2.2-.5.5-.5h.5c.2 0 .5.3.5.5v.5z"/></symbol><symbol viewBox="0 0 24 24" id="photo"><path d="M8.6 7.4h6.8c.2 0 .3-.2.2-.3l-.8-1.2c-.3-.5-.8-.8-1.3-.8h-3c-.5 0-1 .3-1.3.8l-.8 1.2c-.1.1 0 .3.2.3zm3.4 4.4c-1.1 0-1.9.8-1.9 1.9s.8 1.9 1.9 1.9 1.9-.9 1.9-1.9-.8-1.9-1.9-1.9zm5.8-2.9H6.2c-.8 0-1.4.6-1.4 1.4V17c0 .8.6 1.5 1.4 1.5h11.6c.8 0 1.4-.7 1.4-1.5v-6.7c0-.8-.6-1.4-1.4-1.4zM12 17c-1.8 0-3.4-1.5-3.4-3.3s1.6-3.4 3.4-3.4 3.4 1.5 3.4 3.4S13.8 17 12 17z"/></symbol><symbol viewBox="0 0 24 24" id="poll"><path d="M18.2 4.8H5.8c-.6 0-1 .4-1 1v1.9c0 .5.4.9 1 .9h12.4c.6 0 1-.4 1-.9V5.8c0-.6-.4-1-1-1zm-6 2.9V5.8h6v1.9h-6zm6 2.4H5.8c-.6 0-1 .4-1 .9v2c0 .5.4.9 1 .9h12.4c.6 0 1-.4 1-.9v-2c0-.5-.4-.9-1-.9zM10.1 13v-2h8.1v2h-8.1zm8.1 2.4H5.8c-.6 0-1 .4-1 .9v1.9c0 .6.4 1 1 1h12.4c.6 0 1-.4 1-1v-1.9c0-.5-.4-.9-1-.9zm-3.8 2.8v-1.9h3.8v1.9h-3.8z"/></symbol><symbol viewBox="0 0 24 24" id="portal"><path d="M17.3 5.3H6.7c-.8 0-1.4.6-1.4 1.4v10.6c0 .8.6 1.4 1.4 1.4h10.6c.8 0 1.4-.6 1.4-1.4V6.7c0-.8-.6-1.4-1.4-1.4zM14.2 15c0 .3-.2.6-.5.6h-3.4c-.3 0-.5-.3-.4-.6l.7-2.6c-.7-.5-1.1-1.5-1-2.5.2-1 1-1.7 1.9-1.9 1.6-.3 2.9.9 2.9 2.4 0 .8-.4 1.5-1 2l.8 2.6z"/></symbol><symbol viewBox="0 0 24 24" id="post"><path d="M11.8 5.2c-4 0-7.2 3-7.2 6.7 0 1.2.3 2.3.9 3.3.1.1.1.3.1.4l-.7 2.1c-.1.4.2.8.6.6l2.1-.7c.2-.1.3 0 .4 0 1.1.7 2.4 1 3.8 1 4 0 7.2-3 7.2-6.7s-3.2-6.7-7.2-6.7z"/></symbol><symbol viewBox="0 0 24 24" id="pricebook"><path d="M17.2 4.8h-9c-.8 0-1.5.7-1.5 1.4v.5h-.5c-.5 0-.9.5-.9 1s.4.9.9.9h.5V11h-.5c-.5 0-.9.5-.9 1s.4 1 .9 1h.5v2.4h-.5c-.5 0-.9.4-.9.9s.4 1 .9 1h.5v.4c0 .7.7 1.5 1.5 1.5h9c.8 0 1.5-.8 1.5-1.6V6.1c0-.8-.7-1.3-1.5-1.3zm-6.9 9.8c0 .2-.1.3-.2.3h-1c-.1 0-.2-.1-.2-.3V9.4c0-.2.1-.3.2-.3h1c.1 0 .2.1.2.3v5.2zm1.9 0c0 .2-.1.3-.2.3h-.5c-.1 0-.2-.1-.2-.3V9.4c0-.2.1-.3.2-.3h.5c.1 0 .2.1.2.3v5.2zm2.4 0c0 .2-.1.3-.2.3h-1c-.1 0-.2-.1-.2-.3V9.4c0-.2.1-.3.2-.3h1c.1 0 .2.1.2.3v5.2zm2 0c0 .2-.1.3-.3.3h-.5c-.1 0-.2-.1-.2-.3V9.4c0-.2.1-.3.2-.3h.5c.2 0 .3.1.3.3v5.2z"/></symbol><symbol viewBox="0 0 24 24" id="process"><path d="M9 11.1l2.6-3.2c.2-.2.6-.2.8 0l2.6 3.2c0 .1.2.2.3.2h2.9c.3 0 .5-.2.5-.5V6.7c0-.8-.6-1.4-1.4-1.4H6.7c-.8 0-1.4.6-1.4 1.4v4.1c0 .3.2.5.5.5h2.8c.2 0 .3-.1.4-.2zm6 1.8l-2.6 3.2c-.2.2-.6.2-.8 0L9 12.9c-.1-.1-.2-.2-.4-.2H5.8c-.3 0-.5.2-.5.5v4.1c0 .8.6 1.4 1.4 1.4h10.6c.8 0 1.4-.6 1.4-1.4v-4.1c0-.3-.2-.5-.5-.5h-2.9c-.1 0-.3.1-.3.2z" /></symbol><symbol viewBox="0 0 24 24" id="product"><path d="M5.3 15.8h1.2c.2 0 .5-.2.5-.4V7.9c0-.2-.3-.5-.5-.5H5.3c-.3 0-.5.3-.5.5v7.5c0 .2.2.4.5.4zm13.4-8.4h-1.2c-.2 0-.5.3-.5.5v7.5c0 .2.3.4.5.4h1.2c.3 0 .5-.2.5-.4V7.9c0-.2-.2-.5-.5-.5zm-6 8.4c.3 0 .5-.2.5-.4V7.9c0-.2-.2-.5-.5-.5h-1.4c-.3 0-.5.3-.5.5v7.5c0 .2.2.4.5.4h1.4zm2.9 0c.3 0 .5-.2.5-.4V7.9c0-.2-.2-.5-.5-.5h-.5c-.2 0-.5.3-.5.5v7.5c0 .2.3.4.5.4h.5zm-6.2 0c.2 0 .4-.2.4-.4V7.9c0-.2-.2-.5-.4-.5h-.5c-.3 0-.5.3-.5.5v7.5c0 .2.2.4.5.4h.5zm9.3 1.5H5.3c-.3 0-.5.2-.5.5v.4c0 .3.2.5.5.5h13.4c.3 0 .5-.2.5-.5v-.4c0-.3-.2-.5-.5-.5zm0-12.5H5.3c-.3 0-.5.2-.5.5v.5c0 .2.2.4.5.4h13.4c.3 0 .5-.2.5-.4v-.5c0-.3-.2-.5-.5-.5z"/></symbol><symbol viewBox="0 0 24 24" id="question_best"><title/><g ><path d="M24 24v-9.1L14.9 24H24zm-.9-3.5l-.8.8v.1l.2 1.1s-.1.1-.2.1l-.9-.5c0-.1 0-.1 0 0l-1 .5c-.1 0-.1-.1-.1-.1l.1-1.1v-.1l-.7-.8c-.1 0 0-.1 0-.1l1.1-.2.5-1c0-.1.1-.1.2 0l.4 1h.1l1 .2c.1 0 .1.1.1.1z" fill-opacity=".65"/><path d="M12 5.3c-4 0-7.2 3-7.2 6.7 0 1.2.3 2.3.9 3.3.1.1.1.3 0 .4l-.6 2.1c-.2.4.2.7.6.6l2.1-.7c.1-.1.3-.1.4 0 1.1.7 2.4 1 3.8 1 4 0 7.2-3 7.2-6.7S16 5.3 12 5.3zm.7 10.8c0 .2-.2.5-.5.5h-.5c-.2 0-.4-.3-.4-.5v-.5c0-.3.2-.5.4-.5h.5c.3 0 .5.2.5.5v.5zm.2-3.1c-.1.1-.2.2-.2.3v.4c0 .2-.2.5-.5.5h-.4c-.3 0-.5-.3-.5-.5v-.4c0-.7.5-1.4 1.2-1.6.2-.1.5-.3.6-.5.8-1 0-2.3-1.1-2.3-.4 0-.7.1-1 .4-.2.2-.4.4-.4.7-.1.2-.3.3-.5.3h-.5c-.3 0-.5-.2-.5-.5.2-.6.4-1.1.9-1.5.5-.6 1.3-.9 2-.9 1.6.1 2.8 1.3 2.9 2.8 0 1.3-.8 2.4-2 2.8z"/></g></symbol><symbol viewBox="0 0 24 24" id="question_feed"><path d="M12 5.3c-4 0-7.2 3-7.2 6.7 0 1.2.3 2.3.9 3.3.1.1.1.3.1.4l-.7 2.1c-.1.4.2.7.6.6l2.1-.7c.2-.1.3-.1.4 0 1.1.7 2.4 1 3.8 1 4 0 7.2-3 7.2-6.7S16 5.3 12 5.3zm.7 10.8c0 .2-.2.5-.5.5h-.4c-.3 0-.5-.3-.5-.5v-.5c0-.3.2-.5.5-.5h.4c.3 0 .5.2.5.5v.5zm.2-3.1c-.1.1-.2.2-.2.3v.4c0 .2-.2.5-.5.5h-.4c-.3 0-.5-.3-.5-.5v-.4c0-.7.5-1.4 1.2-1.6.2-.1.5-.3.6-.5.8-1 0-2.3-1.1-2.3-.4 0-.7.1-1 .4-.2.2-.4.4-.4.7-.1.2-.3.3-.5.3h-.5c-.3 0-.5-.2-.5-.5.2-.6.4-1.1.9-1.5.5-.6 1.3-.9 2-.9 1.6.1 2.8 1.3 2.9 2.8 0 1.3-.8 2.4-2 2.8z"/></symbol><symbol viewBox="0 0 24 24" id="quotes"><path d="M17.3 5.3H12c-.3 0-.6.1-.8.4l-6.5 6.4c-.5.6-.5 1.5 0 2.1l5.1 5c.6.6 1.5.6 2.1 0l6.5-6.5c.2-.2.3-.6.3-.9V6.7c0-.8-.6-1.4-1.4-1.4zm-5.2 10.5l-.3.4c-.2.2-.5.2-.7 0l-3.3-3.3c-.2-.2-.2-.5 0-.7l.4-.3c.2-.2.4-.2.6 0l3.3 3.3c.2.2.2.4 0 .6zm1.9-1.9l-.3.4c-.2.1-.5.1-.7 0L9.7 11c-.1-.2-.1-.5 0-.7l.4-.3c.2-.2.5-.2.7 0l3.2 3.2c.2.2.2.5 0 .7zm1.4-4.1c-.7 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2 1.2.6 1.2 1.2-.6 1.2-1.2 1.2z"/></symbol><symbol viewBox="0 0 24 24" id="recent"><path d="M6.7 11.5v.5H5.3v-.5h1.4zm5.7-2.9h-.8c-.2 0-.3.2-.3.4v3.1c0 .1 0 .2.1.3l2 2c.1.2.4.2.5 0l.5-.5c.1-.1.1-.3 0-.5l-1.7-1.7V9c0-.2-.1-.4-.3-.4zM12 5.3c-3.6 0-6.5 2.7-6.7 6.2v.3H4.2c-.3 0-.5.3-.3.5l1.8 2.2c.2.2.4.2.6 0l1.8-2.2c.2-.2 0-.5-.3-.5H6.7v-.3C7 8.8 9.2 6.7 12 6.7c3.1 0 5.6 2.7 5.2 5.9-.2 2.3-2.4 4.4-4.7 4.7-1.7.1-3.3-.5-4.4-1.7-.2-.2-.3-.3-.5 0l-.6.6c-.1.2 0 .3.1.4 1.3 1.4 3.1 2.1 5 2.1 3.4 0 6.3-2.8 6.6-6.2.3-3.9-2.8-7.2-6.7-7.2z"/></symbol><symbol viewBox="0 0 24 24" id="record"><path d="M9.4 7.7h5.2c.3 0 .5-.2.5-.5v-1c0-.8-.6-1.4-1.4-1.4h-3.4c-.8 0-1.4.6-1.4 1.4v1c0 .3.2.5.5.5zM17.3 6h-.5c-.1 0-.2.1-.2.2v1c0 1.1-.9 1.9-2 1.9H9.4c-1.1 0-2-.8-2-1.9v-1c0-.1-.1-.2-.2-.2h-.5c-.8 0-1.4.6-1.4 1.4v10.4c0 .8.6 1.4 1.4 1.4h10.6c.8 0 1.4-.6 1.4-1.4V7.4c0-.8-.6-1.4-1.4-1.4zM9.4 16.3c0 .3-.3.5-.5.5h-.5c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h.5c.2 0 .5.2.5.4v.5zm0-2.4c0 .3-.3.5-.5.5h-.5c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h.5c.2 0 .5.2.5.4v.5zm0-2.4c0 .3-.3.5-.5.5h-.5c-.3 0-.5-.2-.5-.5V11c0-.2.2-.4.5-.4h.5c.2 0 .5.2.5.4v.5zm6.7 4.8c0 .3-.2.5-.5.5h-4.8c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h4.8c.3 0 .5.2.5.4v.5zm0-2.4c0 .3-.2.5-.5.5h-4.8c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h4.8c.3 0 .5.2.5.4v.5zm0-2.4c0 .3-.2.5-.5.5h-4.8c-.3 0-.5-.2-.5-.5V11c0-.2.2-.4.5-.4h4.8c.3 0 .5.2.5.4v.5z"/></symbol><symbol viewBox="0 0 24 24" id="related_list"><path d="M17.8 4.8h-7.7c-.8 0-1.5.6-1.5 1.4v.3c0 .1.1.2.3.2h6.9c.8 0 1.5.7 1.5 1.5v7.4c0 .1.1.2.2.2.9 0 1.7-.7 1.7-1.6v-8c0-.8-.6-1.4-1.4-1.4zM6.7 8.2c-.8 0-1.4.6-1.4 1.4v8.2c0 .8.6 1.4 1.4 1.4h7.7c.8 0 1.4-.6 1.4-1.4V9.6c0-.8-.6-1.4-1.4-1.4H6.7zm1.9 3.3c0 .3-.2.5-.4.5h-.5c-.3 0-.5-.2-.5-.5V11c0-.2.2-.4.5-.4h.5c.2 0 .4.2.4.4v.5zm5.3 0c0 .3-.2.5-.5.5h-3.3c-.3 0-.5-.2-.5-.5V11c0-.2.2-.4.5-.4h3.3c.3 0 .5.2.5.4v.5zm-5.3 2.4c0 .3-.2.5-.4.5h-.5c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h.5c.2 0 .4.2.4.4v.5zm5.3 0c0 .3-.2.5-.5.5h-3.3c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h3.3c.3 0 .5.2.5.4v.5zm-5.3 2.4c0 .3-.2.5-.4.5h-.5c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h.5c.2 0 .4.2.4.4v.5zm5.3 0c0 .3-.2.5-.5.5h-3.3c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h3.3c.3 0 .5.2.5.4v.5z"/></symbol><symbol viewBox="0 0 24 24" id="relationship"><path d="M17.1 16.8h-.9V15h.9c.2 0 .3-.1.3-.3V6.9c0-.2-.1-.3-.3-.3H9.3c-.2 0-.3.1-.3.3v.9H7.2v-.9c0-1.2.9-2.1 2.1-2.1h7.8c1.2 0 2.1.9 2.1 2.1v7.8c0 1.2-.9 2.1-2.1 2.1zM13.8 9H6c-.7 0-1.2.5-1.2 1.2V18c0 .7.5 1.2 1.2 1.2h7.8c.7 0 1.2-.5 1.2-1.2v-7.8c0-.7-.5-1.2-1.2-1.2z" /></symbol><symbol viewBox="0 0 24 24" id="report"><path d="M9.4 7.7h5.2c.3 0 .5-.2.5-.5v-1c0-.8-.6-1.4-1.4-1.4h-3.4c-.8 0-1.4.6-1.4 1.4v1c0 .3.2.5.5.5zM17.3 6h-.5c-.1 0-.2.1-.2.2v1c0 1.1-.9 1.9-2 1.9H9.4c-1.1 0-2-.8-2-1.9v-1c0-.1-.1-.2-.2-.2h-.5c-.8 0-1.4.6-1.4 1.4v10.4c0 .8.6 1.4 1.4 1.4h10.6c.8 0 1.4-.6 1.4-1.4V7.4c0-.8-.6-1.4-1.4-1.4zm-7 9.8c0 .3-.2.5-.5.5h-.4c-.3 0-.5-.2-.5-.5v-2.4c0-.2.2-.4.5-.4h.4c.3 0 .5.2.5.4v2.4zm2.4 0c0 .3-.2.5-.5.5h-.4c-.3 0-.5-.2-.5-.5v-4.5c0-.3.2-.5.5-.5h.4c.3 0 .5.2.5.5v4.5zm2.4 0c0 .3-.2.5-.5.5h-.4c-.3 0-.5-.2-.5-.5v-3.6c0-.2.2-.4.5-.4h.4c.3 0 .5.2.5.4v3.6z"/></symbol><symbol viewBox="0 0 24 24" id="reward"><path d="M11.2 15.2l-2.8 4-.7-1.9H5.8l2.4-3.4c.5.3 1 .4 1.4.5h.3s.2.1.2.2c.3.2.7.5 1.1.6zm4.6-1.3c-.5.3-1 .4-1.4.5h-.3c-.1 0-.2.1-.3.2-.2.2-.6.5-1 .6l2.8 4 .7-1.9h1.9l-2.4-3.4zM12 7.7c-.9 0-1.7.7-1.7 1.7S11.1 11 12 11s1.7-.7 1.7-1.6-.8-1.7-1.7-1.7zm4.6 1.7c0 .5-.7 1-.9 1.5-.2.5-.1 1.3-.5 1.7-.4.4-1.1.3-1.7.5-.5.2-.9.8-1.5.8s-1-.6-1.5-.8c-.6-.2-1.3-.1-1.7-.5-.4-.4-.3-1.2-.5-1.7s-.9-1-.9-1.5c0-.6.7-1.1.9-1.6.2-.5.1-1.3.5-1.7.4-.3 1.1-.2 1.7-.5.5-.2.9-.8 1.5-.8s1 .6 1.5.8c.6.3 1.3.1 1.7.5.4.4.3 1.2.5 1.7s.9 1 .9 1.6zm-1.5 0c0-1.8-1.4-3.2-3.1-3.2S8.9 7.6 8.9 9.4s1.4 3.1 3.1 3.1 3.1-1.4 3.1-3.1z"/></symbol><symbol viewBox="0 0 24 24" id="sales_path"><path d="M3.6 16.4l3.5-4.2c.1-.1.1-.3 0-.5l-3.5-4v-.2c0-.1.1-.2.2-.2h5c.2 0 .3 0 .3.1l3.6 4.4c.1.1.1.3 0 .5l-3.5 4.3c-.1.1-.2.2-.4.2H3.9c-.2 0-.3-.1-.3-.3v-.1zm7.6 0l3.4-4.2c.1-.1.1-.3 0-.5l-3.4-4v-.2c0-.1.1-.2.2-.2h5c.1 0 .2 0 .3.1l3.6 4.4c.1.1.1.3 0 .5l-3.6 4.3c0 .1-.2.2-.3.2h-5c-.1 0-.2-.1-.2-.3v-.1z"/></symbol><symbol viewBox="0 0 24 24" id="scan_card"><path d="M17.8 7.2H6.2c-.8 0-1.4.6-1.4 1.4v6.8c0 .8.6 1.4 1.4 1.4h11.6c.8 0 1.4-.6 1.4-1.4V8.6c0-.8-.6-1.4-1.4-1.4zM6 12.7c-.4 0-.7-.3-.7-.7s.3-.7.7-.7.7.3.7.7-.3.7-.7.7zm11.3 2.2c0 .2-.2.5-.5.5H7.7c-.3 0-.5-.3-.5-.5V9.1c0-.2.2-.5.5-.5h9.1c.3 0 .5.3.5.5v5.8zm-1.9-4.8H9.1c-.2 0-.5.2-.5.5v2.8c0 .3.3.5.5.5h6.3c.2 0 .4-.2.4-.5v-2.8c0-.3-.2-.5-.4-.5z"/></symbol><symbol viewBox="0 0 24 24" id="service_contract"><path d="M16.6 6.9l-3.2-3.1c-.1-.1-.1-.1-.2-.1-.2 0-.4.1-.4.3v2.6c0 .5.5.9 1 .9h2.5c.2 0 .4-.1.4-.3 0-.1 0-.2-.1-.3zm.1 2.5c0-.2-.2-.4-.5-.4h-3.4c-.8 0-1.4-.7-1.4-1.5V4.2c0-.3-.2-.5-.5-.5H6.1c-.8 0-1.4.6-1.4 1.4v11.5c0 .8.6 1.5 1.4 1.5H11s.5-.3.4-.7-.1-2.2 1.1-3.6 3.1-1.4 3.4-1.4c.3 0 .8-.1.8-.5V9.4zM6.4 6.7l1.1-.2h.1l.5-1.1c.1-.1.2-.1.2 0l.6 1.1 1.2.2c.1 0 .1.1.1.2l-.9.8v.1L9.5 9s-.1.1-.2.1l-1-.6h-.1l-1.1.6C7 9.1 6.9 9 7 9l.2-1.2s0-.1-.1-.1l-.8-.8c-.1-.1 0-.2.1-.2zm4.3 8c0 .3-.2.5-.5.5H7.1c-.3 0-.5-.2-.5-.5v-.5c0-.2.2-.4.5-.4h3.1c.3 0 .5.2.5.4v.5zm2.6-2.9c0 .3-.2.5-.5.5H7.1c-.3 0-.5-.2-.5-.5v-.4c0-.3.2-.5.5-.5h5.7c.3 0 .5.2.5.5v.4zm2.6 1.7c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.5 3.4 3.5 3.4-1.6 3.4-3.5-1.5-3.4-3.4-3.4zm.6 3.7h-.3l-1.3 1.3c-.1.1-.2.1-.3.1-.1 0-.2 0-.3-.1-.1-.2-.1-.4 0-.6l1.3-1.3v-.3c0-.6.4-1.1 1-1.1h.3c.1 0 .1.1 0 .1l-.5.6c-.1 0-.1.1 0 .2l.4.4h.1l.6-.6h.1c0 .1.1.2.1.3-.1.6-.6 1.1-1.2 1z" /></symbol><symbol viewBox="0 0 24 24" id="skill_entity"><path d="M18.6 13.4l-1.8-2.6v-.2c0-3.2-2.6-5.8-5.8-5.8-.4 0-.9 0-1.3.2-2.6.5-4.4 2.9-4.4 5.6 0 1.1.3 2.2.8 3 1.1 1.4 1.7 2.6 1.3 4.2-.1.3 0 .7.2 1 .2.3.6.4.9.4h4.7c.6 0 1.1-.4 1.2-.9V18c.1-.3.3-.5.6-.5h.3c.6 0 1-.3 1.2-.8.1-.5.3-1.3.3-2.3h1.3c.2 0 .4-.2.5-.4.1-.2.1-.5 0-.6zm-3.9-3.3c-.2.3-.5.5-1.1.5-2.9 0-3.2 2.1-3.2 3.2 0 .4-.3.8-.8.8h-.1c-.4 0-.7-.2-.8-.7-.1-.4-.4-.6-.7-.8-.2-.2-.4-.3-.5-.5-.3-.6-.5-1.2-.5-2.1C7 8.7 8.3 7 10 6.6c.4 0 .7-.1 1-.1 1.6 0 3.1 1 3.7 2.5.1 0 .3.6 0 1.1z"/></symbol><symbol viewBox="0 0 24 24" id="social"><path d="M16.8 13.7c-1.2 0-2.1.8-2.4 1.9h-3.1c-.2 0-.3.1-.3.3V16.8c-.1.1.1.2.2.2h3.4c.4.9 1.2 1.5 2.2 1.5 1.3 0 2.4-1.1 2.4-2.4s-1.1-2.4-2.4-2.4zm-6.4-2.8c-.3-.1-.6-.3-.8-.5-.1-.1-.3 0-.4.1l-1.7 3.2h-.3c-1.3 0-2.4 1.1-2.4 2.4s1.1 2.4 2.4 2.4 2.4-1.1 2.4-2.4c0-.7-.3-1.3-.7-1.8l1.6-3c.1-.2 0-.3-.1-.4zM12 9.8c.2 0 .5 0 .7-.1l1.6 3.1c.1.1.2.2.4.1.2-.2.5-.3.8-.4.1-.1.2-.2.1-.4l-1.7-3.2c.3-.4.5-.9.5-1.5C14.4 6.1 13.3 5 12 5S9.6 6.1 9.6 7.4s1.1 2.4 2.4 2.4z"/></symbol><symbol viewBox="0 0 24 24" id="solution"><path d="M11.4 4.8C9.1 5.1 7.2 6.9 7 9.2c-.2 1.7.6 3.3 1.8 4.2.3.3.6.8.6 1.2 0 .7.5 1.3 1.2 1.3h2.8c.7 0 1.2-.6 1.2-1.3 0-.4.3-.9.6-1.2 1.1-.9 1.8-2.2 1.8-3.7 0-2.9-2.5-5.2-5.6-4.9zm2.8 12.5H9.8c-.2 0-.4.2-.4.5 0 .8.6 1.4 1.4 1.4h2.4c.8 0 1.4-.6 1.4-1.4 0-.3-.2-.5-.4-.5z"/></symbol><symbol viewBox="0 0 24 24" id="sossession"><path d="M11.9 4.3c-4.2.1-7.6 3.6-7.6 7.8.1 4.2 3.6 7.6 7.8 7.6 4.2-.1 7.6-3.6 7.6-7.8-.1-4.2-3.6-7.6-7.8-7.6zm0 1c1.2 0 2.2.3 3.2.8L14 7.8c-.6-.3-1.3-.5-2-.5s-1.4.2-2 .5L8.9 6.1c.9-.5 1.9-.8 3-.8zM7.8 14l-1.7 1.1c-.5-.9-.8-1.9-.8-3 0-1.2.3-2.3.8-3.2l1.7 1c-.3.7-.5 1.4-.5 2.1s.2 1.4.5 2zm4.3 4.7c-1.2 0-2.2-.3-3.2-.8l1.1-1.7c.6.3 1.3.5 2 .5s1.4-.2 2-.5l1.1 1.7c-.9.5-1.9.8-3 .8zm-.1-3c-2 0-3.7-1.7-3.7-3.7S10 8.3 12 8.3s3.7 1.7 3.7 3.7-1.7 3.7-3.7 3.7zm4.2-1.7c.3-.6.5-1.3.5-2s-.2-1.4-.5-2l1.7-1.1c.5.9.8 1.9.8 3 0 1.2-.3 2.3-.8 3.2L16.2 14z"/></symbol><symbol viewBox="0 0 24 24" id="task"><path d="M11.2 5.7l-.5-.5c-.2-.2-.4-.2-.5 0L7 8.4 5.7 7.1c-.1-.2-.3-.2-.5 0l-.5.5c-.1.1-.1.3 0 .5l1.8 1.8c.1.1.3.2.5.2s.4-.1.5-.2l3.7-3.7c.1-.1.1-.4 0-.5zm7.3 3.4h-6.3c-.2 0-.4-.2-.4-.5v-.9c0-.3.2-.5.4-.5h6.3c.2 0 .5.2.5.5v.9c0 .3-.3.5-.5.5zm0 4.3h-7.7c-.3 0-.5-.2-.5-.4v-1c0-.3.2-.5.5-.5h7.7c.2 0 .5.2.5.5v1c0 .2-.3.4-.5.4zm-10.6 0H7c-.3 0-.5-.2-.5-.4v-1c0-.3.2-.5.5-.5h.9c.3 0 .5.2.5.5v1c0 .2-.2.4-.5.4zm0 4.4H7c-.3 0-.5-.3-.5-.5v-1c0-.2.2-.5.5-.5h.9c.3 0 .5.3.5.5v1c0 .2-.2.5-.5.5zm10.6 0h-7.7c-.3 0-.5-.3-.5-.5v-1c0-.2.2-.5.5-.5h7.7c.2 0 .5.3.5.5v1c0 .2-.3.5-.5.5z"/></symbol><symbol viewBox="0 0 24 24" id="task2"><path d="M10.2 17c-.3 0-.6-.1-.8-.3l-4.5-4.5c-.1-.2-.1-.5 0-.7l.9-.8c.2-.2.5-.2.7 0l3.7 3.7 7.3-7.3c.2-.2.5-.2.7 0l.9.9c.1.2.1.4 0 .6L11 16.7c-.2.2-.5.3-.8.3z"/></symbol><symbol viewBox="0 0 24 24" id="team_member"><path d="M13.7 10.6h-2.9c-.8 0-1.4.6-1.4 1.4v2.2c0 .2.1.5.2.6.2.2.5.3.7.3v2.2c0 .8.7 1.4 1.5 1.4h.9c.8 0 1.5-.6 1.5-1.4v-2.2c.2 0 .5-.1.6-.3.2-.1.3-.4.3-.6V12c0-.8-.6-1.4-1.4-1.4z"/><circle cx="12.24" cy="7.92" r="1.68"/><path d="M8.8 16c-.1 0-.1-.1-.2-.1-.4-.5-.7-1.1-.7-1.7V12c0-.8.3-1.5.8-2 .2-.1 0-.4-.2-.4H6.2c-.8 0-1.4.6-1.4 1.4v2.2c0 .3.1.5.3.7.2.1.4.3.7.3v2.1c0 .8.6 1.5 1.4 1.5h1c.2 0 .4-.1.5-.2.1 0 .2-.1.2-.2v-1.2c0-.1 0-.1-.1-.2z"/><circle cx="7.68" cy="6.96" r="1.68"/><path d="M18.2 9.6h-2.3c-.2 0-.3.2-.1.4.5.5.8 1.2.8 2v2.2c0 .6-.3 1.2-.7 1.7-.1 0-.1.1-.2.1-.1.1-.1.1-.1.2v1.2c0 .1 0 .2.1.2.2.1.4.2.6.2h1c.8 0 1.4-.7 1.4-1.5v-2.1c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7V11c0-.8-.7-1.4-1.5-1.4z"/><circle cx="16.8" cy="6.96" r="1.68"/></symbol><symbol viewBox="0 0 24 24" id="thanks"><path d="M17.8 8.4h-2.1c.6-.9.5-2.2-.2-3-.4-.4-1-.6-1.6-.6-.6 0-1.2.3-1.7.8-.1.1-.1.2-.2.3-.1-.1-.1-.2-.2-.3-.5-.5-1.1-.8-1.7-.8-.6 0-1.1.2-1.6.6-.7.8-.7 2.1-.1 3H6.2c-.8 0-1.4.6-1.4 1.4v1c0 .3.2.5.5.5h13.4c.3 0 .5-.2.5-.5v-1c0-.8-.6-1.4-1.4-1.4zm-6.5 0c-.5 0-1.2-.2-1.7-.6-.3-.4-.4-1 0-1.3.1-.2.3-.2.5-.2s.4.1.6.3c.4.4.6 1.2.6 1.7v.1zm3.1-.6c-.5.4-1.2.6-1.7.6v-.1c0-.5.2-1.3.6-1.7.2-.2.4-.4.6-.4.2 0 .4.1.5.2.3.4.3 1 0 1.4zm3.4 4.9h-5.1v6.5h4.1c.8 0 1.4-.6 1.4-1.4v-4.6c0-.3-.2-.5-.4-.5zm-12 .5v4.6c0 .8.6 1.4 1.4 1.4h4.1v-6.5H6.2c-.2 0-.4.2-.4.5z"/></symbol><symbol viewBox="0 0 24 24" id="thanks_loading"><path opacity=".5" d="M17.8 8.4h-2.1c.6-.9.5-2.2-.2-3-.4-.4-1-.6-1.6-.6-.6 0-1.2.3-1.7.8-.1.1-.1.2-.2.3-.1-.1-.1-.2-.2-.3-.5-.5-1.1-.8-1.7-.8-.6 0-1.1.2-1.6.6-.7.8-.7 2.1-.1 3H6.2c-.8 0-1.4.6-1.4 1.4v1c0 .3.2.5.5.5h13.4c.3 0 .5-.2.5-.5v-1c0-.8-.6-1.4-1.4-1.4zm-6.5 0c-.5 0-1.2-.2-1.7-.6-.3-.4-.4-1 0-1.3.1-.2.3-.2.5-.2s.4.1.6.3c.4.4.6 1.2.6 1.7v.1zm3.1-.6c-.5.4-1.2.6-1.7.6v-.1c0-.5.2-1.3.6-1.7.2-.2.4-.4.6-.4.2 0 .4.1.5.2.3.4.3 1 0 1.4zm3.4 4.9h-5.1v6.5h4.1c.8 0 1.4-.6 1.4-1.4v-4.6c0-.3-.2-.5-.4-.5zm-12 .5v4.6c0 .8.6 1.4 1.4 1.4h4.1v-6.5H6.2c-.2 0-.4.2-.4.5z"/></symbol><symbol viewBox="0 0 24 24" id="today"><path d="M12 4.8C8 4.8 4.8 8 4.8 12S8 19.2 12 19.2s7.2-3.2 7.2-7.2S16 4.8 12 4.8zm0 13c-3.2 0-5.8-2.6-5.8-5.8S8.8 6.2 12 6.2s5.8 2.6 5.8 5.8-2.6 5.8-5.8 5.8zm.7-6.1V8.6c0-.2-.2-.4-.5-.4h-.4c-.3 0-.5.2-.5.4V12c0 .2.1.4.2.5l2.3 2.3c.2.2.5.2.7 0l.3-.3c.2-.2.2-.5 0-.7l-2.1-2.1z"/></symbol><symbol viewBox="0 0 24 24" id="topic"><path d="M14.7 8.9c.1.2.2.3.4.4l.5.1c.1 0 .2 0 .3-.1l1.1-2c.3-.4.1-.6-.4-.3l-1.9 1.1c-.1.1-.2.2-.1.3l.1.5zm-6.6.4c.1.1.2.1.3.1l.5-.1c.2-.1.3-.2.4-.4l.1-.5c0-.1 0-.2-.1-.3L7.3 7c-.4-.3-.6-.1-.3.4l1.1 1.9zm7.8 5.4c-.1-.1-.2-.1-.3-.1l-.5.1c-.2.1-.3.2-.4.4l-.1.5c0 .1 0 .2.1.3l2 1.1c.4.3.6.1.3-.4l-1.1-1.9zm-6.6.4c-.1-.2-.2-.3-.4-.4l-.5-.1c-.1 0-.2 0-.3.1l-1.1 2c-.3.4-.1.6.4.3l1.9-1.1c.1-.1.2-.2.1-.3l-.1-.5zm9.5-3.3l-4.9-1.4c-.2 0-.3-.1-.3-.3l-1.4-4.9c-.1-.5-.3-.5-.5 0l-1.3 4.9c0 .2-.2.3-.3.3l-4.9 1.4c-.5.1-.5.3 0 .5l4.9 1.3c.2 0 .3.2.3.3l1.4 4.9c.1.5.3.5.5 0l1.3-4.9c0-.2.2-.3.3-.3l4.9-1.4c.5-.1.5-.3 0-.4zM12 13.2c-.7 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2 1.2.5 1.2 1.2-.5 1.2-1.2 1.2z"/></symbol><symbol viewBox="0 0 24 24" id="unmatched"><path d="M15.8 11.2c-.1-.1-.2-.2-.3-.2h-7c-.1 0-.2.1-.3.2v1.6c.1.1.2.2.3.2h7c.1 0 .2-.1.3-.2V12v-.8zM12 4.8C8 4.8 4.8 8 4.8 12S8 19.2 12 19.2s7.2-3.2 7.2-7.2S16 4.8 12 4.8zm0 12.5c-2.9 0-5.3-2.4-5.3-5.3S9.1 6.7 12 6.7s5.3 2.4 5.3 5.3-2.4 5.3-5.3 5.3z"/></symbol><symbol viewBox="0 0 24 24" id="user"><path d="M19.2 17.1v.7c0 .8-.6 1.4-1.4 1.4H6.2c-.8 0-1.4-.6-1.4-1.4v-.7c0-1.8 2-2.8 4-3.7 0 0 .1 0 .2-.1.1 0 .3 0 .4.1.8.5 1.7.8 2.6.8.9 0 1.8-.3 2.6-.8.1-.1.3-.1.4 0 .1 0 .2 0 .2.1 2 .8 4 1.8 4 3.6z"/><ellipse cx="12" cy="8.76" rx="3.576" ry="3.96"/></symbol><symbol viewBox="0 0 24 24" id="work_order"><path d="M15.6 12.5c-.8.4-1.2 1.2-1.2 1.3-.1.2-.2.2-.2.2H9.9c-.1 0-.2-.1-.2-.2-.4-.8-1.2-1.4-2.2-1.4-.9 0-1.6.4-2 1.2-.1.1-.2.1-.3 0-.3-.2-.4-.5-.4-.9 0 0-.1-2.7.8-4.2.2-.2.3-.3.5-.3h9.1c.1 0 .2 0 .3.1 0 0 1 1.5 1.2 1.6.1.2.2.3.5.3.2.1 2 .7 2 .7v1.8c0 .4-.1.7-.3.9-.1.1-.2 0-.3-.1-.4-.7-1.1-1.2-2-1.2-.4 0-.7.1-1 .2"/><ellipse cx="16.56" cy="14.664" rx="1.176" ry="1.176"/><ellipse cx="7.56" cy="14.664" rx="1.176" ry="1.176"/></symbol><symbol viewBox="0 0 24 24" id="work_order_item"><path d="M9.4 7.7h5.2c.3 0 .5-.2.5-.5v-1c0-.8-.6-1.4-1.4-1.4h-3.4c-.8 0-1.4.6-1.4 1.4v1c0 .3.2.5.5.5zM17.3 6h-.5c-.1 0-.2.1-.2.2v1c0 1.1-.9 1.9-2 1.9H9.4c-1.1 0-2-.8-2-1.9v-1c0-.1-.1-.2-.2-.2h-.5c-.8 0-1.4.6-1.4 1.4v10.4c0 .8.6 1.4 1.4 1.4h10.6c.8 0 1.4-.6 1.4-1.4V7.4c0-.8-.6-1.4-1.4-1.4zM16 11.8l-4.6 4.6c-.1.1-.2.2-.4.2s-.3-.1-.5-.2L8 13.8c-.2-.1-.2-.3 0-.4l.5-.5c.1-.1.2-.1.4 0L11 15l4.1-4.1c.1-.1.3-.1.4 0l.5.5c.1.1.1.3 0 .4z"/></symbol></svg>