@font-face {
    font-family: 'Roboto Mono Local';
    src: url('/font/RobotoMono-Italic.eot');
    src: local('Roboto Mono Italic'), local('RobotoMono-Italic'),
    url('/font/RobotoMono-Italic.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-Italic.woff2') format('woff2'),
    url('/font/RobotoMono-Italic.woff') format('woff'),
    url('/font/RobotoMono-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Local';
    src: url('/font/Roboto-Regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
    url('/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-Regular.woff2') format('woff2'),
    url('/font/Roboto-Regular.woff') format('woff'),
    url('/font/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Local';
    src: url('/font/Roboto-Light.eot');
    src: local('Roboto Light'), local('Roboto-Light'),
    url('/font/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-Light.woff2') format('woff2'),
    url('/font/Roboto-Light.woff') format('woff'),
    url('/font/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Local';
    src: local('Roboto'), local('Roboto-Medium'),
    url('/font/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Local';
    src: url('/font/Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-Bold.woff2') format('woff2'),
    url('/font/Roboto-Bold.woff') format('woff'),
    url('/font/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono Local';
    src: url('/font/RobotoMono-LightItalic.eot');
    src: local('Roboto Mono Light Italic'), local('RobotoMono-LightItalic'),
    url('/font/RobotoMono-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-LightItalic.woff2') format('woff2'),
    url('/font/RobotoMono-LightItalic.woff') format('woff'),
    url('/font/RobotoMono-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Local';
    src: url('/font/Roboto-Italic.eot');
    src: local('Roboto Italic'), local('Roboto-Italic'),
    url('/font/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-Italic.woff2') format('woff2'),
    url('/font/Roboto-Italic.woff') format('woff'),
    url('/font/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Local';
    src: url('/font/Roboto-BoldItalic.eot');
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
    url('/font/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-BoldItalic.woff2') format('woff2'),
    url('/font/Roboto-BoldItalic.woff') format('woff'),
    url('/font/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Local';
    src: url('/font/Roboto-LightItalic.eot');
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
    url('/font/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-LightItalic.woff2') format('woff2'),
    url('/font/Roboto-LightItalic.woff') format('woff'),
    url('/font/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Mono Local';
    src: url('/font/RobotoMono-Regular.eot');
    src: local('Roboto Mono'), local('RobotoMono-Regular'),
    url('/font/RobotoMono-Regular.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-Regular.woff2') format('woff2'),
    url('/font/RobotoMono-Regular.woff') format('woff'),
    url('/font/RobotoMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto Mono Local';
    src: url('/font/RobotoMono-Bold.eot');
    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'),
    url('/font/RobotoMono-Bold.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-Bold.woff2') format('woff2'),
    url('/font/RobotoMono-Bold.woff') format('woff'),
    url('/font/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono Local';
    src: url('/font/RobotoMono-Light.eot');
    src: local('Roboto Mono Light'), local('RobotoMono-Light'),
    url('/font/RobotoMono-Light.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-Light.woff2') format('woff2'),
    url('/font/RobotoMono-Light.woff') format('woff'),
    url('/font/RobotoMono-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono Local';
    src: url('/font/RobotoMono-BoldItalic.eot');
    src: local('Roboto Mono Bold Italic'), local('RobotoMono-BoldItalic'),
    url('/font/RobotoMono-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-BoldItalic.woff2') format('woff2'),
    url('/font/RobotoMono-BoldItalic.woff') format('woff'),
    url('/font/RobotoMono-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/**/

@font-face {
    font-family: 'Roboto Mono';
    src: url('/font/RobotoMono-Italic.eot');
    src: local('Roboto Mono Italic'), local('RobotoMono-Italic'),
    url('/font/RobotoMono-Italic.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-Italic.woff2') format('woff2'),
    url('/font/RobotoMono-Italic.woff') format('woff'),
    url('/font/RobotoMono-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-Regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
    url('/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-Regular.woff2') format('woff2'),
    url('/font/Roboto-Regular.woff') format('woff'),
    url('/font/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-Light.eot');
    src: local('Roboto Light'), local('Roboto-Light'),
    url('/font/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-Light.woff2') format('woff2'),
    url('/font/Roboto-Light.woff') format('woff'),
    url('/font/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Medium'),
    url('/font/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-Bold.woff2') format('woff2'),
    url('/font/Roboto-Bold.woff') format('woff'),
    url('/font/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/font/RobotoMono-LightItalic.eot');
    src: local('Roboto Mono Light Italic'), local('RobotoMono-LightItalic'),
    url('/font/RobotoMono-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-LightItalic.woff2') format('woff2'),
    url('/font/RobotoMono-LightItalic.woff') format('woff'),
    url('/font/RobotoMono-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-Italic.eot');
    src: local('Roboto Italic'), local('Roboto-Italic'),
    url('/font/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-Italic.woff2') format('woff2'),
    url('/font/Roboto-Italic.woff') format('woff'),
    url('/font/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-BoldItalic.eot');
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
    url('/font/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-BoldItalic.woff2') format('woff2'),
    url('/font/Roboto-BoldItalic.woff') format('woff'),
    url('/font/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-LightItalic.eot');
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
    url('/font/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/font/Roboto-LightItalic.woff2') format('woff2'),
    url('/font/Roboto-LightItalic.woff') format('woff'),
    url('/font/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/font/RobotoMono-Regular.eot');
    src: local('Roboto Mono'), local('RobotoMono-Regular'),
    url('/font/RobotoMono-Regular.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-Regular.woff2') format('woff2'),
    url('/font/RobotoMono-Regular.woff') format('woff'),
    url('/font/RobotoMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto Mono';
    src: url('/font/RobotoMono-Bold.eot');
    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'),
    url('/font/RobotoMono-Bold.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-Bold.woff2') format('woff2'),
    url('/font/RobotoMono-Bold.woff') format('woff'),
    url('/font/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/font/RobotoMono-Light.eot');
    src: local('Roboto Mono Light'), local('RobotoMono-Light'),
    url('/font/RobotoMono-Light.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-Light.woff2') format('woff2'),
    url('/font/RobotoMono-Light.woff') format('woff'),
    url('/font/RobotoMono-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/font/RobotoMono-BoldItalic.eot');
    src: local('Roboto Mono Bold Italic'), local('RobotoMono-BoldItalic'),
    url('/font/RobotoMono-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/font/RobotoMono-BoldItalic.woff2') format('woff2'),
    url('/font/RobotoMono-BoldItalic.woff') format('woff'),
    url('/font/RobotoMono-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/font/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/font/MaterialIcons-Regular.woff2) format('woff2'),
    url(/font/MaterialIcons-Regular.woff) format('woff'),
    url(/font/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

div.ui-box.grok-view {
    display: flex;
    overflow-y: hidden!important;
    flex-direction: column;
}

div.ui-div {
    vertical-align: text-top;
    box-sizing: border-box;
}

div.ui-scroll {
    overflow: scroll;
}

div.ui-box:not(.d4-viewer):not(.d4-root):not(.d4-tab-host):not(.d4-tab-content):not(.grok-sketcher) >
*:not(.ui-split-h):not(.ui-split-v):not(.d4-viewer):not(.ui-panel):not(.ui-div):not(.ui-update-shadow):not([id^=drawarea]):not(.grok-loader):not(.d4-error):not(.grok-view):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.d4-dialog-header):not(.d4-pm-confusion-matrix) {
    box-sizing: border-box;
    display:inline-flex;
    flex-direction: column;
    overflow: auto!important;
    padding: 0;
    flex-grow: 1;
    width: initial;
    height: initial;
}

div.ui-box > .d4-tab-host.ui-box {
    height: 100%!important;
}

.panel-content > .ui-box {
    overflow: auto;
}

div.ui-box > div.ui-div, div.ui-box > div.ui-panel {
    overflow: auto!important;
    flex-grow: 1;
}

div.ui-box > div.ui-box,
div.d4-layout-center > div.ui-box {
    flex-grow: 1;
    display: flex;
    width: 100%;
    overflow: hidden;
}

div.ui-box.ui-split-h {
    display: flex;
    flex-direction: row;
}

div.ui-box.ui-split-v {
    display: flex;
    flex-direction: column;
}

div.ui-box.ui-split-v > div.ui-box,
div.ui-box.ui-split-h > div.ui-box {
    flex-basis: 50%;
}

div.ui-box.ui-split-h:has(div.ui-split-h-divider) > .ui-box,
div.ui-box.ui-split-v:has(div.ui-split-v-divider) > .ui-box {
    flex-grow: 1;
    flex-basis: auto;
}

div.ui-block {
    display: inline-block;
    max-width: 100%;
    width: 100%;
}

div.ui-block-75 {
    width: 75%;
}

div.ui-block-50 {
    width: 50%;
}

div.ui-block-25 {
    width: 25%;
}
div.ui-block > div.ui-box {
    width: 100%!important;
}

.ui-panel > .grok-datajob-publish-alert {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -12px;
}

.ui-hint-block {
    padding: 10px;
    color: #805125;
    background-color: #FDFFE5;
    white-space: nowrap;
    overflow: hidden;
}

.ui-hint-block i {
    margin-right: 12px;
    cursor: default;
}

.ui-hint-block p {
    display: inline-block;
    margin: 0;
}

.ui-creation-script {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: smaller;
    white-space: nowrap;
    color: var(--grey-4);
}

.ui-creation-script > .ui-btn.ui-btn-ok {
    font-size: smaller;
    align-self: flex-start;
    margin-left: 0;
}

.ui-creation-script > span {
    margin-left: 12px;
}

div.ui-div > div.ui-box,
div.ui-panel:not(.ui-box) > div.ui-box
{
    /* all elements within simple container should have min size. It can be override in element style */
    width: 400px;
    height: 300px;
    box-sizing: border-box;
    display:inline-flex;
    flex-shrink: 0;
}

div.ui-box-fixed {
    flex-basis: initial!important;
    flex-grow: 0!important;
    flex-shrink: 0!important;
}


.grok-loader-container {
    height: 28px;
    justify-content: center;
}

.grok-wait > .grok-loader {
    top: 50%;
    left: 50%;
    margin-lefT: -22px;
    margin-top: -3px;
    height: 0;
    width: 0;
    flex-grow: 0;
    position: absolute;
}

.grok-wait {
    display: flex;
    position: relative;
    flex-grow: 1;
    align-items: stretch;
}

.d4-accordion-pane-content.expanded > .grok-wait {
    flex-grow: 1;
}

.ui-input-root .grok-wait {
    min-width: 50px;
    flex-grow: 0;
}

.grok-wait > div {
    flex-grow: 1;
}

.ui-form .ui-form {
    padding: 0;
}
div.ui-panel, .ui-form {
    padding: 12px;
    box-sizing: border-box;
}

div.ui-panel + div.ui-panel,
div.ui-form + div.ui-form {
    padding-top: 0;
}

label.ui-input-label:not(:empty) {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 8px 0 0;
    height: 28px;
}

.ui-label-right {
    order: 1;
    padding: 0 8px;
}

.ui-form {
    flex-grow: 1;
    display: flex;
    padding: 0;
    flex-direction: column;
    max-width: 700px;
    overflow-x: hidden;
    overflow-y: visible;
}

.ui-form-condensed {
    min-width: 80px;
}

.d4-dialog-contents.ui-form {
    max-width: initial;
}

.ui-input-root.ui-input-date > .ui-input-editor {
    width: 140px;
    max-width: 140px;
    min-width: 0;
}

.ui-input-root.ui-input-float > .ui-input-editor  {
    width: 140px;
    max-width: 150px;
    min-width: 0;
}

.ui-input-root.ui-input-int > .ui-input-editor  {
    width: 140px;
    max-width: 150px;
    min-width: 0;
}

.ui-input-root.ui-input-text > .ui-input-color-input {
    width: 100px;
    max-width: 100px;
    min-width: 0;
}

.ui-input-root.ui-input-text > .ui-input-editor {
    width: 100px;
    min-width: 0;
}

.ui-form.ui-form-condensed > .ui-input-root > .ui-label.ui-input-label {
    min-width: initial!important;
    max-width: 100%!important;
}

.ui-form.ui-form-condensed.ui-form-wide {
    min-width: initial;
    max-width: initial;
}

.dlg-developer-key.ui-form.ui-form-condensed {
    max-width: initial;
}

.ui-form .ui-input-root > .grok-wait > select.ui-input-editor,
.ui-form .ui-input-root > select.ui-input-editor {
    padding: 0 20px 0 4px!important;
}

.ui-input-root > .grok-wait > select.ui-input-editor,
.ui-input-root > select.ui-input-editor {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 28px;
    line-height: 28px;
    background-size: 16px;
    background-position-y: 55%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-image: url('/images/chevron.svg');
    padding: 0 20px 0 0;
    background-color: transparent;
    border-top: 1px transparent;
    border-bottom: 1px solid var(--grey-2);
    width: 200px;
    /*flex-grow: 1;*/
}

.ui-input-root.ui-input-column > div.ui-input-editor.d4-invalid,
.ui-input-root.ui-input-columns > div.ui-input-editor.d4-invalid {
    color: #eb6767;
}

.ui-input-columns.d4-invalid ~ .d4-column-selector-triangle {
    color: #eb6767;
}

.ui-input-root.ui-input-columns-map .ui-input-editor {
    display: flex;
    height: 28px;
    align-items: center;
}

.ui-input-root.ui-input-columns-map .ui-input-editor button {
    margin: 0;
    height: 22px;
    margin-right: 8px;
}

.ui-input-root.ui-input-column > div.ui-input-editor,
.ui-input-root.ui-input-columns > div.ui-input-editor {
    flex-direction: row;
    align-items: center;
    display: flex;
    height: 28px;
    border-radius: 0;
    border: none;
    color: var(--grey-6);
    border-top: 1px transparent;
    border-bottom: 1px solid var(--grey-2);
    margin: 0;
    outline: none;
    box-sizing: border-box;
    max-width: 350px;
}

.ui-input-root.ui-input-columns > div.ui-input-editor > .d4-column-selector-triangle {
    order: 2;
    margin-left: auto;
    position: relative;
    left: 4px;
}

.ui-input-root.ui-input-columns > div.ui-input-editor > .ui-input-column-names {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    display: inline;
    padding-right: 10px;
}

.ui-input-root.ui-input-column > div.ui-input-editor .d4-column-selector-triangle {
    margin-left: auto;
    position: relative;
    left: 4px;
}

input.ui-input-editor,
select.ui-input-editor,
textarea.ui-input-editor {
    border-radius: 0;
    border: none;
    border-top: 1px transparent;
    border-bottom: 1px solid var(--grey-2);
    outline: none;
    color: var(--grey-6);
}

.ui-form > .ui-input-root > textarea.ui-input-editor {
    flex-grow: 1;
}

input.ui-input-editor.d4-disabled,
select.ui-input-editor.d4-disabled,
textarea.ui-input-editor.d4-disabled,
.ui-input-root.d4-disabled input.ui-input-editor,
.ui-input-root.d4-disabled select.ui-input-editor,
.ui-input-root.d4-disabled textarea.ui-input-editor,
.ui-input-root.d4-disabled input.ui-input-editor[type="checkbox"]:checked {
    cursor: default;
    pointer-events: none;
    color: var(--grey-2);
}

.tag-editor-input > div.ui-input-editor, .tag-editor-input > input.ui-input-editor {
    height: inherit!important;
}

.tag-editor-input > .ui-input-root, .tag-editor-input > div.ui-input-root {
    height: 20px;
    margin: 1px 3px 0 4px;
    padding: 0;
}

.tag-editor-input-width-test {
    white-space: nowrap;
    visibility: hidden;
    height: auto;
    width: auto;
    position: absolute;
}

input.ui-input-editor,
select.ui-input-editor,
.ui-input-root.ui-input-int div.ui-input-editor,
.ui-input-root.ui-input-float div.ui-input-editor,
.ui-input-root.ui-input-text div.ui-input-editor,
.ui-input-root input.ui-input-editor
{
    height: 28px;
    box-sizing: border-box;
    padding: 0 4px;
}

.ui-input-root.ui-input-bool-switch > div.ui-input-editor {
    padding: 0 4px;
}

.ui-form .ui-input-root > input.ui-input-editor,
.ui-form .ui-input-root.ui-input-map > table > tbody > tr > td > input.ui-input-editor,
.ui-form .ui-input-root > div > input.ui-input-editor {
    margin: 0;
}

.ui-input-root > .ui-input-editor:focus:not(.d4-invalid) {
    border-bottom: 1px solid var(--blue-1)!important;
}

.ui-input-root > .ui-input-editor[type='range']:focus {
    border-bottom: 1px solid transparent!important;
}

.ui-log-section-header {
    justify-content: flex-start;
    padding: 3px;
    align-items: center;
    margin-bottom: 5px;
}

.ui-log-section-header > * {
    padding: 10px;
}

.ui-log-textarea {
    cursor: auto;
    overflow-x: scroll;
    white-space: pre;
    font-family: 'Roboto Mono', 'Roboto Mono Local', monospace;
}

.ui-report-textarea {
    flex: 1;
    box-sizing: border-box;
    padding-left: 15px;
}

.div-textarea {
    overflow: auto;
    resize: vertical;
    line-height: 1.5;
    -webkit-user-select: text; /* Chrome, Safari, Opera */
    -moz-user-select: text; /* Firefox */
    -ms-user-select: text; /* Internet Explorer/Edge */
    user-select: text;
    color: var(--grey-6);
    max-height: 495px;
}

.ui-dot:after {
    content: " \A";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    background: var(--grey-5);
}

.ui-empty-result {
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-textarea > p {
    margin: 0;
}

.ui-log-textarea::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.ui-log-textarea::-webkit-scrollbar-corner {
    display: none;
}

.ui-log-textarea::-webkit-scrollbar-track {
    background: transparent;
}

.ui-log-textarea::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--warm-grey-2);
}

.ui-log-textarea::-webkit-resizer {
    display: none;
}

.ui-input-root > .d4-forced-invalid.ui-input-editor,
.ui-input-root > .d4-forced-invalid.ui-input-editor:focus {
    border-color: #eb6767 !important;
}

i.ui-input-icon-left {
    pointer-events: none;
    border-bottom: 1px solid var(--grey-2);
}

.ui-input-editor.ui-input-with-left-icon.ui-input-with-right-icon {
    flex-grow: 1;
}

.ui-input-root:focus-within > i.ui-input-icon-left {
    border-bottom: 1px solid var(--blue-1);
}

.ui-form.ui-form-condensed > .ui-input-root:focus-within > i.ui-input-icon-left {
    border-bottom: none;
}

i.ui-input-icon-right {
    position: absolute;
    height: 28px;
    pointer-events: visible;
    right: 2px;
    cursor: pointer;
}

.ui-form.ui-form-condensed .ui-input-root > i.grok-icon.ui-input-icon-left {
    position: absolute;
    height: 28px;
    border: none;
    background: none;
}
.ui-form.ui-form-condensed > .ui-input-root > .ui-input-editor.ui-input-with-left-icon.ui-input-with-right-icon {
    padding-left: 22px;
}

.ui-form.ui-form-condensed > .ui-input-root > i.ui-input-icon-right {
    right: 0;
}

.ui-input-root.ui-input-slider > input.ui-input-editor {
    border: none!important;
    height: 28px;
    margin: 0;
    max-width: 300px;
}

.ui-input-multi-choice-checks.ui-input-editor:hover,
.ui-input-multi-choice-checks.ui-input-editor:active {
    border: none!important;
}

.ui-form.ui-form-condensed .ui-input-multi-choice-checks.ui-input-editor > div ~ div {
    margin-top: 4px;
}

.ui-form .ui-input-root:not(.tag-editor-input) {
    padding: 4px 0;
}

.ui-form > .d4-table .ui-input-root {
    padding: 4px 8px 4px 0;
}

.ui-form > .ui-div.d4-flex-row {
    padding: 4px 8px 4px 0;
}

.ui-form > .ui-input-row > div {
    flex-grow: 1;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.ui-form > .ui-input-row > div > .ui-input-root {
    flex-shrink: 1;
}

.ui-form:not(.ui-form-condensed)  > .ui-input-row .ui-input-root label:not(:empty) {
    min-width: initial;
    width: initial;
    margin-left: 16px;
}

.ui-form.ui-form-condensed > .ui-input-row .ui-input-root label:not(:empty) {
    margin-top: -18px;
}

.ui-form.ui-form-condensed > .ui-input-row,
.ui-form-condensed .ui-input-row .ui-input-root {
    padding-top: 0!important;
}

div.ui-input-root {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    position: relative;
}

.ui-form-wide .ui-input-root {
    flex-grow: 1;
}

.ui-form-condensed .ui-input-root {
    align-items: center;
}

.ui-form .ui-input-root > div.ui-input-editor,
.ui-form .ui-input-root > textarea.ui-input-editor,
.ui-form .ui-input-root > input.ui-input-editor:not([type='checkbox']) {
    flex-grow: 1;
    padding: 0 4px;
}

.ui-form .ui-input-root > .grok-wait > select.ui-input-editor,
.ui-form .ui-input-root > select.ui-input-editor {
    padding: 0 4px;
}

/*
.ui-form .ui-input-root:not(.ui-input-row):not(.ui-input-dynamic) {
    max-width: 450px;
}
*/

.ui-form.ui-form-wide .ui-input-root:not(.ui-input-row):not(.ui-input-dynamic) {
    max-width: initial;
}

.ui-form > .ui-input-buttons > .ui-input-editor {
    display: inline-flex;
    gap: 6px;
    max-width: unset!important;
}

.ui-form.ui-form-wide .ui-form.ui-form-wide .ui-input-root > div.ui-input-editor,
.ui-form.ui-form-wide .ui-form.ui-form-wide .ui-input-root > .grok-wait > select.ui-input-editor,
.ui-form.ui-form-wide .ui-form.ui-form-wide .ui-input-root > select.ui-input-editor,
.ui-form.ui-form-wide .ui-form.ui-form-wide .ui-input-root > input.ui-input-editor,
.ui-form.ui-form-wide :not(.ui-form) .ui-input-root > div.ui-input-editor,
.ui-form.ui-form-wide :not(.ui-form) .ui-input-root > select.ui-input-editor,
.ui-form.ui-form-wide :not(.ui-form) .ui-input-root > .grok-wait > select.ui-input-editor,
.ui-form.ui-form-wide :not(.ui-form) .ui-input-root > input.ui-input-editor,
.ui-form.ui-form-wide > .ui-input-root > div.ui-input-editor,
.ui-form.ui-form-wide > .ui-input-root > select.ui-input-editor,
.ui-form.ui-form-wide > .ui-input-root > .grok-wait > select.ui-input-editor,
.ui-form.ui-form-wide > .ui-input-root > input.ui-input-editor,
.ui-form.ui-form-wide .ui-form.ui-form-wide .ui-input-root,
.ui-form.ui-form-wide :not(.ui-form) .ui-input-root,
.ui-form.ui-form-wide > .ui-input-root {
    max-width: initial;
    flex-grow: 1;
}

.ui-form > .ui-input-root > .ui-input-options > .ui-input-options-icon {
    font-size: 18px;
    opacity: 0;
    order: 1;
    position: absolute;
    right:0;
    background-color: white;
}

.ui-form:not(.ui-form-condensed) > .ui-input-root.ui-input-root.ui-input-choice > .ui-input-options > .ui-input-options-icon {
    right: 20px;
}

.ui-form > .ui-input-root > .ui-input-options.ui-input-options-expand > .ui-input-options-icon {
    opacity: 1;
    position: static;
    order: -2;
}

.ui-form > .ui-input-root:hover > .ui-input-options > .ui-input-options-icon {
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}

.ui-form > .ui-input-root > .ui-input-options.ui-input-options-expand {
    position: absolute;
    background-color: white;
    display: flex;
    height: auto;
    flex-direction: column;
    align-items: center;
    border-radius: 2px;
    border:1px solid var(--grey-1);
    box-shadow: 0 2px 4px -2px rgba(0,0,0,0.25);
    right: -6px;
    top: 3px;
    z-index: 1;
    min-width: 28px;
}

.ui-form > .ui-input-root.ui-input-root.ui-input-choice > .ui-input-options.ui-input-options-expand {
    right:13px!important;
    padding-bottom: 3px;
}

.ui-form.ui-form-condensed > .ui-input-root > .ui-input-options.ui-input-options-expand {
    top: 25px!important;
    border:1px solid var(--grey-1)!important;
    height: auto!important;
    background-color: white!important;
    position: absolute!important;
    right: -6px!important;
}

.ui-input-root > .ui-input-options.ui-input-options-expand > *:not(label) {
    display: flex!important;
    margin: 2px!important;
    max-height: 20px;
    min-width: 24px;
}
/*
.ui-input-root > .ui-input-options.ui-input-options-expand > .ui-input-options-icon {
    opacity: 1;
    position: static;
}

.ui-input-root:hover > .ui-input-options > .ui-input-options-icon {
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}

.ui-input-root > .ui-input-options.ui-input-options-expand {
    position: absolute;
    background-color: white;
    right: 0;
}

.ui-input-root > .ui-input-options.ui-input-options-expand > * {
    display: flex!important;
}
*/
.ui-input-root > .ui-input-options > .ui-btn {
    display: flex;
    align-items: center;
    padding: 0 0 0 8px;
    margin: 0;
}

.ui-input-root:not(.tag-editor-input)  > .ui-input-options,
.ui-input-root > .ui-input-description,
.ui-input-root > .ui-btn,
.ui-input-root > .ui-input-options > i {
    display: flex;
    align-items: center;
    margin: 0 0 0 8px;
    color: #2083d5;
    cursor: pointer;
    height: 28px;
}

.ui-form.ui-form-condensed .ui-input-root.ui-input-choice > .ui-input-options {
    right: 20px!important;
    font-size: 12px;
    flex-grow: 1;
    justify-content: end;
}

.ui-form.ui-form-condensed .ui-input-root.ui-input-bool > label.ui-input-label:not(:empty) {
    width: initial !important;
    margin-right: 8px;
}

.ui-input-root > .ui-input-options:hover {
    --webkit-filter:contrast(90%) brightness(110%);
    text-decoration: none;
}

/* Such as "open" icon next to the dataframe selector */
.ui-input-root .grok-icon {
    min-width: 16px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.ui-input-root > .ui-input-options > .ui-input-description {
    align-items: center;
    margin: 0 0 0 8px;
    color: var(--grey-4);
    overflow: hidden;
    white-space: nowrap;
    order: -1;
    line-height: normal;
    text-overflow: ellipsis;
}

.ui-input-root.ui-input-bool > .ui-input-description,
.ui-input-root.ui-input-bool > .ui-input-options {
    margin: 0;
}

.ui-input-root > .ui-label.ui-input-label > span > .ui-input-check {
    margin-left: 6px;
    font-size: 12px;
    width: 18px;
}

.ui-input-root > .ui-label.ui-input-label > span > .ui-input-check > .grok-icon {
    color: var(--green-2);
    display: inline-flex;
}

.ui-input-root > .ui-label.ui-input-label > span > .ui-input-check > .grok-icon.fa-hourglass {
    color: var(--steel-5);
    animation: blinker-animation 0.1s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.ui-input-root > .ui-label.ui-input-label > span > .ui-input-check > .grok-icon.fa-exclamation-circle {
    color: var(--red-3);
}

.ui-input-root > .ui-input-options > .ui-input-options-check {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ui-input-root > .ui-input-options > .ui-input-options-check > .grok-icon.fa-hourglass {
    animation: blinker-animation 0.1s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker-animation {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.ui-input-root.ui-input-list > textarea.ui-input-editor {
    padding-top: 6px;
}

.ui-input-root.ui-input-list > .grok-icon.ui-input-options {
    margin-top:auto;
}

.ui-input-root > .ui-input-options > .ui-input-options-check > .grok-icon.fa-exclamation-circle {
    color: #eb6767;
}

.ui-input-root > .ui-input-options > .ui-input-options-check > .grok-loader {
    left: -48px;
    position: relative;
}

.ui-input-root:not(.tag-editor-input) > .ui-input-options {
    margin: 0;
    height: 28px;
    box-sizing: border-box;
    font-size: smaller;
    /*max-width: 35%;*/
    order: 2;
    z-index: 1;
}

.ui-input-color-box-only {
    margin-left: 4px !important;
    border-bottom: unset !important;
}

.ui-input-root:not(.ui-input-bool-switch):not(.ui-input-bool):not(.ui-input-radio):not(.ui-input-multi-choice):not(.ui-input-slider):not(.tag-editor-input) > .ui-input-editor + .ui-input-options {
    border-bottom: 1px solid var(--grey-2);
    align-self: flex-end;
}

.ui-input-root:not(.ui-input-bool-switch):not(.ui-input-bool):not(.ui-input-radio):not(.ui-input-multi-choice):not(.ui-input-slider):not(.tag-editor-input) > .ui-input-editor:focus:not(.d4-invalid) + .ui-input-options {
    border-bottom: 1px solid var(--blue-1) !important;
}

.ui-input-root:not(.ui-input-slider):not(.tag-editor-input) > .ui-input-editor:focus + .ui-input-options  {
    border-bottom: 1px solid var(--blue-1);
}

.ui-input-root > div.ui-input-editor:focus-within > input.ui-input-editor {
    border-bottom: 1px solid var(--blue-1);
}

.ui-input-root:not(.ui-input-radio):not(.ui-input-multi-choice):not(.ui-input-bool):not(.ui-input-bool-switch) > div.ui-input-editor:focus-within + .ui-input-options{
    border-bottom: 1px solid var(--blue-1);
}

.ui-input-root:not(.ui-input-bool-switch) > .ui-input-editor.d4-invalid /* + .ui-input-options */ {
    border-bottom: 1px solid #eb6767;
}

.ui-form.ui-form-condensed .ui-input-root > .ui-input-editor:focus + .ui-input-options {
    border: none;
}

.ui-input-root.ui-input-radio .ui-input-editor > label > input {
    margin: 0 8px 0 4px;
}

.ui-input-root.ui-input-radio .ui-input-editor > label {
    height: 20px;
}

.ui-form .ui-input-root.ui-input-radio .ui-input-editor {
    padding: 4px 0;
}

.ui-form .ui-input-root.ui-input-radio.ui-input-radio-buttons > .ui-input-editor {
    flex-direction: row;
    padding: 2px 0;
}

.ui-form .ui-input-root.ui-input-radio.ui-input-radio-buttons > .ui-input-editor > button {
    margin: 0 4px;
    color: #50A9C5;
    padding: 0 8px;
}

.ui-form .ui-input-root.ui-input-radio.ui-input-radio-buttons > .ui-input-editor > button.ui-btn-raised {
    margin: 0 4px;
    color: #ffffff;
    padding: 0 8px;
}

.ui-form .ui-input-root.ui-input-radio.ui-input-radio-buttons > .ui-input-editor > label {
    display: none;
}

.ui-input-root > .ui-input-color-input {
    margin-right: -18px;
    text-transform: lowercase;
}

.ui-input-root > .ui-input-color-button {
    left: -2px;
    width: 18px;
    height: 28px;
    border-width: 0;
    box-sizing: border-box;
    outline-width: 0;
    position: relative;
    background-color: transparent;
    border-bottom: 1px solid var(--grey-2);
    padding: 4px 0 0 0;
}

.ui-input-root:focus-within > .ui-input-color-button {
    border-bottom: 1px solid var(--blue-1);
}

/* disabled class */
.ui-input-disabled.ui-input-root * {
    color: var(--grey-2)!important;
    cursor:default!important;
}

.ui-input-disabled.ui-input-root input:not([type="range"]),
.ui-input-disabled.ui-input-root select,
.ui-input-disabled.ui-input-root textarea,
.ui-input-disabled.ui-input-root .d4-column-selector {
    filter: grayscale(1);
    background-color: rgb(250, 250, 250);
}
.ui-input-disabled.ui-input-root.ui-input-columns .ui-input-editor,
.ui-input-disabled.ui-input-root.ui-input-column .ui-input-editor {
    background-color: rgb(250, 250, 250);
    pointer-events: none;
}

.ui-input-disabled.ui-input-root input[type="range"] {
    filter: grayscale(1);
}

.ui-input-disabled.ui-input-root .ui-input-options,
.ui-input-disabled.ui-input-root .ui-input-switch {
    color: var(--grey-4)!important;
    cursor:default!important;
    pointer-events: none;
    filter: grayscale(1);
    background-color: rgb(250, 250, 250)!important;
}

.ui-input-disabled.ui-input-root .ui-input-switch.ui-input-switch-on > div {
    border: 1px solid var(--grey-2)!important;
    background-color: var(--grey-2)!important;
}

.ui-input-disabled.ui-input-bool-switch {
    pointer-events: none;
}

.ui-input-disabled.ui-input-root.ui-input-bool .ui-input-options,
.ui-input-disabled.ui-input-root.ui-input-bool-switch .ui-input-options {
    background-color: transparent!important
}

.ui-input-disabled.ui-input-root i {
    color: var(--grey-4)!important;
    cursor:default!important;
    pointer-events: none;
}
.ui-form .ui-input-root > .ui-input-options > .ui-input-root {
    padding: 0;
    margin: 0 2px;
}
/*
.ui-input-disabled.ui-input-root > .ui-input-options > i {
    pointer-events: none;
    color: var(--grey-4)!important;
    cursor:default!important;
}

.ui-input-disabled.ui-input-root > table > tbody > tr > td > input.ui-input-editor {
    border-bottom: 1px solid var(--grey-2)!important;
    color: var(--grey-4)!important;
    background: var(--grey-1)!important;
    cursor:default!important;
    user-select: none;
}

.ui-form.ui-form-condensed > .ui-input-disabled.ui-input-root > .ui-input-options {
    top:26px!important;
}
*/
.d4-dialog-contents.ui-form .ui-input-root > label.ui-input-label:not(:empty) {
    width: 140px;
}

.ui-form .ui-input-root > label.ui-input-label:not(:empty) {
    min-width: 90px;
    max-width: 140px;
    width: 40%;
    text-align: right;
    flex-shrink: 0;
    color: var(--grey-4);
}

.ui-form-left .ui-input-root > label.ui-input-label:not(:empty) {
    text-align: left;
}

.ui-form.ui-form-condensed .ui-input-root {
    padding-right: 0;
    padding-top: 10px;
    position: relative;
    flex-wrap: wrap;
    align-items: flex-end;
}

.ui-form.ui-form-condensed .ui-input-root.ui-input-bool,
.ui-form.ui-form-condensed .ui-input-root.ui-input-bool-switch {
    align-items: center;
}


.ui-form.ui-form-condensed .ui-input-root.ui-input-bool-switch .ui-input-options,
.ui-form.ui-form-condensed .ui-input-root.ui-input-bool .ui-input-options {
    margin-left: auto;
}

.ui-form .ui-input-root:is(.ui-input-radio, .ui-input-bool, .ui-input-multi-choice, .ui-input-bool-switch) > div.ui-input-editor {
    display: flex;
    flex-grow: 0;
    box-sizing: border-box;
}

.ui-form .ui-input-root.ui-input-bool > div.ui-input-editor,
.ui-form .ui-input-bool-switch > div.ui-input-editor {
    align-items: center;
    display: flex;
    flex-grow: 0;
}

.ui-form.ui-form-condensed .ui-input-root.ui-input-bool > div.ui-input-editor,
.ui-form.ui-form-condensed .ui-input-bool-switch > div.ui-input-editor {
    justify-content: flex-start;
}

.ui-form .ui-input-bool-switch > div.ui-input-editor {
    height: 28px;
}

.ui-input-multi-choice-tree {
    min-height: 24px;
    overflow: hidden;
}

.ui-input-multi-choice-tree-search {
    margin-left: 8px;
    margin-bottom: 2px;
}

.ui-input-multi-choice-tree-wrap {
    margin-left: -44px;
}

.ui-input-multi-choice-tree-wrap-large {
    overflow: auto;
    max-height: 200px;
}

.ui-form .ui-input-root.ui-input-multi-choice > div.ui-input-editor > div > label,
.ui-form .ui-input-root.ui-input-radio > div.ui-input-editor > div > label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui-form * + .ui-input-buttons {
    margin-top: 12px;
}

.ui-form.ui-form-condensed .ui-input-root > label.ui-input-label:not(:empty) {
    font-size: 12px;
    /* position: absolute; */
    text-align: left;
    top: 10px;
    left: 3px;
    height: 16px;
    width: 100%!important;
    max-width: 100%!important;
    color: var(--grey-4);
    order: -2;
    padding: 0;
    flex-grow: 0;
    min-width: initial!important;
}

.ui-form.ui-form-condensed .ui-input-root.d4-input-molecule > label.ui-input-label:not(:empty) {
    margin-bottom: 4px;
}

.ui-form-condensed .ui-input-root > .ui-input-description {
    order: -1;
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: var(--grey-4);
    /* padding: 0; */
}

/*
.ui-form-condensed .ui-input-root > .ui-input-description::before {
    content: "[";
}

.ui-form-condensed .ui-input-root > .ui-input-description::after {
    content: "]";
}
*/

.ui-form.ui-form-condensed .ui-input-root > div.ui-input-editor,
.ui-form.ui-form-condensed .ui-input-root > select.ui-input-editor,
.ui-form.ui-form-condensed .ui-input-root > .grok-wait > select.ui-input-editor,
.ui-form.ui-form-condensed .ui-input-root > input.ui-input-editor,
.ui-form.ui-form-condensed .ui-input-root > .grok-wait > select.ui-input-editor
{
    flex-grow: 10000;
    max-width: initial!important;
    width: 0!important;
    min-width: 0;
}

.ui-form.ui-form-condensed .ui-input-root:is(.ui-input-multi-choice) > div.ui-input-editor {
    overflow: hidden;
}

.ui-form.ui-form-condensed .ui-input-root >.grok-wait,
.ui-form.ui-form-condensed .ui-input-root >.grok-wait > select.ui-input-editor {
    width: 100%;
}

.ui-form.ui-form-condensed .ui-input-root.ui-input-buttons > label.ui-input-label:not(:empty) {
    position: initial;
    width: initial;
    font-size: 13px;
    display: flex;
    text-align: end;
    padding: 0;
    margin-right: 8px;
}

.ui-form.ui-form-condensed .ui-input-root:not(.ui-input-bool-switch, .ui-input-bool) > .ui-input-options,
.ui-form.ui-form-condensed .ui-input-root:not(.ui-input-bool-switch, .ui-input-bool) > .ui-input-description {
    background-color: white;
    border: none;
    overflow: hidden;
    flex-shrink: 1;
    z-index: 1;
}

.d4-toolbox .ui-form.ui-form-condensed .ui-input-root > .ui-input-options,
.ui-form.ui-form-condensed .ui-input-root > .ui-input-description {
    background-color: var(--warm-grey-1);
    position: absolute;
    height: 28px;
    right: 0;
    top: 25px;
}

.d4-toolbox .ui-form.ui-form-condensed .ui-input-root > .ui-input-options:hover {
    background-color: var(--warm-grey-1);
    filter:none;
}

.ui-form.ui-form-condensed .ui-input-root > .ui-input-color-button {
    left: initial;
    position: absolute;
    right: 0;
    top: 26px;
}

.ui-form.ui-form-condensed .ui-input-root.ui-input-choice > .ui-input-description,
.ui-form.ui-form-condensed .ui-input-root.ui-input-color > .ui-input-description{
    right: 24px;
}

.ui-form.ui-form-condensed .ui-input-root.ui-input-buttons > div.ui-input-editor {
    flex-grow: 0;
    width: initial!important;
}

.ui-form.ui-form-condensed .ui-input-root.ui-input-bool > .ui-input-description,
.ui-form.ui-form-condensed .ui-input-root.ui-input-bool-switch > .ui-input-description{
    position: initial;
    order: 3;
}

.ui-form.ui-form-condensed .ui-input-root.ui-input-buttons {
    padding: 0;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.ui-form.ui-form-condensed .ui-input-root.ui-input-bool > label.ui-input-label:not(:empty),
.ui-form.ui-form-condensed .ui-input-root.ui-input-bool-switch > label.ui-input-label:not(:empty){
    position: initial;
    width: initial;
    min-width: initial;
    margin: 0;
}

.ui-form.ui-form-condensed > .ui-input-root > .ui-input-options > .ui-input-bool-switch > label:empty {
    display: none;
}

.ui-block > .ui-form .ui-input-root > label.ui-input-label,
.ui-box > .ui-form .ui-input-root > label.ui-input-label,
.ui-block > .ui-form .ui-input-root > label.ui-input-editor,
.ui-box > .ui-form .ui-input-root > label.ui-input-editor
{
    max-width: initial;
}


.ui-input-label > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-form .ui-input-root.ui-input-map > label.ui-input-label {
    max-width: initial;
    min-width: initial;
    width: initial!important;
}

.ui-form .ui-input-root.ui-input-map {
    padding-right: 0;
}

.ui-form .ui-input-root.ui-input-map .ui-btn {
    width: 24px;
    height: 24px;
}

/* Accordion inside form */
.ui-form.ui-form-wide > .d4-accordion {
    flex-grow: 1;
    max-width: initial;
}

.ui-form > .d4-accordion {
    /*    max-width: 500px; Aparamonov: why??*/
    margin-top: 18px;
    margin-bottom: 12px;
    padding: 0;
}

.ui-form > .d4-accordion > .d4-accordion-pane > .d4-accordion-pane-header {
    font-size: 13px;
    font-weight: bold;
    margin-right: 0;
}

.ui-form > .d4-accordion > .d4-accordion-pane > .d4-accordion-pane-content.expanded {
    margin: 0 0 18px 0;
    padding: 0 0 0 8px;
}
.ui-form.ui-form-condensed > .d4-accordion > .d4-accordion-pane > .d4-accordion-pane-content.expanded {
    margin-left: 23px;
}

.ui-form > .d4-accordion > .d4-accordion-pane > .d4-accordion-pane-content > * {
    flex-grow: 1;
}

.ui-form > .d4-accordion > .d4-accordion-pane > .d4-accordion-pane-content > .ui-form > .ui-input-root {
    padding-right: 0;
}
.ui-form > .d4-accordion > .d4-accordion-pane > .d4-accordion-pane-content > .ui-form > .ui-input-root > input.ui-input-editor {
    padding-right: 0;
}

td button.ui-btn,
.ui-input-editor button.ui-btn {
    margin:0;
}

button.ui-btn.ui-btn-disabled, button.ui-btn.disabled {
    color: var(--grey-3)!important;
    pointer-events: none;
}

button.ui-btn.ui-btn-raised.ui-btn-disabled, .ui-btn.ui-btn-raised.disabled {
    background-color: var(--steel-2)!important;
    color: var(--grey-4)!important;
}

button.ui-btn {
    margin: 4px;
    padding: 0 8px;
    flex-shrink: 0;
    height: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    border: none;
    font-weight: bold;
    color: #2083d5;
    background-color: transparent;
    text-transform: uppercase;
}

button.ui-btn.ui-btn-raised {
    background: #2083d5;
    color: #ffffff;
    box-shadow: 0 1px 10px 0 #dedddc;
    font-weight: normal;
}

button.ui-btn.ui-btn-raised.d4-combo-popup::after {
    margin: 0 -2px 0 4px;
    content: "\e904";
    font-size: 14px;
    font-family: 'icomoon';
    color: white;
    border:none;
}

button.ui-btn.ui-btn-outline{
    font-weight: normal;
    border: 1px solid #2083d5;
}

button.ui-btn:focus,
button.ui-btn:active:focus,
button.ui-btn.active:focus {
    outline: none;
}

button.ui-btn:active:not([disabled]){
    transition-duration: 0.3s;
    transform: scale(0.95);
    -webkit-filter: contrast(100%) brightness(85%);
    box-shadow: none;
}

button.ui-btn:hover:not([disabled]){
    -webkit-filter: contrast(90%) brightness(110%);
    text-decoration: none;
}

.ui-btn > * + * {
    margin-left: 4px;
}

button.ui-btn:disabled,
button.ui-btn.d4-disabled{
    filter: grayscale(1);
    background-color: transparent!important;
    background-color: rgba(239, 239, 239, 0.5)!important;
    color: var(--grey-3)!important;
    box-shadow: none!important;
    border: none!important;
    pointer-events: none;
}

.ui-input-root > div.ui-input-editor > div > input.ui-input-editor[type="checkbox"],
.ui-input-root > input.ui-input-editor[type="checkbox"],
.ui-input-root > div.ui-input-editor > div > input[type="radio"] {
    margin: 0 8px 0 4px;
    flex-grow: 0!important;
    width: initial!important;
    min-width: initial;
    flex-shrink: 0;
}

.ui-form.ui-form-condensed .ui-input-root > input.ui-input-editor[type="checkbox"] {
    margin: 0 8px;
}

.ui-input-multi-choice-checks > div > input.ui-input-editor[type="checkbox"] {
    margin-right: 8px;
}

.ui-input-multi-choice-checks > div > input.ui-input-editor[type="checkbox"],
.ui-input-root > input.ui-input-editor[type="checkbox"] {
    margin: 0;
    height: 28px;
    cursor: pointer;
}

.ui-input-multi-choice-checks {
    max-height: 155px;
    overflow-y: scroll;
    min-width: 150px;
    padding: 4px 0 !important;
}

.ui-form.ui-form-condensed .ui-input-multi-choice-checks > div {
    height: 18px;
}

.ui-input-multi-choice-checks > div,
.ui-input-radio > .ui-input-editor > div {
    display: flex;
    align-items: center;
    height: 20px;
    flex-shrink: 0;
    margin-right: 8px;
}


.ui-input-bool-switch, .ui-input-bool {
    align-items: center;
}

.ui-input-switch {
    height: 4px;
    width: 22px;
    border: solid 1px var(--grey-2);
    border-radius: 9px;
    cursor: pointer;
    display: flex;
}

.ui-input-switch.ui-input-switch-on {
    border: solid 1px var(--steel-2);
    background-color: var(--steel-2);
}

.ui-input-bool-switch:hover .ui-input-switch {
    border: solid 1px var(--grey-3);
}

.ui-input-bool-switch:hover .ui-input-switch > div {
    border: 1px solid var(--grey-3);
}

.ui-input-switch.ui-input-switch-on > div {
    border: 1px solid var(--blue-1)!important;
    background-color: var(--blue-1);
    left: 8px;
}

.ui-input-switch > div {
    background-color: var(--grey-2);
    width: 12px;
    height: 12px;
    top: 0;
    left: -4px;
    position: relative;
    align-self: center;
    border-radius: 50%;
    margin: 2px;
    border: 1px solid var(--grey-2);
    transition: left 0.2s;
}

.ui-form .ui-input-bool-switch .ui-input-switch {
    order: 1;
}

.ui-form:not(.ui-form-condensed) .ui-input-bool-switch label:not(.ui-input-description) {
    order: 0;
    margin-left: 0 !important;
}

.ui-input-radio .ui-input-editor {
    display: flex;
    flex-direction: column;
}

.ui-input-radio .ui-input-editor > label {
    height: 28px;
    display: flex;
    align-items: center;
}

.ui-input-radio .ui-input-editor > label > input {
    margin: 0 8px;
}

.ui-input-map.d4-flex-col.ui-input-root .d4-item-table td {
    padding: 0 8px 0 0;
}

.ui-collapsed-table {
    width: 95%;
}

.ui-collapsed-table tr {
    display: inline-flex;
}

.ui-collapsed-table td {
    float: left;
    padding: 0 !important;
}

.ui-wizard-page-title {
    font-size: 24px;
    font-weight: bold;
}

.ui-wizard-page-content {
    margin-top: 10px;
}

.ui-description:not(:empty) {
    margin-bottom: 16px;
}

.ui-input-edtor::after {
    content: " ";
    border-bottom: solid 1px;
    background-color: red;
    width: 10px;
    height: 10px;
}

.ui-box {
    position: relative;
    display: flex;
    flex-direction: column;
}

.ui-form .ui-input-root.ui-input-narrow {
    width: 50px;
    flex-grow: 0;
}

.ui-form .ui-input-root.ui-input-narrow.ui-input-int > .ui-input-editor {
    text-align: center;
}

.ui-hint-target {
    background-color: rgba(255,162,74, 0.25);
    border: 1px dashed rgba(255,162,74, 0.5);
}

.ui-hint-blob {
    background: rgb(255 162 74);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 162, 74,.5);
    margin: 0;
    height: 5px;
    width: 5px;
    z-index: 1;
    transform: scale(1);
    animation: pulse-white 1.25s infinite;
}

@keyframes pulse-white {
    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

i.ui-hint-close-btn.grok-icon.fal.fa-times {
    font-size: 10px;
    width: 5px;
    height: 5px;
    margin-top: 18px;
}

.ui-text-hint-target {
    z-index: 1001;
    overflow: hidden;
}

.ui-hint-overlay{
    width: 100%;
    height: 100%;
    background: var(--steel-5);
    opacity: 0.5;
    position: absolute;
    z-index: 1000;
}
.ui-hint-popup {
    display: block;
    padding:12px;
    background: white;
    border-radius: 3px;
    box-shadow: 0 1px 3px var(--grey-3);
    border-top: 1px solid var(--grey-1);
    position: fixed;
    z-index: 4000;
    min-width: 150px;
    max-width: 300px;
}

.ui-hint-popup-bottom::before{
    height: 10px;
    width: 10px;
    content: " ";
    position: absolute;
    background: white;
    box-shadow: 0 0 1px 1px white, -1px -1px 2px var(--grey-3);
    top: -5px;
    transform: rotate(45deg);
    z-index: 5000;
}

.ui-hint-popup-top::before{
    height: 10px;
    width: 10px;
    content: " ";
    position: absolute;
    background: white;
    box-shadow: 0 0 1px 1px white, 1px 1px 2px var(--grey-3);
    bottom: -5px;
    transform: rotate(45deg);
    z-index: 5000;
}

.ui-hint-popup-left::before{
    height: 10px;
    width: 10px;
    content: " ";
    position: absolute;
    background: white;
    box-shadow: 0 0 1px 1px white, 1px -1px 2px var(--grey-3);
    right: -5px;
    transform: rotate(45deg);
    z-index: 5000;
}

.ui-hint-popup-right::before{
    height: 10px;
    width: 10px;
    content: " ";
    position: absolute;
    background: white;
    box-shadow: 0 0 1px 1px white, -1px 1px 2px var(--grey-3);
    left: -5px;
    transform: rotate(45deg);
    z-index: 5000;
}

.d4-flex-row.ui-div > .ui-input-root.ui-input-buttons > .ui-input-editor {
    flex-direction: row;
    display: flex;
    gap: 6px;
    padding: 0;
}

.ui-form .ui-btn {
    margin-left: auto;
}

.ui-form .ui-btn > i.grok-icon {
    font-size: 13px;
}

.ui-flex-end {
    display: flex;
    justify-content: flex-end;
}

.ui-flex-row-end {
    display: flex!important;
    flex-direction: row!important;
    justify-content: flex-end!important;
}

.ui-input-dynamic .ui-input-editor {
    display: flex;
    flex-grow: 1;
}

.ui-input-dynamic .ui-input-editor > .d4-root {
    height: initial;
}

.ui-form.ui-form-condensed .ui-input-root .grok-wait {
    height: 28px;
}


.ui-form.ui-report-form {
    overflow-y: scroll;
    padding-left: 20px;
}

.ui-report-form div.ui-input-root {
    flex-direction: row-reverse;
    justify-content: flex-end;
    text-align: left;
}

.ui-form.ui-report-form > .ui-input-multi-choice > .ui-input-multi-choice-checks::-webkit-scrollbar {
    display: none;
}

.ui-report-form > .ui-input-bool.ui-input-root.ui-data-option {
    margin-left: 50px;
}

.ui-report-form .ui-input-bool.ui-input-root > label > span {
    text-align: left;
}

.ui-report-form > .ui-input-bool.ui-input-root > label.ui-input-label:not(:empty) {
    width: initial;
}

.ui-report-empty {
    margin: 0 auto;
    color: var(--grey-4);
}

.ui-report-loader > span:after {
    content: '.';
    animation: ui-dots-animation 1s steps(5, end) infinite;
}

@keyframes ui-dots-animation {
    0%, 20% {
        content: '.';
    }
    40% {
        content: '..';
    }
    60% {
        content: '...';
    }
    90%, 100% {
        content: '';
    }
}

.ui-report-jira-tab {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 2px;
    padding: 10px;
    max-width: 300px;
}

.ui-report-jira-tab > .ui-report-jira-text {
    width: 70px;
}

.ui-report-actions-holder {
    font-size: 16px;
    align-items: center;
    margin-bottom: 10px;
}

.ui-report-actions-holder i.fa-trash-alt:hover {
    color: var(--red-3);
}

.ui-report-actions-holder > i {
    color: #2083d5;
}

.ui-report-actions-holder i.fa-cloud-download {
    margin: 0 10px;
}
.ui-report-actions-holder i.fa-link {
    margin: 0 4px;
}

.ui-report-summary-form {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-left: 10px;
}

.ui-report-summary-screenshot {
    padding: 4px 0;
}

.ui-report-summary-loader {
    right: 175px;
    top: 100px;
}

.ui-report-details {
    align-items: flex-start;
    padding: 10px;
    max-width: 100%;
    overflow-y: scroll;
}

.ui-report-details-row {
    flex: 1 1 auto;
    width: 100%;
    margin-bottom: 10px;
}

.ui-report-details-row div:nth-child(1) {
    flex: 0 0 35%;
}

.ui-report-details-row div:nth-child(2) {
    flex: 0 0 65%;
    overflow-wrap: break-word;
    width: 500px;
    max-width: 60%;
}

.ui-pills {
    color: rgb(75 85 99);
    background-color: rgb(243 244 246);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
}

.ui-pills-holder {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ui-report-summary-tab {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    grid-gap: 10px;
    padding: 5px;
    flex-grow: 0!important;
}

.d4-dialog-contents .ui-form {
    overflow: initial;
}

.div-email-attachment {
    align-items: center;
    justify-content: flex-start;
    padding: 5px 3px;
}

.ui-tab-control-conn-editor {
    flex-grow: 1!important;
    width: 100%!important;
    height: 100%!important;
    min-height: 200px!important;
    min-width: 400px!important;
    padding: 0 4px 0 4px;
}

.ui-credentials-group-list {
    width: 160px;
    background: white;
    border-right: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-credentials-group-item {
    padding: 10px 14px;
    color: #2083d5;
    border-left: 3px solid transparent;
    height: 24px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
}

.ui-credentials-group-item * {
    cursor: pointer;
}

.ui-credentials-group-item:hover {
    background: #e6f0fb;
}

.ui-credentials-group-item.selected {
    background: #e6f0fb;
    border-left: 3px solid #2083d5;
}

.ui-credentials-group-item i.fa-trash-alt {
    color: #bbb;
}
.ui-credentials-group-item i.fa-trash-alt:hover {
    color: var(--red-3);
}

.ui-credentials-group-item.selected > i.fa-trash-alt {
    color: #2083d5;
}

.ui-credentials-group-item.empty {
    color: #999;
}

.ui-credentials-holder {
    background: #fff;
    width: 600px;
    max-width: 90%;
    height: 500px;
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    padding-top: 15px;
}
.ui-credentials-holder > .ui-form {
    flex: 1;
    overflow-y: auto;
}

.ui-form.form-locked {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #777;
    font-size: 14px;
    text-align: center;
}
.ui-form.form-locked i {
    font-size: 24px;
    margin-bottom: 8px;
    color: #999;
    pointer-events: none;
}
.ui-form.form-locked .note {
    font-size: 12px;
    color: #aaa;
}

.ui-settings-toggle-option {
    flex: 1 1 0;              /* equal width for all */
    text-align: center;
    padding: 4px 10px; /* smaller */
    cursor: pointer;
    color: #444;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease, font-weight 0.2s ease;
}

.ui-settings-toggle-option i {
    font-size: 12px;
    color: inherit;
    margin-right: 4px;
    pointer-events: none;
}

.ui-settings-toggle-option.active {
    background: #e6f0fb;
    color: #2083d5;
    font-weight: 500;
}

.ui-settings-toggle-option.active i {
    color: #2083d5;
}

.ui-settings-toggle-option:not(:last-child) {
    border-right: 1px solid #ccc;
}

.ui-settings-type-wrapper {
    padding: 4px 0;
    display: flex;
    align-items: center;
}

.ui-settings-type-wrapper label {
    color: var(--grey-4);
}

.ui-settings-toggle-group {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    font-size: 13px;
}

.ui-applied-to-hint {
    font-size: 12px;
    color: #888;
    display: flex;
    align-items: center;
    font-style: italic;
    margin-top: 6px;
    margin-left: 6px;
}

.ui-applied-to-hint i {
    font-size: 12px;
    margin-left: 4px;
    color: #2083d5;
}

.ui-truncated {
    max-width: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui-spinner {
    border: 2px solid #ccc;
    border-top: 2px solid #2083d5;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    animation: spin 0.8s linear infinite;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.ui-conn-status {
    font-size: 13px;
    margin-bottom: 10px;
    padding: 8px;
    border-radius: 4px;
}

.ui-conn-status.progress {
    background: #eaf1ff;
    color: #0066cc;
}

.ui-conn-status.error {
    background: #fdeaea;
    color: #cc0000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ui-conn-status button {
    background: #fff;
    border: 1px solid #cc0000;
    color: #cc0000;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 12px;
}

.ui-conn-status button:hover {
    background: #ffe5e5;
}

.ui-tab-invalid::after {
    content: "";
    position: absolute;
    top: 12px;
    right: -2px;
    width: 8px;
    height: 8px;
    background: #eb6767;
    border-radius: 50%;
}

.ui-cache-settings-holder {
    padding-top: 10px;
    min-width: 425px;
    overflow: auto;
    max-height: 300px;
}


.ui-files-input-summary-indicator {
    display: none;
    align-items: center;
    cursor: pointer;
}

.ui-files-input-summary-indicator:hover {
    color: var(--blue-1);
}

.ui-files-input-summary-loader {
    position: relative;
    width: 70px;
    height: 20px;
    background-color: var(--grey-1);
    overflow: hidden;
}

.ui-files-input-summary-progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #d0e9f0;
    transition: width 0.2s ease;
    width: 0%;
}

.ui-files-input-summary-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 11px;
    font-weight: 500;
    color: var(--grey-6);
    z-index: 1;
    white-space: nowrap;
    pointer-events: none;
}

.ui-files-input-popup {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 12px;
    max-height: 500px;
    overflow-y: scroll;
    max-width: 200px;
}

.ui-files-input-file-tag {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 4px 0;
    margin-right: 8px;
}

.ui-files-input-file-name {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--grey-6);
    width: 100%;
}

.ui-files-input-file-name-error {
    color: var(--red-3);
}

.ui-files-input-progress-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-files-input-progress-hidden {
    display: none !important;
}

.ui-files-input-progress-icon {
    font-size: 14px;
    color: var(--blue-1);
}

.ui-files-input-progress-tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 4px;
    padding: 4px 8px;
    background: var(--grey-6);
    color: white;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 100000;
    pointer-events: none;
}

.ui-files-input-progress-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: var(--grey-6);
}

.ui-files-input-progress-container:hover .ui-files-input-progress-tooltip {
    opacity: 1;
    visibility: visible;
}

.ui-files-input-file-cancel {
    justify-self: end;
    color: var(--grey-4);
    cursor: pointer;
}

.ui-files-input-file-cancel:hover {
    color: var(--red-3);
}

.ui-files-input .ui-input-options {
    border-bottom: none!important;
}

.ui-indexing-hint {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 11px 12px;
    margin-bottom: 14px;
    font-family: var(--ui-font, 'Roboto', sans-serif);
    font-size: 13px;
    color: #424242;
    background-color: #fafafa;
    line-height: 1.45;
    max-width: 680px;
}

.ui-indexing-hint > div {
    margin-bottom: 6px;
}

.ui-indexing-hint > div:last-child {
    margin-bottom: 0;
}

.ui-indexing-hint-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.ui-indexing-hint-header span {
    font-weight: 500;
    font-size: 14px;
}

.ui-indexing-hint-header i {
    font-size: 16px;
    margin-right: 6px;
    color: #1976d2;
    pointer-events: none;
    margin-top: -1px;
}

.ui-indexing-hint p,
.ui-indexing-hint div {
    white-space: pre-line;
}

.ui-indexing-hint code {
    border-radius: 3px;
    font-family: monospace;
    font-size: 12px;
    background-color: #f0f0f0;
    padding: 2px 4px;
}

.ui-indexing-hint .example-line {
    color: #555;
    margin-top: 4px;
}html {
  height: 100%;
  font-family: 'Roboto', 'Roboto Local', sans-serif;
  font-size: 13px;
}

input, textarea, keygen, select, button {
  font-family: 'Roboto', 'Roboto Local', sans-serif;
  font-size: 13px;
}

.hidden,
[hidden]
{
  display:none!important
}

html input,
html select {
  font-size: 13px;
}

i.grok-icon * {
  font-family: 'Roboto', 'Roboto Local', sans-serif;
  font-weight: normal;
  font-size: 13px;
}

i.grok-icon.grok-ellipsis {
  color: #9497a0;
  margin-left: 0.5rem;
  cursor: pointer;
}

body {
  color: var(--grey-6);
  font-weight: normal;
  line-height: 125%;
  accent-color: var(--blue-1);
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

select, input {
  color: var(--text-color);
}

h1 {
  font-size: 15px;
  line-height: 1.2em;
  margin: 0 0 12px 0;
}

* + h1 {
  margin-top: 24px;
}

* + h2 {
  margin-top: 18px;
}

h2 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0.2em;
}

h3 {
  font-size: 13px;
  color: var(--grey-5);
}

ul {
  margin: 0;
  padding-left: 15px;
}

li + li {
  margin-top: 6px;
}

ul li label {
  white-space: normal!important;
}

a {
  color: #2083d5;
  text-decoration: none;
}

a:hover {
  color: #40607f;
}

a.d4-link-external:after {
  content: "\f14c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 0.8em;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  margin-left: .2em;
  margin-right: 0.2em;
  position: relative;
}

label.d4-link-label > .fa-external-link:before {
  content: "\f14c";
  font-weight: 300;
  margin: auto;
  -webkit-font-smoothing: antialiased;
}

textarea {
  font-family: 'Roboto Mono', 'Roboto Mono Local', monospace;
  font-size: 12px;
}

div::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

div::-webkit-scrollbar-track {
}

.grok-view:hover div:not(.d4-sketch)::-webkit-scrollbar-thumb {
  background-color: #dbdcdf;
}

.panel-base:hover div:not(.d4-sketch)::-webkit-scrollbar-thumb {
  background-color: #dbdcdf;
}

.grok-view:hover::-webkit-scrollbar-thumb {
  background-color: #dbdcdf;
}

.grok-help-host:hover div::-webkit-scrollbar-thumb {
  background-color: #dbdcdf;
}

div::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
}

/* "Powered by datagrok" message. */
.grok-embed-message {
  text-align: center;
  margin: 5px;
  color: #717581;
}

.grok-embed-message .label {
  cursor: pointer;
}

.grok-global-exception .grok-icon {
  font-size: 18px;
  color: #eb6767;
  font-weight: 400;
  display: flex;
  padding: 0!important;
  transition: color 0.3s;
}

.grok-global-exception {
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  justify-content: center;
  transition: height 0.3s;
  margin-bottom: -12px;
  width: 42px;
  height: 38px;
  border-radius: 2px;
  background-color: #2e4d69;
}

.grok-global-exception:hover {
  filter: brightness(120%);
  transition: filter 0.15s ease-in;
  cursor: pointer!important;
}

.d4-tab-header-stripe.d4-tab-header-highlight .grok-global-exception {
  margin-top: auto;
}

.grok-top-right {
  display: none!important;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
   z-index: 1001;
}

.d4-views {
  position:absolute;
  left: 100px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.grok-user {
  background-color: #eceff2;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.grok-user-pic {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-size: 100%;
  margin: 2px;
}

.grok-user .grok-user-pic {
  margin-right: 5px;
}

.grok-user-list {
  display: inline-flex;
}

.grok-user-list .grok-user {
  margin: 5px;
}

#sample_container_id {
  width: 100%;
  height: 400px;
  position: relative;
  border: 1px solid #b8bac0;
  background-color: #fff;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  zIndex: 1000;
  background: #ffffff;
  opacity: 0;
}

.grok-app-view {
  padding: 0!important;
}

.grok-apps-view .grok-gallery-grid {
  padding: 8px;
}

.grok-app .d4-picture {
  width: 120px;
  height: 120px;
}

.grok-suggestions {}

.grok-suggestions
{
  /*display: flex;*/
  /*flex-direction: row;*/
  overflow: auto;
  height: 100%;
}

.grok-suggestions #viewers > * {
  border: 1px solid #dbdcdf;
}

.grok-suggestions #layouts img {
  cursor: pointer;
}

.grok-suggestions-chart-host {
  border: 1px solid var(--warm-grey-2);
  display: flex;
  flex-direction: column;
  margin-top: 6px;
  cursor: pointer;
  position: relative;
}

.grok-suggestions-chart-host:hover i {
  visibility: visible;
  border: 1px solid var(--warm-grey-2);
  background-color: var(--warm-grey-1);
}

.grok-suggestions-chart-host i:hover {
  color: var(--warm-grey-3);
  border: 1px solid var(--warm-grey-3);
}

.grok-suggestions-chart-host i.fas:hover {
  color: #ffa24a;
}

.grok-suggestions-chart-host i.fas {
  visibility: visible;

}

.grok-suggestions-chart-host i {
  visibility: hidden;
  color: var(--warm-grey-2);
  position: absolute;
  bottom: 6px;
  right: 6px;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 50%;
  height: 24px;
  box-sizing: border-box;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.grok-suggestions-chart-host .grok-suggestions-chart-image {
  padding-bottom: 66%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.grok-suggestions-chart-host-header * {
  font-size: 16px;
  margin: 2px 4px;
}

.grok-suggestions-chart-host-header #close{
  position: absolute;
  right: 0px;
}

.grok-dataset-view {}

.grok-dataset-view #description {
  max-width: 400px;
}

.grok-dataset-view .d4-tag-editor {
  background-color: inherit;
}

.grok-table-info-card {
  border: 1px solid #dbdcdf;
  border-radius: 5px;
}

.grok-table-info-card .details {
  max-height: 300px;
  overflow-y: auto;
}

.grok-table-info-card .header #info {
  justify-content: center;
}

.grok-table-info-card #icon {
  font-size: 40px;
  margin: 5px;
}

.grok-table-info-card #name {
  font-weight: bold;
}

.grok-table-info-card #info {
  margin-left: 10px;
}

.grok-table-info-card #controls {
  margin-left: auto;
}

.grok-table-info-card #commands,
.grok-table-info-card #expand
{
  align-self: center;
}

.grok-table-info-card #columns {
}

.workspace-project-current > .d4-tree-view-node {
  font-weight: bold;
}

.workspace .d4-panel[d4-info="0"] {
  display: none;
}

.workspace .d4-tree-view-group-label i, .workspace .d4-tree-view-item i {
  margin-left:6px;
}

.CodeMirror-placeholder {
  color: #dbdcdf !important;
}

.d4-script-editor {
  white-space: pre;
  overflow-wrap: normal;
  overflow-x: scroll;
  width: 100%;
  height: 200px;
}

.layout-wrapper {
  display: flex;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  min-width: 800px;
  flex-direction: column;
}

.layout-status-bar {
  height: 24px;
  background-color: var(--warm-grey-1);
  color: var(--warm-grey-4);
  border-top: 1px solid var(--warm-grey-2);
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}

.d4-statusbar-hidden .layout-toolbox {
 padding-bottom: 23px;
}

.d4-statusbar-hidden .layout-status-bar {
  height: 0;
  overflow: hidden;
}

.d4-statusbar-hidden .layout-status-bar .d4-task-bar:not(:empty) {
  position: absolute;
  height: 24px;
  bottom: 0;
  border-top: 1px solid var(--warm-grey-2);
}

.layout-toolbox-workarea-wrapper {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  position: relative;
}

.layout-workarea-wrapper {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  flex-direction: row;
  position: relative;
}

.layout-workarea {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  flex-direction: column;
  position: relative;
}

.layout-toolbox {
  position: relative;
  flex-shrink: 0;
}

.layout-dockarea-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

.layout-dockarea {
  flex-grow: 1;
  overflow: hidden;
}

.layout-toolbar {
  position: relative;
  background-color: #F7F6F4;
}

.layout-top-panel {
  position: relative;
  display: flex;
}

.layout-bottom-panel {
  position: relative;
  display: flex;
}
.presentation-back-button {
  display:flex!important;
  position: absolute!important;
  top: 0;
  z-index: 101;
  right: 0;
  height: 24px;
  /* justify-content: center; */
  align-items: center;
  margin: 0 6px;
  color: var(--grey-3) !important;
  font-size: 10px;
}

.presentation-back-button:hover {
  color: var(--grey-4) !important;
}
.presentation .layout-toolbar > .tab-host.grok-tab-host {
  display: none;
}
.presentation .layout-toolbar > .tab-host.grok-tab-host:not(:empty) {
  background-color: white;
  display: flex;
}
.presentation .layout-toolbar > .tab-host.grok-tab-host > .tab-handle-list-container {
  width: calc(100% - 110px);
  background-color: white;
  box-shadow: none;
}
.presentation .tab-host.grok-tab-host > .tab-handle-list-container i {
  display: none!important;
}
.presentation .layout-toolbar > .tab-host.grok-tab-host > .tab-handle-list-container > .tab-handle > .tab-handle-text {
  padding: 0 8px;
}
.presentation .layout-toolbar > .tab-host.grok-tab-host > .tab-handle-list-container > .tab-handle {
  border: none;
  border-radius: 0;
  background-color: white;
  box-shadow:none;
}
.presentation .layout-toolbar > .tab-host.grok-tab-host > .tab-handle-list-container > .tab-handle.tab-handle-selected {
  left: 0;
  right: 0;
  font-weight: bold;
  box-shadow:none;
}
.presentation .layout-toolbar > .tab-host.grok-tab-host > .tab-handle-list-container > .tab-handle::before,
.presentation .layout-toolbar > .tab-host.grok-tab-host > .tab-handle-list-container > .tab-handle:last-child::after {
  width: 1px;
}
.presentation .tab-handle-close-button {
  display: none;
}

.presentation .layout-dockarea {
  position: relative;
}
.presentation .layout-toolbar {
  display:flex;
}
.presentation .layout-toolbar > .d4-ribbon:has(:not(.d4-ribbon-spacer, .d4-ribbon-wrap-spacer)) {
  display: none;
}

.presentation .layout-dockarea .grok-tab-host-dock {
  visibility: visible;
}

.presentation .layout-status-bar,
.presentation .layout-toolbox {
  display: none;
}

.presentation .layout-dockarea .grok-tab-host {
  position: absolute;
  width: 100%!important;
  height: 100%!important;
  flex-grow: 1;
  /*width: 100vw!important;
  height: 100vh!important;*/
  left: 0;
  visibility: visible;
}
.presentation .layout-dockarea .grok-tab-host {
  background-color: white;
}
.presentation .layout-dockarea .grok-tab-host > .tab-handle-list-container {
  flex-wrap: nowrap;
  width: calc(100% - 110px);
  display: flex;
}
.presentation .layout-dockarea .grok-tab-host > .tab-handle-list-container > .tab-handle {
  min-width: 40px;
  background-color: white;
}
.presentation .layout-dockarea .grok-tab-host > .tab-handle-list-container > .tab-handle.tab-handle-selected {
  position: sticky;
  z-index: 1;
  flex-shrink: 0;
  left:0; 
  right:0;
}
.presentation .layout-dockarea .grok-tab-host > .tab-handle-list-container > .tab-handle > .tab-handle-text {
  padding: 0 8px;
}
.presentation .layout-dockarea .grok-tab-host > .tab-handle-list-container > .tab-handle::before,
.presentation .layout-dockarea .grok-tab-host > .tab-handle-list-container > .tab-handle:last-child::after {
  width: 1px;
  flex-shrink: 0;
}
.presentation .layout-dockarea .grok-tab-host > .tab-handle-list-container > input {
  display: none;
}
.presentation .layout-dockarea :not(.grok-tab-host) .dock-container,
.presentation .layout-dockarea :not(.grok-tab-host) .panel-base,
.presentation .layout-dockarea :not(.grok-tab-host) .splitbar-vertical,
.presentation .layout-dockarea :not(.grok-tab-host) .splitbar-horizontal
{
  visibility: hidden;
}

.presentation .layout-dockarea .grok-tab-host .dock-container,
.presentation .layout-dockarea .grok-tab-host .panel-base,
.presentation .layout-dockarea .grok-tab-host .splitbar-vertical,
.presentation .layout-dockarea .grok-tab-host .splitbar-horizontal
{
  visibility: visible;
}

.presentation.hidetabs .layout-dockarea .grok-tab-host  > .tab-handle-list-container{
  display: none!important;
}

body > .panel-base {
  display: none;
}

:root {
  --steel-1: #ECEFF2;
  --steel-2: #D7DFE7;
  --steel-3: #B3BFCC;
  --steel-4: #7990A5;
  --steel-5: #40607F;
  --grey-1: #F2F2F5;
  --grey-2: #DBDCDF;
  --grey-3: #B8BAC0;
  --grey-4: #9497A0;
  --grey-5: #717581;
  --grey-6: #4D5261;
  --warm-grey-1: #F7F6F4;
  --warm-grey-2: #DEDDDC;
  --warm-grey-3: #949492;
  --warm-grey-4: #4A4A49;
  --red-1: #FBE1E1;
  --red-3: #EB6767;
  --red-4: #763434;
  --green-1: #DCF3E7;
  --green-2: #3CB173;
  --green-3: #286344;
  --orange-1: #FFECDB;
  --orange-2: #FFA24A;
  --orange-3: #805125;
  --beige-1: #FDFFE5;
  --beige-2: #E4E6CE;
  --blue-1: #2083D5;
  --blue-2: #50A9C5;
  --white: #FFFFFF;
  --success: #006400;
  --failure: #8B0000;
  --text-color: var(--grey-6);
  --text-color-light: var(--grey-4);

  --size-small: .5rem;
  --size-medium: 1rem;
  --size-large: 1.5rem;

  --font-size-small: 1.1rem;
  --font-size-medium: 1.25rem;
  --font-size-large: 1.4rem;

  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500; 
  --font-weight-bold: 700; 
  --icon-checked: #E8E8ED;
}

body.dim > div {
  -webkit-filter: blur(5px);
  filter:  blur(5px);
  pointer-events: none;
}

body.dim > div.eula-wrapper, body.dim > div.grok-preloader {
  -webkit-filter: none;
  filter: none;
  pointer-events: all;
}

.eula-wrapper {
  position: absolute;
  left:0;
  width:100vw;
  height:100vh;
  top:0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100501;
  background-color: rgba(0, 0, 0, 0.2);
}

.eula-warning {
  background-color: white;
  width: 550px;
  /* height: 40vh; */
  padding: 32px 18px;
  box-shadow: dimgrey 0 0 50px 0;
  box-sizing: border-box;
  margin-bottom: 60vh;
}

.eula-warning h1 {
  margin-bottom: 24px;
  font-weight: normal;
  line-height: 24px;
}

.eula-warning > div {
  margin: 12px 0;
}

.eula-warning button.eula-warning-dismiss {
  display: inline-block;
  background-color: #40813d;
  color: white;
  cursor: pointer;
}

.eula-warning button.eula-warning-dismiss:hover {
  background-color: #4c9d49;
}

.eula-warning button.eula-warning-dismiss[disabled] {
  background-color: var(--grey-2);
  cursor: default;
}

.layout-status-bar > * {
  padding: 0 8px;
  align-items: center;
  box-sizing: border-box;
}

.d4-status-bar-panel {
  padding: 0 8px;
  height: 24px;
  display: flex;
  align-items: center;
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
}

.d4-status-bar-panel:hover {
  background-color: var(--warm-grey-2);
}

.d4-global-status-panel {
  margin-left: auto;
}

.d4-view-status-panel {
  padding:0;
}


/* Margins */
.css-m-none { margin: 0!important; }
.css-m-small { margin: var(--size-small)!important; }
.css-m-medium { margin: var(--size-medium)!important; }
.css-m-large { margin: var(--size-large)!important; }
.css-m-auto { margin: auto!important; }

/* Left and right margins */
.css-mx-none { margin-left: 0!important; margin-right: 0!important; }
.css-mx-small { margin-left: var(--size-small)!important; margin-right: var(--size-small)!important; }
.css-mx-medium { margin-left: var(--size-medium)!important; margin-right: var(--size-medium)!important; }
.css-mx-large { margin-left: var(--size-large)!important; margin-right: var(--size-large)!important; }
.css-mx-auto { margin-left: auto!important; margin-right: auto!important; }

/* Top and bottom margins */
.css-my-none { margin-top: 0!important; margin-bottom: 0!important; }
.css-my-small { margin-top: var(--size-small)!important; margin-bottom: var(--size-small)!important; }
.css-my-medium { margin-top: var(--size-medium)!important; margin-bottom: var(--size-medium)!important; }
.css-my-large { margin-top: var(--size-large)!important; margin-bottom: var(--size-large)!important; }
.css-my-auto { margin-top: auto!important; margin-bottom: auto!important; }

/* Left margins */
.css-ml-none { margin-left: 0!important; }
.css-ml-small { margin-left: var(--size-small)!important; }
.css-ml-medium { margin-left: var(--size-medium)!important; }
.css-ml-large { margin-left: var(--size-large)!important; }
.css-ml-auto { margin-left: auto!important; } 

/* Right margins */
.css-mr-none { margin-right: 0!important; }
.css-mr-small { margin-right: var(--size-small)!important; }
.css-mr-medium { margin-right: var(--size-medium)!important; }
.css-mr-large { margin-right: var(--size-large)!important; }
.css-mr-auto { margin-right: auto!important; }

/* Top margins */
.css-mt-none { margin-top: 0!important; }
.css-mt-small { margin-top: var(--size-small)!important; }
.css-mt-medium { margin-top: var(--size-medium)!important; }
.css-mt-large { margin-top: var(--size-large)!important; }
.css-mt-auto { margin-top: auto!important; }

/* Bottom margins */
.css-mb-none { margin-bottom: 0!important; }
.css-mb-small { margin-bottom: var(--size-small)!important; }
.css-mb-medium { margin-bottom: var(--size-medium)!important; }
.css-mb-large { margin-bottom: var(--size-large)!important; }
.css-mb-auto { margin-bottom: auto!important; }

/* Paddings */
.css-p-none { padding: 0!important; }
.css-p-small { padding: var(--size-small)!important; }
.css-p-medium { padding: var(--size-medium)!important; }
.css-p-large { padding: var(--size-large)!important; }

/* Left and right paddings */
.css-px-none { padding-left: 0!important; padding-right: 0!important; }
.css-px-small { padding-left: var(--size-small)!important; padding-right: var(--size-small)!important; }
.css-px-medium { padding-left: var(--size-medium)!important; padding-right: var(--size-medium)!important; }
.css-px-large { padding-left: var(--size-large)!important; padding-right: var(--size-large)!important; }

/* Top and bottom paddings */
.css-py-none { padding-top: 0!important; padding-bottom: 0!important; }
.css-py-small { padding-top: var(--size-small)!important; padding-bottom: var(--size-small)!important; }
.css-py-medium { padding-top: var(--size-medium)!important; padding-bottom: var(--size-medium)!important; }
.css-py-large { padding-top: var(--size-large)!important; padding-bottom: var(--size-large)!important; }

/* Left paddings */
.css-pl-none { padding-left: 0!important; }
.css-pl-small { padding-left: var(--size-small)!important; }
.css-pl-medium { padding-left: var(--size-medium)!important; }
.css-pl-large { padding-left: var(--size-large)!important; }

/* Right paddings */
.css-pr-none { padding-right: 0!important; }
.css-pr-small { padding-right: var(--size-small)!important; }
.css-pr-medium { padding-right: var(--size-medium)!important; }
.css-pr-large { padding-right: var(--size-large)!important; }

/* Top paddings */
.css-pt-none { padding-top: 0!important; }
.css-pt-small { padding-top: var(--size-small)!important; }
.css-pt-medium { padding-top: var(--size-medium)!important; }
.css-pt-large { padding-top: var(--size-large)!important; }

/* Bottom paddings */
.css-pb-none { padding-bottom: 0!important; }
.css-pb-small { padding-bottom: var(--size-small)!important; }
.css-pb-medium { padding-bottom: var(--size-medium)!important; }
.css-pb-large { padding-bottom: var(--size-large)!important; }

/* Text */
.css-text-small { font-size: var(--font-size-small)!important;}
.css-text-medium { font-size: var(--font-size-medium)!important;}
.css-text-large { font-size: var(--font-size-large)!important;}
.css-text-left { text-align: left; }
.css-text-right { text-align: right; }
.css-text-center { text-align: center;}
.css-text-light { font-weight: var(--font-weight-light)!important; }
.css-text-normal { font-weight: var(--font-weight-regular)!important; }
.css-text-bolder { font-weight: var(--font-weight-medium)!important; }
.css-text-bold { font-weight: var(--font-weight-bold)!important; }
.css-text-lowercase { text-transform: lowercase; }
.css-text-uppercase { text-transform: uppercase; }
.css-text-capitalize { text-transform: capitalize; }

/* Line height */
.css-lh-small { line-height: 1.5rem; }
.css-lh-medium { line-height: 1.75rem; }
.css-lh-large { line-height: 2rem; }

/* Background */
.css-bg-none {background: none; }
.css-bg-white {background: var(--white); }
.css-bg-light {background: var(--grey-1); }

/* Shadow */
.css-shadow-none {box-shadow: none!important; }
.css-shadow-small {box-shadow: 0 2px 4px 0 var(--grey-2)!important; }
.css-shadow-medium {box-shadow: 0 2px 6px 2px var(--grey-2)!important; }
.css-shadow-large {box-shadow: 0 4px 8px 4px var(--grey-2)!important; }

/* Flex */
.css-justify-content-start { justify-content: start; }
.css-justify-content-end { justify-content: end; }
.css-justify-content-center { justify-content: center; }
.css-justify-content-between { justify-content:space-between; }
.css-justify-content-around { justify-content: space-around; }
.css-align-items-start { align-items: start; }
.css-align-items-end { align-items: end; }
.css-align-items-center { align-items: center; }
.css-align-items-baseline { align-items: baseline; }
.css-align-items-stretch { align-items: stretch; }
.css-gap-small { gap: var(--size-small); }
.css-gap-medium { gap: var(--size-medium); }
.css-gap-large { gap: var(--size-large); }

/* Border */
.css-border { border: 1px solid var(--grey-2)!important; }
.css-border-right { border-right: 1px solid var(--grey-2)!important; }
.css-border-left { border-left: 1px solid var(--grey-2)!important; }
.css-border-top { border-top: 1px solid var(--grey-2)!important; }
.css-border-bottom { border-bottom: 1px solid var(--grey-2)!important; }
.css-border-left-right {
  border-left: 1px solid var(--grey-2)!important;
  border-right: 1px solid var(--grey-2)!important;
}
.css-border-top-bottom {
  border-top: 1px solid var(--grey-2)!important;
  border-bottom: 1px solid var(--grey-2)!important;
}


/* Tables */
.css-table td, .css-table-wide td { 
  max-width: 200px; 
  padding: 4px 6px 4px 2px;
  -webkit-user-select: all;
  user-select: all;
}
.css-table tr, .css-table-wide tr{
  vertical-align: top;
  color: var(--grey-5);
}
.css-table tr.header, .css-table-wide tr.header {
  color: var(--grey-6);
  vertical-align: middle;
}
.css-table tr:hover, .css-table-wide tr:hover { background-color: rgba(242,242,245, .5); color:var(--grey-6);}

.css-table-wide { width: 100%; }

.css-table.table-small td,
.css-table-wide.table-small td { padding: var(--size-small); }
.css-table.table-medium td,
.css-table-wide.table-medium td { padding: var(--size-medium); }
.css-table.table-large td,
.css-table-wide.table-large td { padding: var(--size-large); }

.css-table.table-border td,
.css-table-wide.table-border td { border: 1px solid var(--grey-2); }

.css-table.table-col-lines td:not(:last-child),
.css-table-wide.table-col-lines td:not(:last-child) { border-right: 1px solid var(--grey-2); }
.css-table.table-row-lines tr:not(:last-child),
.css-table-wide.table-row-lines tr:not(:last-child) { border-bottom: 1px solid var(--grey-2); }
.css-table.table-striped tr:nth-child(even),
.css-table-wide.table-striped tr:nth-child(even) { background-color: var(--grey-1); }
html, body {
  overscroll-behavior-x: none;
}

/* MD icons inside h1 */
h1 i {
  position: relative;
  margin-left: 10px;
  margin-top: 0;
  top: 7px;
}

canvas:focus {
  outline: none;
}

.grok-summary {
}

.grok-summary-header {
  padding-top: 6px;
  padding-left: 24px;
  height: 24px;
}

.grok-summary-content {
  -webkit-user-select: text;
  padding: 0 24px 24px 24px;
  margin-top: 36px;
  overflow: auto;
}

.grok-workspace .d4-tree-view-group-label {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.grok-workspace .d4-tree-view-group {
  width: 100%;
}

.grok-workspace .d4-tree-view-node {
  margin: 1px 0;
}

.d4-menu-group .fa-search {
  margin: 0 3px;
  color: #40607F;
  font-size: smaller;
}

/* Context panel host (hosts both PropertyPanel and EntityPropertyPanel) */
.grok-prop-panel {
  overflow-y: auto;
  height: 100%;
  display: flex;
}

/*.grok-prop-panel .d4-viewer .d4-layout-center {*/
/*  width: 300px;*/
/*  height: 300px;*/
/*}*/

.grok-prop-panel:hover div::-webkit-scrollbar-thumb {
  background-color: var(--warm-grey-2);
}

body:not(.selenium) .grok-prop-panel .grok-context-arrow-down {
  visibility: hidden;
}

body:not(.selenium) .grok-prop-panel:hover .grok-context-arrow-down {
  visibility: visible;
}

.grok-prop-panel:hover::-webkit-scrollbar-thumb {
  background-color: #dbdcdf;
}

.grok-entity-prop-panel {
  -webkit-user-select: initial;
  flex-grow: 1;
  display: flex;
  min-width: 100%;
  overflow: visible;
  flex-direction: column;
  box-sizing: border-box;
}

.grok-recent-activity-calendar {
  max-width: 30%;
  height: 100%;
}

.grok-recent-activity-container {
  height: 100%;
  display: flex;
}

.grok-recent-activity-group-children {
  padding-left: 16px;
}

.grok-recent-activity-element > span {
  align-items: center;
}

.grok-recent-activity-element i {
  display: initial!important;
}

.grok-recent-activity-element {
  height: 20px;
  margin-left: 20px;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
}


.grok-recent-activity-log {
  min-width: 100%;
  width: 100%;
}

span.d4-time + span.d4-link-label {
  margin-left: 6px;
}

.ui-form .ui-btn,
.grok-prop-panel .ui-btn {
  width: auto;
  display: flex;
  flex-shrink: 1;
  padding: 0 5px;
  /* margin-left: 10px; */
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.04em;
  height: 24px;
  box-shadow: none;
}

.ui-form .ui-btn.ui-btn-raised,
.grok-prop-panel .ui-btn.ui-btn-raised {
  background-color: #50a9c5;
  color: #ffffff;
  padding: 0 12px;
}

.ui-form .ui-btn.ui-btn-raised:hover, .grok-prop-panel .ui-btn.ui-btn-raised:focus,
.grok-prop-panel .ui-btn.ui-btn-raised:hover, .grok-prop-panel .ui-btn.ui-btn-raised:focus {
  -webkit-filter: contrast(90%) brightness(110%);
  color: #ffffff;
}

.d4-textarea-actions .ui-btn {
  background-color: white;
  color: var(--green-2);
  font-size: 13px;
  font-weight: normal;
  margin-top: 6px;
}

.d4-textarea-actions .ui-btn:hover {
  color: var(--green-2);
}

.d4-textarea-actions {
  justify-content: flex-end;
}

.grok-entity-prop-panel .d4-accordion {
  width: 100%;
  flex-grow: 1;
}

.grok-entity-prop-panel .d4-accordion textarea {
  width:100%;
  outline: none;
  box-sizing: border-box;
  border: 1px solid var(--grey-2);
}

.grok-entity-prop-panel .grok-comments {
  margin: 0;
  padding: 0;
}

.grok-entity-prop-panel #navigation {
  border-bottom: 1px solid #dbdcdf;
  padding-bottom: 10px;
  padding-left: 10px;
}

/* Custom context panel (that hosts entity properties, etc) */
.grok-custom-prop-panel {

}

.grok-notification-count {
  padding: 2px 6px;
  height: 15px;
  position: absolute;
  background-color: #eb6767;
  color: #ffffff;
  left: 38px;
  /* right: -2px; */
  top: -3px;
  font-size: 12px;
  border-radius: 3px;
  text-align: center;
}

.d4-stack {
  position: relative;
}

.grok-dock-element-host {
  background-color: #ffffff;
}

.d4-search-bar .d4-mat-icon {
  vertical-align:text-bottom;
}

.d4-color-code-list {
  margin-right: 20px;
  max-height: 250px;
  overflow: auto;
  padding-right: 5px;
}

.d4-color-code-item {
  position: relative;
  padding-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.grok-server-log {
  overflow-y: auto;
  overflow: scroll;
  height: 100%;
  -webkit-user-select: text;
}

.grok-inspector {
  height: 100%;
}

.grok-inspector-log-flow {
  overflow: scroll;
  -webkit-user-select: text;
}

.grok-inspector-log-entry {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.grok-inspector-log-entry-error {
  color: #763434;
}

.dlg-settings { }

.grok-settings-color-schema {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.grok-settings-color-schema .d4-list-item {
  padding-left: 8px;
}

.grok-settings-color-entry {
  margin: 5px;
  width: 20px;
  height: 20px;
}

.dlg-upload-dataset {

}

.dlg-sharing-settings {
  min-width: 500px;
}

.dlg-sharing-settings .grok-icon.fa-link {
  color: var(--blue-1);
  margin-left: 6px;
}

.dlg-sharing-settings .share-links  .fa {
  font-size: 20px;
  margin: 5px;
}

.dlg-sharing-settings .d4-flex-row {
  align-items: center;
}

.dlg-sharing-settings .d4-flex-row input {
  flex-grow: 1;
  outline: none;
}

.dlg-join-tables .d4-item-table td,
.dlg-link-tables .d4-item-table td,
.dlg-compare-tables .d4-item-table td {
  padding: 0;
}

.dlg-compare-tables .ui-input-bool .ui-input-editor, .dlg-join-tables .ui-input-bool .ui-input-editor, .dlg-link-tables .ui-input-bool .ui-input-editor {
  width: initial;
}

.dlg-compare-tables .ui-input-editor,
.dlg-join-tables .ui-input-editor,
.dlg-link-tables .ui-input-editor {
  width: 190px;
  flex-grow: 0;
}

.dlg-link-tables .ui-input-editor {
  justify-content: flex-start !important;
}

.dlg-descriptors {
  width: 300px;
  max-height: 400px;
}

/*.dig-upload-dataset #project-url {*/
.grok-upload-project-url {
  width: 400px;
  margin-right: 7px;
}

.grok-upload-message {
  height: 30px;
}

.grok-pivot {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.ui-btn.ui-btn-ok.add-workspace-btn {
  margin-left: -8px;
  margin-top: -5px;
}

.grok-pivot .ui-btn.ui-btn-ok.add-workspace-btn {
  display: none;
}

.grok-pivot-root {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.grok-pivot-top {
  display: flex;
  flex-direction: column;
  margin-right: 120px;
}

/* Pivot column selection panel (Columns, Rows, Measures) */
.grok-pivot-column-panel {
  display: flex;
  flex-direction: row;
  line-height: 35px;
  padding: 0px 10px 0px 10px;
}

.grok-join-item {
  display: grid;
  row-gap: 4px;
}

.grok-join-row {
  display: grid;
  grid-template-columns: 64px 1fr;
  column-gap: 10px;
  align-items: center;
}

.grok-join-label {
  white-space: nowrap;
  opacity: .8;
}

.grok-join-value {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.grok-join-icon {
  width: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  justify-content: center;
}

.grok-join-content,
.grok-join-content .d4-tag-editor {
  min-width: 0;
  max-width: 100%;
}

/* modal only */
.d4-dialog-contents .grok-join-row {
  grid-template-columns: 48px 1fr;
}


.grok-pivot-counts {
  position: absolute;
  right: 20px;
}

.d4-pivot-column-tags {
  width: calc(100% - 110px);
}

.d4-pivot-column-tags .d4-tag .grok-icon:not(.d4-order-icon) {
  color: var(--grey-3);
}

.d4-pivot-column-tags .d4-tag .grok-icon:hover{
  color: var(--grey-4);
  -webkit-filter: none;
}

.grok-pivot-column-tags-plus {
  margin-right:6px;
}

.grok-pivot-column-tags-plus .grok-icon {
  color: var(--grey-3);
}

.grok-pivot-column-tags-plus .grok-icon:hover {
  color: var(--grey-5);
  -webkit-filter: none;
}

.d4-pivot-column-tags .d4-tag {
  font-size: 13px!important;
  padding: 8px 6px;
}

.d4-pivot-column-tags .d4-tag.tag-editor-input {
  padding: 4px 6px;
}

.grok-pivot-column-tags-title {
  width: 110px;
}

.grok-pivot-grid {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.grok-pivot-loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
}

/* Main menu + ribbon */
.grok-top-panel {

}

.grok-main-menu {
  display: flex;
  padding: 0!important;
  /* justify-content: center; */
  align-items: center;
  flex-direction: row;
  /*background-color: #ECEFF2;*/
}

body:not(.disable-selection) .d4-show-menu .grok-main-menu:hover {
  z-index: 5000;
  /*
  background-color: white;
  box-shadow: inset 30px 0 20px -30px var(--steel-1), inset 0 30px 20px -30px var(--steel-1);
  */
}

.grok-main-menu > div > div > .d4-menu-item[d4-name="Help"] {
  order: 100;
}

.grok-help-host {
}

.grok-help {
  overflow-y: scroll;
  padding: 10px;
  -webkit-user-select: initial;
  font-weight: lighter;
}

.grok-help img {
  max-width: 100%;
}

.grok-help code {
  background: #f2f2f5;
}

.grok-help h3 {
  margin-top: 15px;
}

.grok-help pre {
  font-family: 'Roboto Mono', 'Roboto Mono Local', monospace;
  font-size: 0.8em;
}

/* '?' icon on docked windows */
.grok-dock-container-help {
  cursor: pointer;
  float: right;
  padding-top: 0px;
  /* padding-right: 6px; */
  font-weight: 100;
  color: #4d5261;
  margin-left: 6px;
}

/* hamburger icon on docked windows; very similar to grok-dock-container-help */
.grok-dock-container-menu {
  cursor: pointer;
  float: left;
  padding-top: 0px;
  padding-left: 6px;
  color: #9497a0;
  margin-right: 4px;
}

.d4-dock-container-help:hover {
  color: #4d5261;
}

/***** File | Open (settings...) dialog */

.grok-open-text {
  display: flex;
  height: 100%;
  width: 100%;
}

.grok-open-text .CodeMirror {
  height: 100%;
}

.grok-open-text-settings {
  padding: 10px;
  border-right: 1px solid #dbdcdf;
  max-width: 350px;
}

.grok-open-text-right-div {
  flex-grow: 1;
}

.grok-open-text-text {
  padding: 10px;

  width: 100%;
  height: 100%;
  position: relative;

  word-wrap: normal;
  overflow-x: scroll;
  white-space: pre;
  font-family: 'Roboto Mono', 'Roboto Mono Local', monospace;
}

.grok-card-view {
  position: relative;
  flex-grow: 1;
  overflow: hidden!important;
  outline: none;
}

/*.grok-view-files {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*}*/

/*.grok-view-files > div {*/
/*  display: flex;*/
/*  flex-shrink: 1;*/
/*  flex-grow: 1;*/
/*}*/

/*.grok-view-files .splitter-container-vertical:first-child {
  min-height: 54px;
  max-height: 54px;
}*/

/*.grok-view-files .splitter-container-column > .splitbar-horizontal {
  display: none;
}*/

.grok-view-files .grok-gallery-search-bar .grok-icon.fa-globe-americas {
  font-size: 24px;
  color: var(--grey-2);
}

.grok-view-files .grok-gallery-search-bar .grok-icon.fa-globe-americas:hover {
  color: var(--grey-4);
}

.grok-view-files .grok-gallery-search-bar.grok-search-global .grok-icon.fa-globe-americas {
  color: var(--blue-1);
}

.grok-view-files .grok-gallery-search-bar.grok-search-global .grok-icon.fa-globe-americas:hover {
  -webkit-filter: contrast(90%) brightness(110%);
}

.grok-view-files .grok-gallery-search-bar.grok-search-global {
  border-color: var(--blue-1);
  box-shadow: inset 0 0 15px 0 rgba(32, 131, 213, 0.38);
}

.grok-open-text-preview {
  padding: 10px;
  /*width: 100%;*/
  /*height: 100%;*/
  position: relative;
  border-top: 1px solid #dbdcdf;
}

.grok-user-email {
  color: #2083d5;
  cursor: pointer;
  text-decoration: none;
  font-size: 13px;
  height: auto;
  margin-right: 10px;
}

.grok-ribbon-profile-picture {
  cursor: pointer;
  display: flex;
  width: 48px;
  height: 48px;
  margin-right: 24px;
  border-radius: 50%;
  background-size: 100%;
}

.grok-ribbon-profile-picture .grok-icon-user {
  width: 100%;
  height: 100%;
  font-size: 20px;
}

.grok-ribbon-profile-picture:hover {
  -webkit-filter: contrast(90%) brightness(110%);
}

.grok-cmd-comment:hover, .grok-cmd-share:hover{
  -webkit-filter: brightness(0.5);
}

.grok-info {
  color: #717581;
  cursor: default;
  font-size: 10px;
  height: auto;
  order: -1;
  align-self: flex-start;
  margin: 6px;
}

.grok-profile {
  position: absolute;
  background-color: #ffffff;
  top: 20px;
  right: 5px;
  width: 340px;
  height: 170px;
  z-index: 100;
  font-size: medium;
  border: #4d5261 solid thin;
}

.grok-profile-picture {
  background-size: 100%;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 100px;
  height: 100px;
}

.grok-profile-name {
  position: absolute;
  left: 120px;
  top: 20px;
}

.grok-profile-email {
  position: absolute;
  left: 120px;
  top: 40px;
}

.grok-account-link {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.grok-sign-out-link {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.grok-log-in-link {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.grok-log-in-google-link {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.grok-login-google-main {
  background-color: white;
  z-index: 100501;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.grok-login-google-main label {
  text-align: center;
  height:20px;
}

.grok-smart-bar {
  display: inline-block;
  position: relative;
  width: 300px;
  z-index: 2000;
  margin-left: 5px;
  transform: translateY(-6px);
}

.grok-smart-bar-icon {
  display: flex;
  order: 100;
  align-items: center;
}

.grok-smart-bar-input {
  width: 173px;
  order: 101;
  background: transparent;
  border-width: 0px 0px 1px 0px;
  outline: none;
  border-color: #40607F;
  color: #40607F;
  margin-left: -15px;
  padding-left: 20px;
  padding-top: 3px;
  padding-bottom: 4px;
  /* margin-bottom: -4px; */
}

.grok-smart-bar-input::placeholder {
  color: #dbdcdf;
}

.grok-smart-bar-drop-down {
  position: absolute;
  width: 303px;
  border: 1px solid #dbdcdf;
  z-index: 4000;
  visibility: visible;
  background: #ECEFF2;
  color: #4d5261;
  cursor: pointer;
}

.grok-smart-bar-drop-down table {
  outline: none;
  width: 100%;
}

.grok-smart-bar-drop-down tr.d4-current,
.grok-smart-bar-drop-down tr:hover {
  background: #D7DFE7;
}

.grok-smart-bar-drop-down tr td:first-child > i {
  vertical-align: middle;
}

.grok-smart-bar-drop-down tr {
  height: 24px;
}

.grok-smart-bar-drop-down tr td img {
  width: 16px;
  height: 16px;
  padding: 4px;
}

/*.entity {*/
  /*background-color: #F3F3F3;*/
  /*border-radius: 4px;*/
  /*color: #002700;*/
  /*cursor: alias;*/
/*}*/
.grok-project-status .d4-combo-popup {
  cursor: pointer;
}

.grok-project-status .d4-combo-popup:hover {
  background-color: #dbdcdf;
}

.grok-project-status .d4-combo-popup-caption span {
  text-overflow: ellipsis;
  max-width: 140px;
  overflow: hidden;
  display: inline-block;
  /* height: 12px; */
  white-space: nowrap;
  font-size: 10px;
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.grok-project-status {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-right: 20px;
  border-left: 1px dashed #b8bac0;
  border-right: 1px dashed #b8bac0;
  padding: 0 15px;
  max-width: 260px;
  min-width: 110px;
  justify-content: center;
  transition: all 0.5s;
}

.grok-global-exception-shown .grok-project-status {
  margin-right: 60px;
}

.grok-project-status .d4-combo-popup .d4-list-item {
  padding: 5px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 200px;
  /* background-color: #ffffff; */
}

.grok-project-status .d4-combo-popup .d4-combo-drop-down {
  color: #40607f;
}

.grok-project-status .btn {
  margin: 0;
  padding: 4px 15px;
  margin-left: 10px;
  font-size: 10px;
  text-transform: uppercase;
  box-shadow: none;
  background-color: #3cb173;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #ffffff;
}

.grok-project-status .btn:hover {
  color: #ffffff;
  -webkit-filter: contrast(90%) brightness(110%);
}

.grok-project-status .btn:focus {
  outline: none;
  color: #ffffff;
  background-color: #3cb173;
}

.ui-btn.ui-btn-raised.dim {
  background-color: var(--steel-2)!important;
  color: var(--steel-3)!important;
}

.ui-btn.ui-btn-raised.dim:hover {
  background-color: var(--steel-3);
  color: var(--steel-4);
}

.ui-btn.ui-btn-raised.dim:focus {
  outline: none;
  background-color: var(--steel-3);
  color: var(--steel-4);
}

.grok-project-status .btn.dim {
  background-color: var(--steel-2);
  color: var(--steel-3);
}

.grok-project-status .btn.dim:hover {
  background-color: var(--steel-3);
  color: var(--steel-4);
}

.grok-project-status .btn.dim:focus {
  outline: none;
  background-color: var(--steel-3);
  color: var(--steel-4);
}


.grok-project-status-action {
  display: flex;
  /* justify-content: center; */
  height: 22px;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 3px;
}

.grok-project-status #status {
  margin-left: 7px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #B3BFCC;
  flex-grow: 1;
}

.grok-items-view-commands.grok-items-view-toggle {
  order: 998;
  font-size: 14px;
}

.grok-items-view-commands {
  display: flex;
}

.grok-items-view-commands .grok-icon {
  width: 24px;
  height: 24px;
  align-items: center;
  display: flex;
  justify-content: center;
  color: var(--blue-1);
  cursor: pointer;
  border-radius: 3px;
}

.grok-items-view-commands .grok-icon.d4-current {
  background-color: var(--icon-checked);
}

.d4-ribbon-item .grok-icon.d4-current {
  background-color: var(--icon-checked);
}

.grok-items-view-commands .grok-icon:hover {
  -webkit-filter: none;
  color: #4d5261;
  background-color: var(--grey-1);
}

.grok-items-view-counts {
  display: flex;
  color: #717581;
  order: 999;
  margin-left: 8px;
  justify-content: flex-end;
  min-width: 40px;
}

.grok-items-view-loading {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  /*
  background: linear-gradient(to bottom, rgba(136, 162, 186, 0) 0%, rgba(136, 162, 186,1) 100%);
  animation: pulse 0.7s infinite;
  */
}

.grok-items-view-loading div {
  width:100%;
  position:absolute;
  height:4px;
  left:0;
  top:0;
  background-color: var(--blue-1);
  -webkit-animation: 1s linear 0s infinite grok-items-view-loading-bar;
  -moz-animation: 1s linear 0s infinite grok-items-view-loading-bar;
  -o-animation: 1s linear 0s infinite grok-items-view-loading-bar;
  animation: 1s linear 0s infinite grok-items-view-loading-bar;
}

@-webkit-keyframes grok-items-view-loading-bar { from { margin-left:-100%; } to { margin-left:100%; }  }
@-moz-keyframes grok-items-view-loading-bar { from { margin-left:-100%; } to { margin-left:100%; }  }
@-o-keyframes grok-items-view-loading-bar { from { margin-left:-100%; } to { margin-left:100%; }  }
@keyframes grok-items-view-loading-bar { from { margin-left:-100%; } to { margin-left:100%; }  }

@keyframes pulse {
  0% {opacity: 1;}
  70% {opacity:0;}
  100% {opacity:1;}
}

.grok-info-panel .d4-viewer {
  height: 300px;
}

.dlg-edit-connection textarea {
  min-width: 200px !important;
  font: inherit;
}

.grok-preloader > .grok-loader {
  top: -20px;
  left: -50px;
}

.grok-preloader {
  position: absolute;
  z-index: 100500;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  background-color: white;
  align-items: center;
  animation: fadeIn 3s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.grok-loader {
  display: inline-block;
  position: relative;
  top: -4px;
  justify-content: center;
}


.d4-console-info .grok-loader {
  position: absolute;
  right: 40px;
  top: 4px;
}

.grok-loader div {
  position: absolute;
  background-color: #ffffff;
  width: 5px;
  border: solid 1px #2083d5;
  height: 5px;
  border-radius: 50%;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.grok-preloader .grok-loader div {
  width: 15px;
  border: solid 3px #2083d5;
  height: 15px;
}


.grok-loader div:nth-child(1) {
  left: 6px;
  animation: grok-loader1 0.6s infinite;
}
.grok-loader div:nth-child(2) {
  left: 6px;
  animation: grok-loader2 0.6s infinite;
}
.grok-loader div:nth-child(3) {
  left: 18px;
  animation: grok-loader2 0.6s infinite;
}
.grok-loader div:nth-child(4) {
  left: 27px;
  z-index: -1;
  animation: grok-loader3 0.6s infinite;
}

.grok-preloader .grok-loader div:nth-child(1) {
  animation: grok-loader1 0.6s infinite;
}
.grok-preloader .grok-loader div:nth-child(2) {
  animation: grok-loader2a 0.6s infinite;
}
.grok-preloader .grok-loader div:nth-child(3) {
  left: 42px;
  animation: grok-loader2a 0.6s infinite;
}
.grok-preloader .grok-loader div:nth-child(4) {
  left: 78px;
}



@keyframes grok-loader1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes grok-loader3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes grok-loader2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(12px, 0);
  }
}

@keyframes grok-loader2a {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(36px, 0);
  }
}

.flashing {
  animation-name: flash;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 4;
}

@keyframes flash {
  0% { opacity: 1.0; }
  50% { opacity: 0.3; }
  100% { opacity: 1.0; }
}

.grok-flex-view-editor {
  display: flex;
  position: relative;
  flex-grow: 1;
}

.grok-flex-view-editor textarea {
  border: none;
  width: 100%;
  margin: 0!important;
}

.grok-help-view-navigation {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 24px;
  padding-bottom: 8px;
  padding-left: 6px;
  padding-right: 6px;
}

.grok-help-view-navigation-header {
  display: flex;
  flex-direction: row;
  margin-right: 8px;
  flex-shrink: 0;
}

.grok-help-view-navigation-content {
  margin-top: 8px;
  overflow: scroll;
  flex-grow: 1;
  flex-shrink: 1;
  margin-right: -6px;
}

.grok-help-view-navigation .d4-tree-view-group-label {
  padding: 0 !important;
}

.grok-help-view-navigation .d4-tree-view-item {
  margin-left: 0 !important;
}

.grok-help-view-navigation .d4-tree-view-node:hover, .grok-help-view-navigation .d4-tree-view-node-selected {
  background-color: var(--warm-grey-2) !important;
  padding-right: 8px !important;
}

.grok-help-view-navigation .d4-tree-view-root {
  overflow: hidden !important;
}

.grok-help-view-navigation .d4-search {
  margin-left: 8px;
  margin-top: 0 !important;
}

.grok-plugin-status-running {
  color: var(--success);
}

.grok-plugin-status-failed {
  color: var(--failure);
}

.grok-transform-editor-container {
  flex-grow: 1;
  display: flex;
}

.grok-transform-editor-root {
  flex-grow: 1;
  display: flex;
}

.grok-transform-editor-container .d4-root {
  height: auto;
  flex-grow: 1;
}

.grok-view-MLFlowConnections .grok-gallery-grid-item-wrapper {
  width: fit-content;
}

.grok-dataquery-view .d4-pm-view-container {
  background-color: white;
  z-index: 1;
  height: auto;
}

.grok-dataquery-view > .d4-pm-view-footer {
  z-index: 1;
  background-color: white;
}

.grok-loader-substructure-filter {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  padding-left: 50%;
  padding-top: 120px;
}

.grok-dataquery-view .d4-pm-view-contents.grok-query-view-file-provider-root {
  overflow: hidden;
  display: flex;
}

.grok-dataquery-view .d4-pm-view-contents.grok-query-view-file-provider-root .d4-tree-view-root {
  overflow-y: initial;
}

.grok-query-view-file-provider {
  display: flex;
  flex-direction: column;
  overflow: scroll;
}

.grok-view-settings .d4-tree-view-node-selected {
    background: var(--grey-2);
}

.grok-view-settings .d4-tree-view-node:hover {
    background: var(--grey-1);
}

.grok-view-settings .ui-form .ui-input-root > label.ui-input-label:not(:empty) {
  max-width: 250px!important;
  width: 250px!important;
}


.grok-view-settings .ui-input-user .ui-input-root > .ui-input-editor {
  width: 100px;
  flex-grow: 0!important;
}

.grok-view-settings .ui-input-user > .user-selector-area {
  width: 250px;
  flex-grow: 1;
}

.dlg-log-settings.ui-form .ui-input-root {
  max-width: 650px!important;
  width: 650px;
}

.grok-view-settings .ui-input-user > .ui-input-choice > .grok-icon.fa-times {
  order: 99;
  margin-left: 8px;
}

.grok-view-settings .ui-form .ui-input-root.ui-input-bool > .ui-input-editor {
  width: initial;
}

.grok-view-settings .ui-form .ui-hint-block.ui-hint-block-warning {
  color: var(--red-3);
}

.ui-hint-block.ui-hint-delete-warning {
  color: #763434;
  border: 1px solid #eb6767;
  background: #fbe0e0;
  margin-top: 24px;
}

.grok-cw-settings-header {
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0 10px 0;
}

.grok-cw-settings-header h4 {
  margin: 0 10px 0 0;
}

.dlg-save-project .ui-hint-block {
  margin: 0 0 0 12px!important;
}

.grok-view-settings .ui-form .ui-hint-block,
.dlg-save-project .ui-hint-block {
  margin: 0 0 12px 262px;
  padding: 0;
  font-size: smaller;
  color: var(--grey-4);
  background-color: initial;
  white-space: normal;
  display: flex;
  flex-direction: column;
}

.grok-property-line{
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  flex-grow: 1;
  align-items: baseline;
  border-bottom: 1px solid var(--grey-2);
}

.grok-view-databases > .d4-tree-view-root,
.grok-view-webservices > .d4-tree-view-root {
  height:100%;
}

.panel-content > .grok-view-browse {
  overflow: scroll;
}

.d4-dock-container > .grok-view.grok-view-browse {
  overflow: hidden;
  padding: 0;
  height: initial;
}

/*.grok-favorites-pane.d4-drop {*/
  /*background: gray;*/
/*}*/

.grok-favorites-pane .d4-entity-markup-row {
  margin-bottom: 6px;
}
.d4-tab-header[name=Favorites].d4-drop>.grok-icon {
  color: #EA8C33!important;
}

.dlg-share-file.ui-form .ui-input-editor,
.dlg-share-folder.ui-form .ui-input-editor{
  max-width: initial!important;
}

.grok-view-func .d4-accordion-pane-content {
  margin-left: 0;
  padding-left: 0;
}

.grok-view-func :not(.ui-input-editor) > .ui-btn {
  margin-left: 28px;
}

.grok-favorites-list > .d4-flex-col > span,
.grok-favorites-list > .d4-flex-col > span > span {
  height: 24px;
}

.grok-favorites-list > .d4-flex-col > span > span.d4-link-label i.grok-icon + label {
  margin-left: 26px;
}

.grok-favorites-list > .d4-flex-col {
  flex-grow: 0!important;
}

.grok-favorites-list > .d4-flex-col > span,
.grok-favorites-list-empty {
  margin-left: 7px;
}

.grok-favorites-pane {
  padding: 12px!important;
  box-sizing: border-box;
  overflow: scroll;
}


.grok-credentials-manager-editor i.fa-lock {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 100px;
  color: var(--grey-1);
}

.grok-view.grok-view-dockers .panel-titlebar-text {
  visibility: visible;
}

.ui-namespace-label {
  display: flex;
  align-items: center;
  color: var(--grey-4);
}

.ui-namespace-label:not(:empty) + .ui-input-editor {
  padding-left: 0!important;
}

.grok-view-browse .ui-panel.d4-flex-row h2 button.d4-upload-button {
  margin-left: 8px;
}
.grok-view-browse .ui-panel.d4-flex-row button.d4-upload-button {
  margin-left: auto;
}

.grok-view-browse button.d4-upload-button {
  color: white;
  text-transform: uppercase;
  font-size: 9px;
  /* padding: 0px 6px; */
  margin: 0;
  margin-left: 8px;
  height: 15px;
  background-color: var(--green-2);
}

.grok-view-browse button.d4-upload-button.dim  {
  background-color: var(--warm-grey-2);
}

.grok-view-browse .d4-tree-view-group-label::after,
.grok-view-browse .d4-tree-view-item-label::after
{
  content: attr(data-name);
  margin-left: 8px;
  color: var(--grey-3);
  display: flex;
  visibility: hidden;
  width: 0;
}

.grok-view-browse .grok-view-browse-splitter {
  margin: 4px 0;
  border-bottom: 1px solid var(--steel-1);
  position:relative;
}

.grok-view-browse .grok-view-browse-splitter .grok-icon.fa-desktop:hover,
.grok-view-browse .grok-view-browse-splitter .grok-icon.fa-cloud :hover {
  filter: none;
  -webkit-filter: none;
}

.grok-view-browse .grok-view-browse-splitter .grok-icon.fa-desktop {
  position: absolute;
  right: 4px;
  bottom: 7px;
  width: 16px;
  text-align: center;
  color: var(--steel-3);
  cursor: default;
}

.grok-view-browse .grok-view-browse-splitter .grok-icon.fa-cloud {
  position: absolute;
  right: 4px;
  top: 8px;
  width: 16px;
  text-align: center;
  color: var(--steel-3);
  cursor: default;
  z-index: 1;
}

.grok-view-browse .d4-tree-view-group {
  min-width: 100%;
  position: relative;
  max-width: initial;
  overflow: initial;
}

.grok-view-browse .d4-tree-view-group:hover > .d4-tree-view-node > .d4-tree-view-group-label::after,
.grok-view-browse .d4-tree-view-item:hover > .d4-tree-view-item-label::after {
  visibility: visible;
}

.d4-accordion .d4-tree-view-group.grok-view-browse-foreign-hide,
.grok-view-browse .d4-tree-view-group.grok-view-browse-foreign-hide {
  display: none;
}

.d4-accordion .d4-tree-view-group-label.grok-view-browse-foreign,
.grok-view-browse .d4-tree-view-group-label.grok-view-browse-foreign {
  color: var(--grey-4);
}

.d4-accordion .d4-tree-view-group-label.grok-view-browse-foreign::before,
.grok-view-browse .d4-tree-view-group-label.grok-view-browse-foreign::before {
  color: var(--grey-3);
  content: attr(data-namespace);
}

.grok-view-browse-foreign-link .grok-icon.fa-link {
  order: -1;
  color: var(--grey-3)!important;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2px 0 0!important;
}

.grok-view-browse .d4-workspace-project {
  border-bottom: none;
}

.grok-view-browse .d4-workspace-project h2, .grok-view-browse .d4-workspace-project button {
  display: none;
}

.grok-ns-entity-name {
  max-width: 420px;
  color: var(--steel-5);
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
}

.grok-ns-entity-name::before {
  color: var(--steel-3);
  content: attr(data-namespace);
}

.grok-ns-entity-name.d4-ribbon-name > span {
  font-weight: normal;
}

.grok-ns-entity-name.d4-ribbon-name > span:last-child {
  font-weight: 700;
}

.grok-ns-entity-name.d4-ribbon-name > span + span::before {
  content: "/";
  margin: 0 4px;
}

.grok-view-settings .ui-split-v .ui-panel {
  margin-bottom: 0;
  max-width: initial;
  flex-shrink: 0;
  flex-grow: 0;
}

.grok-view-settings .ui-split-v .grok-gallery-grid {
  flex-grow: 1;
}

.grok-view-settings .ui-form {
  margin-bottom: 24px;
  overflow-y: hidden;
  flex-shrink: 0;
}

.grok-view-settings .ui-form .d4-balloon.warning {
  padding: 12px;
}

.grok-view-settings .ui-box.ui-split-v.grok-pane-plugins {
  height: 100%;
  width: 100%;
}

.grok-view-settings .ui-form .d4-balloon-content {
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0;
}

.grok-function-view-outputs.ui-hide-input-labels .ui-input-label {
  display: none!important;
}

.grok-function-view-outputs.ui-hide-input-labels .ui-panel {
  padding:0;
}

.grok-function-view-outputs.ui-hide-input-labels .ui-form {
  display: flex;
  max-width: initial;
}

.grok-function-view-outputs.ui-hide-input-labels .ui-form .grok-view{
  flex-grow: 1;
  width: initial;
  height: initial;
}

.grok-function-view-outputs.ui-hide-input-labels .ui-input-root.ui-input-dynamic{
  padding: 0;
  width: initial;
  height: initial;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.grok-function-view-inputs {
  flex-grow: 0!important;
  flex-basis: initial!important;
}

.grok-function-view-inputs > .grok-wait {
  display: block!important;
}

.grok-function-view-inputs .ui-form {
  padding: 12px;
}

.grok-view-settings .d4-pane-cloudwatch_export .d4-pane-manage-button {
  left: 135px;
}

.grok-view-settings .ui-input-buttons button {
  position: relative;
}

.grok-view-settings .ui-input-buttons button .grok-loader {
  left: 50%;
  position: absolute;
  top: 9px;
  margin-left: -16px;
}

.grok-view-settings .ui-input-buttons button.d4-disabled span {
  visibility: hidden;
}

.grok-view-settings .ui-input-bool-switch.ui-input-root:has(.ui-input-switch-on) > label.ui-input-label {
  font-weight: bolder;
  color: var(--text-color);
}

/* tabs containers */

.tab-host.grok-tab-host > .tab-handle-list-container {
  display: flex;
  top: 0;
  width: 100%;
  background-color: white;
  height: 30px;
  overflow-x:auto;
  box-shadow: inset 30px 0 20px -30px var(--steel-1), inset -30px 0 20px -30px var(--steel-1), inset 0 -30px 20px -30px var(--steel-1), inset 30px 0 20px -30px var(--steel-1), inset -30px 0 20px -30px var(--steel-1), inset 0 30px 20px -30px var(--steel-1)
}

.tab-host.grok-tab-host > .tab-handle-list-container::-webkit-scrollbar {
  display: none;
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle.tab-handle-color-coded {
  box-shadow: -8px 0px 0 -7px var(--warm-grey-2), 8px 0px 0 -7px var(--warm-grey-2), inset 0 -4px 1px -3px;
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle {
  height: inherit;
  min-width: 40px;
  box-shadow: -8px 0px 0 -7px var(--warm-grey-1), 8px 0px 0 -7px var(--warm-grey-1);
  box-sizing: border-box;
  border-top-left-radius: 1.5px;
  border-top-right-radius: 1.5px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle[data-home=true] {
  min-width: 32px;
  width: 32px;
  max-width: 32px;
}

.tab-handle-text span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle:not(.tab-handle-selected):hover {
  cursor: pointer !important;
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle:not(.tab-handle-selected):hover .tab-handle-text > .grok-icon {
  color: #4D5261;
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle:not(.tab-handle-selected):hover .tab-handle-text {
  color: #4D5261;
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle[data-home=true] >.tab-handle-close-button {
  display: none;
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle:hover {
  background-color: rgba(255,255,255,0.7);
  color: var(--grey-6);
}

.tab-host.grok-tab-host > .tab-handle-list-container > .grok-icon {
  display: flex;
  height: inherit;
  min-width: 30px;
  justify-content: center;
  align-items: center;
  color: #b8bac0;
  margin-right: 0;
  box-sizing: border-box;
  z-index: 1;
}

.tab-host.grok-tab-host > .tab-handle-list-container > .grok-icon:hover {
  color: #4D5261;
  filter: none;
}

.tab-host.grok-tab-host > .tab-handle-list-container > .fa-chevron-down {
  display: none;
}

.tab-host.grok-tab-host > .tab-handle-list-container > .fa-plus {
  order: 1;
  position:sticky;
  right:0;
}

.tab-host.grok-tab-host > .tab-handle-list-container > .fa-search {
  order: -1;
  position:sticky;
  left:0;
}

.tab-host.grok-tab-host > .tab-handle-list-container .grok-smart-bar-input {
  order: -1;
  border-bottom: none;
  color: var(--grey-6);
  height: inherit;
  padding: 0px 8px;
  width: 0px;
  opacity: 0;
  transition: width 0.25s ease-in, opacity 0.25s ease-in;
}

.tab-host.grok-tab-host > .tab-handle-list-container .grok-smart-bar-input:not([style*="hidden"]){
  width: 200px;
  opacity: 100;
  margin-right: 1px;
  margin-left: 0px;
}

.tab-host.grok-tab-host > .tab-handle-list-container .grok-smart-bar-input::placeholder {
  color: var(--grey-4);
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle-text > .grok-icon {
  min-width: 16px;
  min-height: 16px;
  margin-right: 4px;
  pointer-events: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  order: -1;
}

.layout-toolbar .tab-handle > .tab-handle-text {
  padding: 0px 4px 0 8px;
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle.tab-handle-selected.tab-handle-color-coded {
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.25),inset 0 1px 0 var(--warm-grey-2), inset 0 5px 1px -3px;
}

.layout-toolbar .tab-handle +.tab-handle::before,
.layout-toolbar .tab-handle:last-child::after {
  width: 0;
}

.tab-host.grok-tab-host > .tab-handle-list-container .tab-handle.tab-handle-selected {
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.25),inset 0 1px 0 var(--warm-grey-2);
  font-weight: normal;
  background-color: var(--white);
  border-right: 1px solid var(--white);
  z-index: 2;
  flex-shrink: 0;
  border-right-width: 0px;
  border-bottom: 1px solid var(--white);
  position: initial;
  position: sticky;
  left:30px;
  right:30px;
  flex-wrap: nowrap;
  margin-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.d4-show-menu .tab-host.grok-tab-host > .tab-handle-list-container > .d4-ribbon,
.presentation .tab-host.grok-tab-host > .tab-handle-list-container > .d4-ribbon {
  display: none;
}

.d4-show-menu .d4-view-ribbon {
  display: none;
}

.d4-view-ribbon-controls {
  margin-left: auto;
}

.d4-view-ribbon-controls i.fa-times:hover {
  background-color: var(--red-3);
  color:white;
  -webkit-filter: none;
}

.d4-view-ribbon-controls i {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--grey-3);
}

.grok-prop-panel .d4-accordion .d4-balloon-content .grok-wait {
  width: 100%;
}

.dlg-move-entity {
  min-height: 220px;
}

.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row.grok-project-move-entity-debug,
.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row .ui-hint-block.grok-project-move-entity-debug,
.grok-project-move-entity .grok-project-move-entity-debug{
  display: none;
}

.grok-project-move-entity.grok-project-move-entity-debug .d4-flex-col > .d4-flex-row.grok-project-move-entity-row.grok-project-move-entity-debug,
.grok-project-move-entity.grok-project-move-entity-debug .grok-project-move-entity-debug {
  display: flex;
}

.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row {
  width: 410px;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  min-height: 28px;

  margin-bottom: 4px;
}
/*
.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row .d4-flex-row:first-child {
  margin-right: auto;
}*/

.grok-project-move-entity-row .ui-input-bool-switch label {
  width: initial!important;
}

.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row .ui-hint-block {
  width: 100%;
  font-size: smaller;
  white-space: normal;
  display: flex;
  flex-direction: column;
}

.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row > .grok-icon.fal,
.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row > .grok-icon.fal:hover {
  height: 28px;
}

.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row .grok-icon,
.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row .grok-icon:hover {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: default;
  position: relative;
  margin-right: 4px;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: none;
  -webkit-filter: none;
}


.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row .grok-icon.fa-times,
.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row .grok-icon.fa-plus {
  cursor: pointer;
  color: var(--grey-2);
}

.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row .grok-icon.fa-times:hover,
.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row .grok-icon.fa-plus:hover {
  color: var(--grey-4);
}

.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row.disabled .ui-hint-block {
  display: none;
}

.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row.disabled .ui-input-bool-switch {
  pointer-events: none;
}

.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row.disabled {
  opacity: 0.5;
}

.grok-project-move-entity .d4-flex-col > .d4-flex-row.grok-project-move-entity-row select {
  width: 70px;
}

.grok-view-browse .d4-tree-view-group-host .d4-tree-view-group-host {
  margin-left: 6px;
}

.grok-view-browse-search {
  margin-top: -4px;
  margin-bottom: 4px;
  width: 100%;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.grok-view-browse-search input {
  width: 100%;
  padding: 0 42px;
  color: var(--grey-4);
  border-bottom: none;
}

.grok-view-browse-search .grok-icon.fa-search {
  left: 24px;
}

.grok-view-browse-search .grok-icon.fa-chevron-double-up {
  left: 6px;
}

.grok-view-browse-search .grok-icon.fa-search,
.grok-view-browse-search .grok-icon.fa-chevron-double-up {
  position: absolute;
  top: 8px;
  color: var(--grey-3);
}


.grok-view-browse-search-result-parent.d4-tree-view-group > .d4-tree-view-node > .d4-tree-view-group-label{
}

.grok-view-browse-search-result.d4-tree-view-node > .d4-tree-view-item-label,
.grok-view-browse-search-result.d4-tree-view-group > .d4-tree-view-node > .d4-tree-view-group-label{
  background-color: var(--green-1);
  padding-left: 6px;
}

.d4-tree-view-root.grok-view-browse-search > .d4-tree-view-group-host .d4-tree-view-group,
.d4-tree-view-root.grok-view-browse-search > .d4-tree-view-group-host .d4-tree-view-item {
  display: none;
}

.d4-tree-view-root.grok-view-browse-search .d4-tree-view-group.grok-view-browse-search-result-parent,
.d4-tree-view-root.grok-view-browse-search .d4-tree-view-group.grok-view-browse-search-result,
.d4-tree-view-root.grok-view-browse-search .d4-tree-view-item.grok-view-browse-search-result,
.d4-tree-view-root.grok-view-browse-search .d4-tree-view-group.grok-view-browse-search-result .d4-tree-view-item,
.d4-tree-view-root.grok-view-browse-search .d4-tree-view-group.grok-view-browse-search-result .d4-tree-view-group{
  display: flex;
}

.grok-view-browse-search-progress {
  width: attr(data-progress %);
  height: 1px;
  background-color: var(--blue-1);
  margin-top: -3px;
}

.grok-view-browse-search-progress.d4-blink-animation {
  width: 20px!important;
}

.d4-tree-view-group.d4-tree-view-node-new .d4-tree-view-node::before,
.d4-tree-view-node.d4-tree-view-node-new.d4-tree-view-item::before {
  content: " ";
  background-color: var(--blue-1);
  width: 4px;
  height: 4px;
  lefT: 20px;
  position: absolute;
  border-radius: 50%;
  z-index: 100;
  animation: pulse-blue 1.25s infinite;
  box-shadow: 0 0 0 0 var(--blue-1);
}

.d4-tree-view-node.d4-tree-view-node-new.d4-tree-view-item::before {
  left: 0;
}

@keyframes pulse-blue {
  100% {
    box-shadow: 0 0 0 0 var(--blue-1);
  }

  70% {
    box-shadow: 0 0 0 50px rgba(32, 131, 213, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(32, 131, 213, 0);
  }
}


.tab-host > .tab-handle-list-container {
  display: flex;
  top: 0;
  width: 100%;
  background-color: var(--warm-grey-1);
  height: 22px;
  overflow-x: auto;
  box-shadow: inset 0px 1px 0px 0 var(--warm-grey-2);
}

.tab-host > .tab-handle-list-container .tab-handle.tab-handle-selected {
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.25),inset 0 1px 0 var(--warm-grey-2);
  font-weight: normal;
  background-color: var(--white);
  border-right: 1px solid var(--white);
  z-index: 2;
  flex-shrink: 0;
  border-right-width: 0px;
  margin-top: -1px;
}


.grok-browse-preview {
  font-style: italic;
}

.grok-browse-icons {
  display: flex;
  margin-bottom: 2px;
}

.grok-browse-header.panel-titlebar .grok-browse-icons .grok-icon {
  visibility: visible !important;
  font-size: 16px !important;
  display: flex;
  justify-content: center;
  width: 24px;
  height: 24px;
  align-items: center;
  flex-grow: 1;
}

.grok-browse-icons ~ .panel-titlebar-text {
  display: none;
}

.grok-browse-header.panel-titlebar {
  height: 32px;
}

.grok-browse-header.panel-titlebar .panel-titlebar-button-close {
  height:32px;
  width:32px;
}

.grok-db-table-info-count {
  margin: 8px;
}

.grok-toolbox-header {
  display: flex;
  padding: 8px;
  justify-content: flex-end;
}

.grok-toolbox-header > i.grok-icon.fal.fa-thumbtack {
  color: var(--grey-3);
}

.d4-ribbon .grok-db-table-info-count {
  min-width: 120px;
  align-items: center;
  justify-content: center;
  color: var(--steel-5);

}

.grok-service-info-holder {
  gap: 10px;
  margin-top: 5px;
  padding-left: 20px;
}

.grok-service-info-line {
  padding: 2px 0;
  align-items: start;
  gap: 10px;
}

.grok-service-check-span {
  text-align: center;
}

.grok-service-check-span > i {
  vertical-align: middle;
  color: var(--steel-5);
}

.grok-service-check-span > .grok-icon.fa-hourglass {
  padding-right: 3px;
  animation: blinker-animation 0.1s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.grok-service-check-span > .grok-icon.fa-times {
  color: var(--red-3);
  padding-right: 4px;
}

.grok-service-check-span > .grok-icon.fa-exclamation-triangle {
  color: #FFCC00;
  padding-right: 3px;
}

.grok-service-check-span > .grok-icon.fa-shield-check {
  color: var(--green-2);
  padding-right: 3px;
}

.grok-service-check-span > .grok-icon.fa-check {
  color: var(--green-2);
}

.grok-service-check-span > .fa-spinner {
  font-size: large;
  margin-right: 3px;
}

.grok-toolbox-icon {
  position: initial !important;
  margin-left: 3px;
}

.grok-toolbox-icon.fa-exclamation-circle {
  color: var(--red-3)!important;
}

.grok-toolbox-icon.fa-check {
  color: var(--green-2)!important;
}

.grok-services-state-root {
  width: 100%;
  max-width: 500px;
  align-self: center;
}

.grok-services-state-root > div.d4-accordion {
  margin-top: 5px;
}

.grok-services-state-header {
  align-items: center;
  padding: 4px;
  font-weight: bold;
}

.grok-services-state-list {
  padding-left: 40px;
  margin-top: 5px;
}

.grok-service-text {
 gap: 4px;
}

.grok-namespace-view .grok-items-view-commands {
  display: none;
}

.grok-namespace-view .grok-items-view-counts {
  display: none;
}

.grok-container-header {
  font-size: 1.3rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
}

.grok-container-info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.grok-container-info > * {
  flex: 1 1 180px;
}


.grok-container-info-item span {
  font-weight: bold;
  color: #9497a0;
  display: block;
  font-size: 0.85rem;
}

.grok-container-info-item p {
  margin: 4px 0 0 0;
}

.grok-container-info-item-status-completed {
  color: #3cb173;
}

.grok-container-info-item-status-error {
  color: red;
}

.grok-container-info-item-status-queued, .grok-container-info-item-status-running {
  color: #40607f;
}

.grok-container-info-card {
  background: #fff;
  border-radius: 10px;
  padding: 1.5rem 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.grok-container-info-resource {
  display: flex;
  align-items: center;
  background: #f9fafb;
  padding: 0.75rem 1rem;
  border-radius: 8px;
}

.grok-container-info-resource i {
  font-size: 1.3rem;
  color: #3b82f6;
  margin-right: 0.8rem;
  width: 20px;
  pointer-events: none;
}

.grok-container-info-resource-info {
  flex-grow: 1;
}

.grok-container-info-resource-info .label {
  font-size: 0.8rem;
  color: #9497a0;
}

.grok-container-info-resource-info .value {
  font-weight: 600;
}
div {
    --drop-zone-color: #E7F0F3;
}

i.fa-star.fas {
    color: #ffa24a!important;
}

.grok-entity-prop-panel i.fa-star.fal {
    color: var(--grey-3);
}

.grok-entity-prop-panel i.fa-star.fal:hover {
    color: var(--grey-4);
}

span.inline div {
    display: inline;
}

.d4-picture {
    background-size: 100% 100%;
}

.d4-debug-root > * {
    padding: 2px 0;
}

.d4-sidebar-app-picture {
    margin: -3px 0;
    width: 24px!important;
    height: 28px!important;
    background-size: contain;
    background-position-x: center;
    background-repeat: no-repeat;

}

.d4-picture.square {
    width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
}

.d4-picture-host {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.d4-wait {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*z-index: 9999;*/
    font-size: 2em;
    background-color: #f2f2f5;
    padding: 30px;
    border: 1px solid #dbdcdf;
    border-bottom-color: #b8bac0;
}

.d4-center-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.d4-actions-list .d4-link-label + .d4-link-label {
    margin-top: 12px;
}

.ui-input.ui-input-root > div.ui-input-editor {
    flex-direction: column;
    display: flex;
    position: relative;
    padding: 0;
}
.ui-input.ui-input-root > div.ui-input-editor > input.ui-input-editor ~ input.ui-input-slider {
    height: 18px;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: -9px;
    margin: 0;
    z-index: 2;
}
.ui-input.ui-input-root > div.ui-input-editor >.ui-input-editor:focus {
    border-bottom: 1px solid var(--blue-1)!important;
}
.ui-input .ui-input-slider {
    position: absolute;
    bottom: -11px;
    width: 100px;
    right: 5px;
    visibility: hidden;
}
.ui-input.ui-input-root .ui-input-plus {
    order:-2;
    visibility: hidden;
    height: 20px;
    width: 20px;
    color: var(--blue-1);
    border-radius: 2px;
}

.ui-input.ui-input-root .ui-input-minus {
    order:-2;
    visibility: hidden;
    height: 20px;
    width: 20px;
    color: var(--blue-1);
    border-radius: 2px;
}

.ui-input .ui-input-minus:hover {
    background-color: rgba(32,131,213,0.15);
}
.ui-input .ui-input-minus:active {
    -webkit-filter: brightness(90%) contrast(90%)!important;
}
.ui-input .ui-input-plus:hover {
    background-color: rgba(32,131,213,0.15);
}
.ui-input .ui-input-plus:active {
    -webkit-filter: brightness(90%) contrast(90%)!important;
}
.ui-input:hover .ui-input-slider,
.ui-input:hover .ui-input-plus,
.ui-input:hover .ui-input-minus {
    visibility: visible;
}


.d4-input .d4-input-export-param {
    position: absolute;
    left: -16px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--grey-3);
    visibility: hidden;
}

.d4-input-export-param:hover {
    color: var(--grey-4);
}

.d4-accordion-pane:hover .d4-input-export-param {
    visibility: visible;
}

.d4-input-export-param-active {
    visibility: visible !important;
    color: var(--blue-1) !important;
}

/* Field editor inside a form host */
.d4-host-element-panel .ui-input-editor:not([type="checkbox"]) {
    width: 100%;
    height: 100%;
    border: none;
    padding: 4px;
    background-color: transparent;
}

.d4-host-element-panel .ui-input-editor[type="checkbox"] {
   height:initial;
}

.dlg-edit-socrata-parameters {
    margin-bottom: 10px;
    margin-top: 5px;
}

.dlg-edit-socrata-parameters label {
    margin-left: 8px;
    margin-right: 20px;
    width: 75px;
}

.dlg-edit-socrata-parameters select {
    margin-right: 5px;
    width: 65px;
}

.dlg-edit-socrata-parameters input#editor {
    width: 230px;
}

.d4-viewer {
}

.d4-markup .d4-viewer {
    height: 150px;
    width: 200px;
}

.dlg-edit-query .d4-editor {
    height: 150px;
    width: 500px;
}

.d4-window-host {
    height: 100%;
    overflow: auto;
}

.d4-star {
    cursor: pointer;
}

.d4-h1 {
    font-size: 1.17em;
    font-weight: bold;
}

.d4-h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 5px 10px;
}

/* Inline help in dialogs */
.d4-inline-help {
    font-style: italic;
}

.d4-modal-background {
    background: #40607f;
    opacity: 0.8;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 2999;
}

.d4-drop-zone {
    /*
    background-color: var(--drop-zone-color); !important;
    */
    border: dashed #b8bac0!important;

    background: #40607f;
    opacity: 0.5;
    color: #ffffff;
    font-size: 24px;

    /* text centering, damn it */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: -webkit-center;
    z-index: 6001;
}

.markup {
}

span.d4-entity-markup-row > div[data-wrapper=true] {
    display: flex;
}

span.d4-entity-markup-row {
    display: flex;
    flex-shrink: 0;
    margin-bottom: 2px;
    margin-left: -12px;
    padding-left: 12px;
    align-items: center;
}

span.d4-entity-markup-row .d4-entity-markup-icon.grok-icon {
    height: 12px;
    width: 12px;
    margin-left: -16px;
    margin-right: 4px;
    flex-shrink: 0;
}

.d4-link-label {
    position: relative;
    display: inline-flex;
    flex-shrink: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.d4-link-label.d4-current {
    background-color: var(--grey-1);
}

.d4-workspace-item > .d4-link-label i.grok-icon + label,
.d4-workspace-item > .d4-link-label i.grok-icon + span {
    margin-left: 0;
}

.d4-workspace-item > .d4-link-label i.grok-icon {
    display: none;
}

.d4-link-label i.grok-icon + label,
.d4-link-label i.grok-icon + span {
    margin-left: 17px;
}

.grok-favorites-pane.grok-favorites-list.expanded .d4-link-label i.grok-icon + label {
    margin-left: 22px;
    margin-top: 3px;
}

.d4-link-label i.grok-icon {
    display: inline-flex;
    position: absolute;
    text-align: center;
    transform: scale(0.85);
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
}

.d4-link-label label {
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    margin: 0;
}

.d4-link-label span {
    display: flex;
    overflow: hidden;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.d4-link-action:hover {
    color: #286344;
}

.d4-link-action {
    cursor: pointer;
    color: #3cb173;
}

.d4-external-link-icon {
    display: flex!important;
    font-size: 0.8em;
    position: initial!important;
    height: initial!important;
    width: initial!important;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 2px;
}

.d4-activity-element .d4-link-label label {
    display: inline;
}

.d4-activity-element span {
    white-space: normal;
    display: inline;
}

.d4-activity-element i[name="icon-clock"] {
    display: none;
}

/* 'error' span that gets inserted when ui.wait() function throws an exception */
.d4-error {
    background-color: #eb6767;
    padding: 4px 10px;
    color: #FBE1E1;
    align-self: flex-start;
}

.d4-tag-group {
    display: flex;
    flex-wrap: wrap;
}

span.d4-entity-list > * {
    margin: 0 5px 0 5px;
}

/*
  Current object in a list, or an element associated with [AppEvents.currentObject].
  See also [AppEvents.setCurrentObject().
*/
.d4-current-object {
}

/* Lightweight unsortable html table, typically with few properties */
.d4-info-table {

}

.d4-info-table tr > td:first-child {
    border-right: 10px solid transparent;
    color: #9497a0;
    white-space: nowrap;
    pointer-events: none;
}

.d4-info-table {
    color: #717581;
    margin-bottom: 6px;
    margin-top: 6px;
}

#help-table tr > td:first-child + td {
}

/* CodeMirror editor host */
.d4-editor {
    min-width: 400px;
    min-height: 300px;
    position: relative;
}

.d4-editor > .CodeMirror {
    position:absolute;
    top:0;
    bottom:0;
    right: 0;
    left:0;
    height: initial;
}

.d4-icon-text, .d4-icon-text-small {
    display: flex;
    align-items: center;
}

.d4-icon-text label, .d4-icon-text-small label {
    white-space: nowrap;
}

.d4-full-screen {
    width: 100% !important;
    height: 100% !important;
}

.d4-editor .d4-update-shadow {
    /* Due to codemirror editor */
    z-index: 100;
}

.d4-update-shadow {
    background-color: #dbdcdf;
    opacity: 0.8;
    position: absolute;
    top: 0!important;
    right: 0!important;
    height: 100%!important;
    width: 100%!important;
    /*
    z-index: 100;
    */

    display: flex!important;
    flex-direction: column!important;
    align-items: center;
    justify-content: center;
}
.d4-update-shadow .grok-loader {
    top: 10px;
    left: -25px;
}

/* 'Updating' icon */
.d4-update-shadow i {
    margin-top: 10px;
}

.d4-margin {
    display: block;
    position: absolute !important;
    height: auto !important;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.d4-tree-tab-panel {
}

.d4-tree-tab-panel .d4-tree-view-root {
    flex: 0 0 auto;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    height: calc(100% - 20px);
    box-sizing: border-box;
}

.d4-tree-tab-page-host {
    overflow: auto;
}

.dlg-settings {
    min-width: 650px;
    min-height: 300px;
}

.dlg-settings-page-host {
    position: relative;
    flex-grow: 1;
    overflow: hidden;
    display: flex;
}

.dlg-settings-page-host .d4-tree-tab-page-host {
    flex-grow: 1;
}

.dlg-sort-table td {
    padding-right: 12px;
}

.dlg-sort-table tr td:first-child {
    padding-top: 1px;
}

.dlg-sort-table .d4-column-selector {
    min-width: 120px;
}

.dlg-sort-table .d4-column-selector-column {
    min-width: 108px !important;
}

.d4-column-selector-tree-map option {
    font-size: 12px;
}

.d4-color-scheme-table {
    margin-left: 87px;
}

.d4-color-scheme-table-inner-input-label {
    width: 100%;
    text-align: center;
    position: relative;
    color: var(--grey-4);
}

.d4-color-scheme-table-min-inner-input-label {
    left: 2px;
}

.d4-color-scheme-table-collapsed {
  margin-top: 2px;
  margin-left: 4px;
}

.d4-color-scheme-table-expanded {
  margin-top: -5px;
}

.d4-item-table {
    border-collapse: collapse;
}

.d4-item-table tr {
    vertical-align: middle;
    height: 22px;
}

/* Forms */
.d4-form-table {
    border-collapse: separate;
    border-spacing: 8px;
}

.d4-form-table tr > td:first-child {
    border-right: 10px solid transparent;
    font-size: 14px;
    color: #717581;
}

/* second column (description) */
.d4-form-table tr > td:first-child + td {
    width: 120px;
    font-size: 20px;
    color: #40607f;
}

:root {
    --toolbar-color: #4d5261;
}

.d4-html-markup {
    /*
    padding: 0px 20px;
    */
    /*height: 100%;*/
    overflow: auto;
}

.d4-html-markup .pure-control-group {
    margin-bottom: 0 !important;
}

.d4-flex-row {
    display: flex;
    flex-direction: row;
}

.d4-refresh-form-wrapper-space-between {
    justify-content: space-between;
}

.d4-refresh-form-enrich-input {
    margin-top: 10px;
}

.d4-flex-nowrap {
    flex-wrap: nowrap;
}

.d4-flex-col {
    display: flex;
    flex-direction: column;
}

.d4-flex-col-buttons {
    align-items: baseline;
}


.d4-flex-col.d4-flex-col-buttons > * + * {
    margin-top: 8px;
}

.d4-flex-col-flow {
    display: flex;
    flex-direction: column;
}

.d4-flex-col-flow > * {
    align-self: flex-start;
}

.d4-flex-col-flow > .btn {
    margin-bottom: 0;
}

.d4-flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.d4-flex-col span {
    flex-shrink: 0;
    /*margin-bottom: 0.5rem;*/
}

.d4-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.d4-command-bar {
    border-top: solid #f2f2f5 1px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    height: 44px;
    padding-right: 8px;
}

.d4-command-bar .grok-icon {
    color: var(--grey-2);
}

.d4-debug-active {
    color: #2083d5 !important;
}

.d4-command-bar .grok-icon:hover {
    color: var(--grey-5);
    -webkit-filter: none;
}

.d4-btn-ok {
    color: #ffffff;
    background-color: #2083d5;
}

.d4-command-bar .btn {
    padding: 6px 12px;
    margin: 6px;
}

.d4-command-bar-icon {
    float: left;
    font-size: 1.5rem;
    margin: 7px;
}

.d4-allow-drop {
    background-color: #50a9c5;
}

.d4-build-root {

}

.d4-drop-icon-host {
    position: absolute;
    z-index: 6000;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #b3bfcc;
}

.d4-drop-icon {
    display: inline-block;
    position: relative;
}

.d4-center {
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.d4-dock-container {
    background-color: #ffffff;
    flex-grow: 1;
}

.d4-button-ellipsis {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #717581;
    background-color: transparent;
    padding: 0px;
    margin-left: 5px;
}

.d4-root {
    position: relative;
    height: 100%;
    width: 100%;
    outline: none;
    flex-grow: 1;
    background-color: white;
    /*overflow: hidden; otherwise menus don't show up */
}

.d4-root.d4-column-grid {
    background-color: initial;
}

body > .d4-root.d4-column-grid {
    width: initial;
    height: initial;
}

.d4-column-grid .d4-search-input {
    width: 169px;
    flex-grow: 1;
    border-bottom: 1px solid transparent;
}

.d4-search-input-shortened {
    margin-left: 29px !important;
}

.d4-column-grid:not(:hover) .ui-input-text .grok-font-icon-menu {
    display: none;
}

.d4-column-grid .ui-input-text .grok-font-icon-menu {
    position: absolute;
    left: 6px;
    top: 12px;
}

.d4-toolbox .d4-column-grid .d4-search-input {
    margin-left: 0;
}

.d4-console {

}

.d4-console-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    /*
    display: grid;
    grid-template-rows: 25px auto 25px;
    grid-gap: 3px;
    */
}

.d4-console-header {
    /*
    grid-column: 1;
    grid-row: 1;
    */
}

.d4-console-body {
    /*
    grid-column: 1;
    grid-row: 2;
    */
    flex-grow: 1;
    width: 100%;
    overflow-y: auto;
    -webkit-user-select: text;
    font-family: 'Roboto Mono', 'Roboto Mono Local', monospace;
    font-size: 12px;
}

.d4-console-body pre {
    overflow: hidden;
    margin: 0 5px;
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal;
    font-family: 'Roboto Mono', 'Roboto Mono Local', monospace;
    font-size: 12px;
}

.d4-console-input {
    width: 100%;
}

.d4-console-input input {
    font-family: 'Roboto Mono', 'Roboto Mono Local', monospace;
    font-size: 12px;
    border-width: 0;
    padding-left: 5px;
    outline: none;
}

.d4-console-info {
    color: #4d5261;
    position:relative;
    font-family: 'Roboto Mono', 'Roboto Mono Local', monospace;
    font-size: 12px;
}

.d4-console-warning {
    color: #805125;
}

.d4-console-error {
    color: #eb6767;
}

.d4-console-result {
    color: var(--green-2);
}

.d4-pm-view {

}

.d4-overflow-hidden {
    overflow: hidden;
}

.d4-flex-grow {
    flex-grow: 1;
    display: flex;
}

.d4-flex-wrap {
    flex-wrap: wrap;
    display: flex;
}

.d4-pm-view-container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.d4-pm-view-header .ui-form {
    padding-bottom: 0;
}

.d4-query-view-header-ai {
    min-height: 50px !important;
    width: 100% !important;
    flex-grow: initial !important;
    flex-shrink: 0 !important;
    position: relative;
}
.d4-query-view-header-ai textarea {
    width: calc(100% - 20px);
    min-width: 50%;
    max-width: calc(100% - 10px);

}

.d4-query-view-header-ai i {
    display: none;
}

.d4-query-view-header-ai:hover i {
    display: initial;
}


.d4-query-view-header-ai textarea {
    outline: none;
    /* margin-left: 30px; */
    border-color: var(--grey-2);
}

.d4-query-view-header-ai .d4-query-view-ai-inputs {
    margin-left: 30px;
}

.d4-query-view-header .ui-form{
    padding-left: 12px;
}

.d4-query-view-header, .d4-pm-view-header {
    flex-grow: 0!important;
    flex-shrink: 0;
}

.d4-pm-confusion-matrix {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.d4-pm-confusion-matrix-metric {
    font-weight: lighter;
}

.d4-pm-confusion-matrix table {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 20px);
    margin-top: 8px;
}

.d4-pm-confusion-matrix-label {
    left: 50%;
    position: absolute;
    transform-origin: top left;
    transform: translate(-50%, 5px);
}


.d4-pm-confusion-matrix-vertical-label {
    position: absolute;
    top: 50%;
    transform-origin: top left;
    transform: rotate(-90deg) translate(-50%, -20px);
    float: left;
    margin-left: 2px;
}

.d4-query-view-contents {
    flex-grow: 1;
}

.d4-query-view-contents {
    flex-shrink: 0;
}

.d4-query-view-contents .ui-form {
    padding: 0;
    max-width: initial!important;
}

.d4-pm-view-preview {
    overflow: auto;
    flex-grow: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
}

.d4-pm-model-widget {
    min-width: 300px;
    max-width: 600px;
    box-shadow: 0px 0px 2px var(--grey-3);
    height: 350px;
    padding: 16px;
    flex-grow: 1;
}

.d4-pm-view-contents .ui-form {
    padding-top: 0;
}

.d4-pm-view-contents {
    box-sizing: border-box;
    width: 100%;
    overflow-y: auto;
    -webkit-user-select: text;
}

.d4-pm-view-contents>div {
    width: 50%;
    min-height: 512px;
}

.d4-pm-view-contents .d4-accordion {
    margin-left: 12px;
    margin-right: 12px;
}

.d4-pm-view-contents .d4-dialog-separator {
    width: auto;
    border: 1px #f2f2f5;
    border-style: solid none none;
    margin: 10px -12px;
    box-sizing: content-box;
}

.d4-pm-view-contents .ui-input-text .ui-input-editor {
    width: 450px;
    max-width: 450px;
}

.d4-pm-view-footer {
    width: 100%;
}

.d4-pm-view-footer .d4-command-bar {
    justify-content: flex-end;
}

.d4-pm-view-contents.d4-flex-grow .d4-build-root {
    display: flex;
    flex-grow: 1;
}

.d4-list-item {

}

.d4-list-item-filte#eb6767-out {
    display: none;
}

.d4-list-item-current {
    /*
    border: 1px solid #4d5261;
    */
}

.d4-list.show-hover .d4-list-item:hover {
    background: #D7DFE7;
}

.grok-pane-colors .d4-list.show-hover .d4-list-item:hover {
    background: var(--grey-1);
}

.grok-pane-colors .ui-input-editor {
    background: none;
}

.d4-list {
    overflow-x: auto;
    position: relative;
    margin-right: 3px !important;
    /*  margin: 5px 5px; */
}

.d4-table.show-hover tr:hover {
    background: #7990a5;
}

.d4-table.show-current tr.d4-current-object {
    background: #dbdcdf;
}

.d4-color-bar {
    width: 12px;
    height: 12px;
    border: 1px transparent solid;
}

.d4-color-bar:hover {
    border: 1px lightgray solid;
}

.d4-color-bar.d4-color-bar-empty {
    border: 1px #4d5261 solid;
}

.d4-color-bar-bordered {
    border: 1px solid var(--warm-grey-4);
}

.d4-color-bar-empty:hover {
    border: 1px lightgray solid;
}

.d4-legend {
    outline: none;
    position: relative;
    /*margin: 5px;*/
}

.d4-tooltip-legend {
    background-color: transparent !important;
    position: initial;
    transform: translateY(2px) translateX(5px);
    max-height: 80vh;
    padding-right: 10px;
}

.d4-tooltip-legend::-webkit-scrollbar-thumb {
    background-color: #dbdcdf;
}

.d4-corner-legend {
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.d4-corner-legend-close-icon {
    position: absolute;
    cursor: pointer;
    font-size: 18px;
    line-height: 5px;
    height: 14px;
    width: 16px;
    text-align: right;
    color: var(--steel-4);
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
}

.d4-corner-legend-icon {
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.d4-legend-left > div > .d4-legend-item-coloring > canvas.d4-legend-value.d4-left-legend-border,
.d4-legend-right > div > .d4-legend-item-coloring > canvas.d4-legend-value.d4-left-legend-border
{
    border-top-color: var(--grey-3) !important;
    border-bottom-color: var(--grey-3) !important;
    border-right-color: var(--grey-3) !important;
    border-left-width: 2px !important;
}

.d4-legend-left > div > .d4-legend-item-coloring > canvas.d4-legend-value.d4-right-legend-border,
.d4-legend-right > div > .d4-legend-item-coloring > canvas.d4-legend-value.d4-right-legend-border
{
    border-top-color: var(--grey-3) !important;
    border-bottom-color: var(--grey-3) !important;
    border-left-color: var(--grey-3) !important;
    border-right-width: 2px !important;
}

.d4-legend {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    height: initial;
}

.d4-legend-item-bar {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 2px;
    top: 2px;
}

.d4-legend-history-item-bar {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 2px;
}

.d4-legend-item {
    position: relative;
    text-align: left;
    cursor: pointer;
    display: flex;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /*margin: 0 10px;*/
    height: 20px;
}

.d4-legend-text-item {
    align-items: center;
}

.d4-legend-canvas-item {
    align-items: flex-start;
}

.d4-legend-filtering .d4-legend-item:not(.d4-legend-item-current) {
    opacity: 0.5;
    border: none !important;
}

.d4-legend-filtering .d4-legend-text-item:not(.d4-legend-item-current) {
    color: var(--grey-3) !important;
}

.d4-legend-filtering .d4-legend-canvas-item:not(.d4-legend-item-current) > canvas.d4-legend-value {
    border-color: var(--grey-3) !important;
}

.d4-legend-filtering .d4-legend-item:not(.d4-legend-item-current) .grok-icon.svg-icon.svg-custom-color {
    background-color: var(--grey-3) !important;
}

.d4-legend-cross {
    margin-left: 5px;
    color: black;
}

.d4-legend-item > .d4-legend-cross {
    visibility: hidden;
}

.d4-legend-item.d4-legend-item-current > .d4-legend-cross {
    visibility: visible;
}

.d4-legend-item .grok-icon {
    margin-left: -5px !important;
}

.d4-legend-text-item {
    margin-right: -3px !important;
}

.d4-dialog-contents {
    padding: 12px;
    position: relative;
    overflow: auto;
    max-height: 80vh;
    overflow-x: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.dlg-group-properties > .d4-tab-host {
    flex: 1 1 0;
    min-height: 0;
}

.dlg-group-properties .d4-tab-content {
    min-height: 0;
}

.d4-dialog-full-screen .d4-dialog-contents {
    max-height: initial!important;
    max-width: initial!important;
}

.d4-dialog-gmap-actions-settings {
    width: 500px;
}

.d4-dialog-section-label {
    font-weight: bold;
    margin-right: 6px;
}

.d4-dialog-separator {
    width: 100%;
    border: 1px #9497a0;
    border-style: solid none none;
    margin-bottom: 10px;
}

.d4-dialog-validation-message {
    color: #eb6767;
    font-size: 12px;
}

.d4-dialog-validation-message-column:not(:empty) {
    margin: 8px 8px 8px 150px;
}

.d4-dialog-info-message {
    color: #2083d5;
    font-size: 12px;
}

.d4-dialog-matches-message-all {
    margin: 8px 8px 8px 150px;
    font-size: 12px;
    color: #286344;
}

.d4-dialog-matches-message-partly {
    font-size: 12px;
    color: #ffa24a;
    margin: 8px 8px 8px 150px;
}

.d4-link-label {
    cursor: pointer;
    color: #2083d5;
}

.d4-link-label:hover {
    color: #40607f;
}

.d4-recent-item {
    display: block;
    margin-left: 20px;
    margin-top: 5px;
}

.d4-bar-chart-bar:hover {
    stroke: #4d5261;
    fill: #7990a5;
}

.d4-bottom-center {
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.d4-top-center {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.d4-vertical {
    position: absolute;
    top: 50%;
    /* halfway down the page */
    transform-origin: top left;
    /* set the rotation point */
    transform: rotate(-90deg) translate(-50%, 0%);
    /*rotate 90degs counter-clockwise AND move the element UP half it's width which is now it's height */
    float: left;
    margin-left: 2px;
}

.d4-vertical-right {
    position: absolute;
    top: 50%;
    left: 100%;
    transform-origin: top left;
    transform: rotate(-90deg) translate(-50%, -100%);
    float: left;
}

.d4-vertical-right-rotated {
    position: absolute;
    bottom: 50%;
    left: 100%;
    transform-origin: bottom left;
    margin-right: -50%;
    transform: rotate(90deg) translate(-50%, 100%);
}

.d4-legend-category {
    cursor: pointer;
}

.d4-legend-category text {
    font: 14px sans-serif;
    fill: #4d5261;
}

.d4-legend-category text:hover {
    fill: #7990a5;
}

.d4-tag-editor {
    border: none;
    border-bottom: 1px solid #f2f2f5;
    cursor: text;
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*height: 35px;*/
}

.d4-tag {
    color: #717581;
    display: inline-flex;
    padding: 3px 6px;
    /* padding-right: 6px; */
    align-items: center;
    text-align: center;
    line-height: 1;
    background-color: var(--steel-1);
    margin: 1px 2px;
    text-decoration: none;
    /* text-transform: uppercase; */
    white-space: nowrap;
    border-radius: 2px;
    font-size: 12px;
}

.d4-tag-disabled {
    pointer-events: none;
    color: #999;
    background-color: #f3f3f3;
    border-color: #ddd;
    opacity: 0.7;
}

.d4-tag.d4-tag-icon {
    padding: 0 10px;
}

.d4-tag-order {
    cursor: pointer;
}

.d4-order-icon {
    margin-right: 5px;
    pointer-events: none;
    color: darkblue;
}

.d4-tag-order:hover .d4-order-icon {
    color: #2083d5;
}

.d4-tag-delete {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 3px;
}

.d4-filter-panel {
    padding: 8px;
}

.d4-filter-panel-section {
    margin-bottom: 12px;
    padding-right: 20px;
}

.d4-filter-panel-header {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--grey-4);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.d4-filter-panel-header .grok-icon {
    font-size: 10px;
    pointer-events: none;
}

.d4-filter-panel .d4-tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.d4-filter-panel .d4-tag {
    cursor: pointer;
}

.d4-filter-panel .d4-tag:hover {
    background-color: #dde1e6;
}

.d4-filter-panel-active {
    margin-bottom: 12px;
}

.d4-filter-panel-active .d4-tag {
    background-color: #e8f0fe;
    border-color: #c4d7f2;
    color: #1a56db;
}

.d4-filter-panel-section > .ui-input-root {
    margin-bottom: 8px;
}

.d4-filter-panel .d4-accordion {
    padding-left: 0;
    padding-right: 0;
}

.d4-filter-panel .d4-accordion-pane-content.expanded {
    margin-bottom: 4px;
    margin-left: 20px;
}

.d4-filter-panel .d4-property-categories .d4-entity-markup-row > * {
    margin-right: 4px;
}

.d4-filter-panel .ui-form .ui-input-root > label.ui-input-label:not(:empty) {
    width: auto;
    min-width: 36px;
    max-width: 60px;
}

.d4-filter-panel .d4-accordion-pane-content .ui-form {
    padding-bottom: 8px;
}

.d4-top-menu {
    cursor: default;
    display: inline-block;
    font: 13px Arial, sans-serif;
    height: 29px;
    margin-left: 52px;
    outline: none;
    position: relative;
    white-space: nowrap;
}

.d4-popup-menu {
    position: fixed;
    background: #ffffff;
    border: 1px solid #717581;
    padding: 2px;
    min-width: 200px;
    z-index: 5000;
    box-shadow: 2px 2px 2px #dbdcdf;
    font-size: 13px;
}

.d4-popup-menu-row {
    height: 25px;
    background-color: #ffffff;
    cursor: default;
}

.d4-popup-menu-row:hover {
    background-color: #eceff2;
}

.d4-popup-menu-item {
    padding-left: 5px;
    padding-right: 5px;
}

.d4-popup-menu-item:hover {
    outline: 1px solid #eceff2;
}

.d4-popup-menu-icon {
    width: 20px;
    background: #f2f2f5;
    outline: 1px solid #f2f2f5;
}

.d4-combo-box-drop-host {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    z-index: 30001;
}

.d4-dialog {
    position: absolute;
    display: flex;
    flex-direction: column;
    border: 1px solid #F2F2F5;
    z-index: 3000;
    box-shadow: #4D5261 0px 0px 5px;
    background: #ffffff;
}

.d4-dialog-center-wrapper {
    position: fixed;
    z-index: 3000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d4-dialog.d4-dialog-full-screen {
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 12px !important;
    display: flex !important;
    flex-direction: column;
    max-height: 99%;
}

.d4-dialog:hover div::-webkit-scrollbar-thumb {
    background-color: var(--warm-grey-2);
}

.d4-dialog:focus {
    outline: none;
}

.d4-dialog-header {
    padding: 0 10px;
    height: 34px;
    font-size: 18px;
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-grow: 0!important;
    white-space: nowrap;
    overflow: hidden;
}

.d4-dialog-header .grok-icon,
.d4-pm-view-footer .grok-icon,
.d4-dialog-footer .grok-icon {
    color: #B8BAC0;
    font-size: 18px;
}

.d4-dialog-footer .grok-icon {
    margin-right: auto;
}

.d4-dialog-header .grok-icon:hover,
.d4-pm-view-footer .grok-icon:hover,
.d4-dialog-footer .grok-icon:hover {
    color: #4D5261;
    -webkit-filter: none;
}

.d4-dialog-header .grok-icon.grok-font-icon-close {
    order: 100;
}

.d4-dialog-header:hover {
    cursor: move;
    background-color: #eceff2;
}

.d4-dialog-footer {
    width: 100%;
}

.d4-dialog-title {
    color: #4D5261;
    cursor: default;
    margin-right: auto;
    pointer-events: none;
}

.d4-dialog-x {
    right: 5px;
    top: 5px;
}

.d4-column-drag-host {
    position: absolute;
    border: 1px solid #717581;
    box-shadow: #dbdcdf 2px 2px 2px;
    background: #ffffff;
    pointer-events: none;
    padding: 10px;
    z-index: 10002;
}

.d4-column-drag-host i.fa-plus,
.d4-column-drag-host i.fa-link {
    position: absolute;
    left: 0;
    margin-left: -25px;
    margin-top: 20px;
    top: 0;
}

.d4-data-search {
    display: inline;
    vertical-align: super;
}

.d4-data-search input,
.d4-data-search select {
    background: transparent;
    border-width: 0;
    outline: none;
    color: #4d5261;
}

.d4-search-bar {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: #b8bac0;
}

.power-pack-welcome-view > .d4-search-bar {
    flex-grow: 0!important;
}

.d4-search-bar i.grok-icon.fal.fa-chevron-down {
    margin-right: 10px
}

.d4-search-bar i.grok-icon.fal.fa-search {
    width: 20px;
    text-align: center;
}

.d4-search-bar i {
    color: var(--grey-4);
}

.grok-icon {
    cursor: pointer;
}

.grok-icon-blue {
    color: var(--blue-1);
}

.d4-search-bar input select {
    margin-top: 5px;
    margin-left: 5px;
    border: 1px solid #717581;
    border-width: 0px 0px 1px 0px;
}

.d4-search-bar input {
    outline: none;
    background-color: transparent;
    border-width: 0px;
    font-weight: 200;
    flex-grow: 1;
    color: var(--grey-4);
}

.d4-search-bar input::-webkit-input-placeholder {
    color: var(--grey-4) !important;

}

.d4-context-cmd-view {
}

.d4-context-cmd-view label {
    margin: 6px;
    color: #2083d5;
}

.d4-context-view {
}

.d4-viewer-icon {
    cursor: pointer;
}

.d4-mat-icon {
    cursor: pointer;
    color: #717581;
    -webkit-transition: all 0.2s;
}

.d4-activity-element {
    display: block;
    color: #9497a0;
}

.d4-entity-markup-row .grok-icon.fa-clock {
    position: relative;
    align-self: flex-start;
    visibility: hidden;
    top: 0px;
    left: -5px;
    font-size: 10px;
    display: inline-block;
}

.grok-comments-message-panel .d4-entity-markup-row .grok-icon.fa-clock {
    left:0;
}

.d4-entity-markup-row:hover .grok-icon.fa-clock {
    visibility: visible;
}

td .d4-mat-icon {
    width: 24px;
    text-align: center;
}

.d4-mat-icon:hover {
    color: #4d5261;
}

.d4-viewer-icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    fill: currentcolor;
    position: relative;
    height: 16px;
    width: 16px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.d4-md-icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    fill: currentcolor;
    position: relative;
    height: 24px;
    width: 24px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    opacity: 0.5;
}

.d4-md-icon-disabled {
    pointer-events: none !important;
    cursor: default !important;
    opacity: 0.2 !important;
}

.d4-#717581-icon {
    opacity: 0.5;
}

.d4-#717581-icon:hover {
    opacity: 1;
}

.d4-md-icon:hover {
    opacity: 1;
}

.d4-icon-container {
    min-width: 10em;
    padding: 1em;
}

.d4-progress-tracker {
    height: 40px;
    width: 100px;
    bottom: 20px;
    border: 1px solid #717581;
    border-radius: 5px;
    /*
    z-index: 100;
    */
    position: absolute;
}

.d4-progress-tracker-label {
    position: absolute;
    top: 3px;
    left: 5px;
}

.d4-progress-tracker-bar {
    position: absolute;
    bottom: 3px;
    height: 7px;
    left: 5px;
    background-color: #7990a5;
    border-radius: 2px;
}

.d4-progress-tracker-cancel {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #eb6767;
}

.d4-help-shortcut {
    font-weight: bold;
}

.d4-help-info {
    font-style: italic;
}

.d4-action {

}

/* first column (shortcut) */
#help-table tr > td:first-child {
    border-right: 10px solid transparent;
}

/* second column (description) */
#help-table tr > td:first-child + td {
    color: #717581;
}

#help-table tr > td:first-child + td + td {
    color: #7990a5;
}

/* third column */

.d4-grid-scroll-drop-zone {
    position: absolute;
    font-size: 20px;
    background-color: white;
    height: 50px;
    width: 50px;
    z-index: 6002;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    cursor: default;
    border: 1px solid #f2f2f5;
}

.d4-grid-scroll-drop-zone:hover {
    background-color: var(--grey-2);
}

.d4-help-header {
    vertical-align: bottom;
    height: 40px;
    color: #4d5261;
    font-weight: bold;
}

.d4-grid-horz-scroll {
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 2px;
    height: 10px;
    right: 10px;
}

.d4-grid-vert-scroll {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 18px;
    width: 10px;
    bottom: 12px;
}

.d4-grid-with-thin-scrollbars > .d4-grid-horz-scroll {
    height: 8px !important;
    right: 6px !important;
}

.d4-grid-with-thin-scrollbars > .d4-grid-vert-scroll {
    top: 0px !important;
    width: 6px !important;
    bottom: 15px !important;
}

.d4-no-border {
    border: 0;
    resize: none;
}

.d4-clickable {
    cursor: pointer;
}

/* horizontal line */
.d4-separator {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 0px;
    border: 0px solid #4d5261;
    border-top-width: 1px;
}

.d4-membership-tag-admin {
    color: #eb6767;
}

.d4-membership-list {
    color: #eb6767;
}

.d4-spacer {
    padding-left: 10px;
}

.d4-density-plot #top * {
    margin-left: 5px;
}

.d4-membership-editor {

}

.d4-membership-editor #left,
.d4-membership-editor #right {
    width: 300px;
    display: flex;
    flex-direction: column;
}

.d4-membership-editor #mid {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.d4-time {
    white-space: nowrap;
}

.d4-popup-host {
    position: fixed;
    z-index: 4000;
    background: white;
    box-shadow: 0 0 20px var(--grey-2);

}

.d4-popup-host:hover div::-webkit-scrollbar-thumb {
    background-color: var(--warm-grey-2);
}

.d4-pane-filter .d4-histogram,
.d4-popup-host .d4-histogram {
    width: 200px;
    height: 80px;
    background: #ffffff;
}

.ui-div.d4-pane-colors.expanded .ui-form .ui-label {
    width: auto;
}

.d4-editable {
    position: relative;
}

.d4-editable:hover i.grok-icon {
    display: flex;
}

.d4-editable i.grok-icon {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to right, #ffffff, #ffffff);
    padding-left: 2rem;
    padding-right: 0;
    align-items: center;
    align-self: center;
    color: #9497a0;
    justify-content: flex-end;
}

.selenium .d4-editable i.grok-icon {
    display: flex!important;
}

.d4-markup .card {
     border: 1px solid var(--grey-3);
     overflow: hidden;
     border-radius: 3px;
    margin-bottom: 36px;
    margin-right: 35px;
}

.d4-markup p {
    margin: 2px 0 8px 0;
}

.d4-markup .card-body {
    border-top: 1px solid var(--grey-2);
    padding: 18px;
}

.d4-ngl-viewer {
    position: relative;
    width: 100%;
    height: 100%;
}

.d4-accordion-pane-content .d4-ngl-viewer {
    position: relative;
    width: initial!important;
    height: initial!important;
}

.d4-ngl-host {
    position: relative;
    width: 100%;
    height: 100%;
}

.d4-ngl-viewer canvas {
    background-color: transparent !important;
    width: 100% !important;
    height: initial !important;
}

.d4-protein-viewer canvas {
    width: 100%;
    height: 100%;
    background-color: #ffffff !important;
}

.d4-menu-element-host {
    width: 100%;
    justify-content: space-between;
    padding-right: 8px;
}

.d4-menu-element-host > label {
    margin: 0 13px 0 27px;
    align-self: center;
}

.d4-menu-element-host input[type=range]::-webkit-slider-runnable-track {
    background: #dbdcdf;
    margin: 0 5px 0 5px;
}

.d4-no-user-select {
    -webkit-user-select: none;
}

/* A message that is shown in a viewer if the data can't be visualized using current settings */
.d4-viewer-error {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: white;
    opacity: 0.9;
    color: red;
}

/* We still want to be able to change the columns */
.d4-scatter-plot .d4-viewer-error,
.d4-box-plot .d4-viewer-error,
.d4-line-chart .d4-viewer-error {
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
}

/* 'x' sign inside the TypeAhead */
.d4-reset-input {
    position: absolute;
    right: 5px;
    height: 100%;
    width: 16px;
    align-items: center;
    justify-content: center;
}

.d4-reset-input-spaced.d4-reset-input {
    margin-right: 20px;
}

/* border for maps */
.d4-region-hover,
.land:hover {
    stroke: #4d5261 !important;
    stroke-width: 3px !important;
}

.d4-type-ahead-root {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.property-grid-prop-panel-wrapper::before {
    content: "\f002";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    color: var(--grey-4);
    justify-content: center;
    display: flex;
    align-items: center;
    pointer-events: none;
    z-index: 101;
}

.property-grid-prop-panel-wrapper .d4-search-input {
    outline: none;
    height: 24px;
    flex-shrink: 0;
    padding-left: 24px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.d4-search-input {
    flex-shrink: 0;
    padding: 0;
    height: 24px;
    border: none;
    outline: none;
    border-bottom: 1px solid var(--grey-3);
}

.d4-range-selector {

}

.d4-pc-plot .d4-pc-plot-filter-slider {
    margin-left: -5px;
    width: 10px;
    height: calc(100% + 10px);
    margin-top: -5px;
    position: absolute;
}

.dlg-test-tracking {
    margin-bottom: 12px;
}

.dlg-test-tracking label {
    margin-top: 6px;
    width: 40px;
}

.d4-item-table td {
    padding: 0 0 0 12px;
}

.d4-matrix-plot-inner-viewer {
    display: table-row;
    box-shadow: 0 0 0 1px var(--grey-2);
}

.d4-gallery-card.entity-grok-package {
    padding: 0;
}

.d4-gallery-card.entity-grok-package .d4-picture,
.d4-gallery-card.entity-grok-package .grok-icon {
    width: initial;
    height: initial;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 100%;
}

.d4-gallery-card.entity-grok-package h1 {
    font-size: 15px;
    margin: 12px;
}

.d4-gallery-card.entity-grok-package h1 span {
    float: right;
    font-weight: normal;
    font-size: 12px;
}

.d4-credentials-settings {
    z-index: 1;
    height: 36px;
    width: 24px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d4-credentials-settings .grok-icon.fal.fa-cog {
    cursor: pointer;
}

.d4-files-breadcrumbs {
    display: flex;
    align-items: center;
    padding-left: 14px;
    flex-shrink: 0;
    height: 24px;
}

.d4-files-breadcrumbs .d4-link-label i.grok-icon + label, .d4-files-breadcrumbs .d4-link-label i.grok-icon + span {
    margin-left: 0;
}

.d4-files-breadcrumbs .d4-link-label i.grok-icon {
    display: none;
}

.d4-files-breadcrumbs > span {
    margin: 0 2px;
}

.d4-files-breadcrumbs > .d4-link-label:last-child {
    color: var(--grey-5);
    cursor: default;
    pointer-events: none;
}

.d4-files-view .grok-gallery-grid {
    flex: 1;
}

.d4-files-preview {
    flex: 1;
}

.layout-dock-toolbar {
    flex-wrap: wrap;
    background-color: white;
    display: none;
}


.d4-show-menu .layout-dock-toolbar {
    display: flex;
}

/* Simple mode */

.layout-toolbar {
    display: none;
}

.d4-show-menu .layout-toolbar {
    display: flex;
}

.d4-app-root:not(.d4-show-menu) .d4-icon-home {
    display: none !important;
}

.grok-help-view-navigation {
    position: initial;
}

.layout-toolbar .d4-tab-header-stripe {
    display: flex;
}

.presentation .layout-sidebar {
    display: none;
}

.layout-sidebar {
    display: flex;
}

.layout-toolbar > .grok-main-menu {
    order: 1;
    background-color: var(--warm-grey-1);
    padding-top: 0px;
    padding-bottom: 0px;
}

.layout-toolbar > .tab-host.grok-tab-host {
    order: 2;
}

.layout-sidebar .d4-tab-header-group {
    border: 2px solid #D1D5FF;
    box-sizing: content-box;
    border-right: none;
    border-left: none;
    padding: 4px 0;
    margin: 4px 0;
    /* border-radius: 5px; */
    box-shadow: inset 0px 0px 18px #FFD1D1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    flex-direction: column;
}

.layout-toolbar > .d4-ribbon {
    display: flex;
    order: 3;
    margin: 0!important;
}

/* presentation mode */
#rootDiv.presentation:not(.d4-show-menu) .layout-toolbar {
    display: flex!important;
    flex-direction: column;
    min-height: unset;
}
#rootDiv.presentation .grok-icon.fa-search.grok-smart-bar-icon {
    display: none;
}

#rootDiv.presentation .layout-toolbar > .grok-main-menu {
    display: none;
}

#rootDiv.presentation:not(.d4-show-menu) .layout-dockarea-wrapper {
    /*padding-top: 20px;*/
}

.layout-sidebar .d4-tab-header-group .d4-tab-header-group-name {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    transform: rotate(180deg);
    display: flex;
    align-items: center;
    color: white;
    font-size: 14px;
    max-height: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 0.5s, margin 0.5s;
}

.layout-sidebar .d4-tab-header-group:hover  .d4-tab-header-group-name {
    max-height: 200px;
    margin: 13px 0px;

}

.layout-sidebar .d4-tab-header-group .d4-tab-header-group-name span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layout-sidebar .d4-menu-popup {
    z-index: 5000;
}

.layout-sidebar.d4-tab-header-stripe {
    z-index: 1002;
    flex-direction: column;
}

.layout-sidebar {
    display: none;
    background-color: #2e4d69;
    align-items: center;
    padding: 4px 0 25px 0;
    z-index: 102;
    width: 50px;
    box-sizing: border-box;
    height: 100vh;
    gap:4px;
}

/* Sidebar startr */
.layout-sidebar::-webkit-scrollbar {
    display: none;
}

.layout-sidebar .grok-icon.d4-current {
    background: #F7F6F4;
}

.layout-sidebar .d4-tab-header {
    border: none;
    padding: 10px 12px;
    text-align: center;
    position: relative;
    width: 42px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #2e4d69;
}

.layout-sidebar > .d4-tab-header:hover:not(.selected) {
    filter: brightness(120%);
    transition: filter 0.15s ease-in;
}

.layout-sidebar > .d4-tab-header > i {
    font-size: 18px;
    font-weight: 400;
    color: var(--steel-3);
}

.layout-sidebar .d4-tab-header.disabled i {
    color: var(--steel-5)!important;
}

.layout-sidebar .d4-tab-header.disabled:hover i {
    text-shadow: none;
    cursor: default;
}

.layout-sidebar .d4-tab-header.disabled:hover i:hover {
    text-shadow: none;
    cursor: default;
    -webkit-filter: none;
}

.layout-sidebar .d4-tab-header.disabled {
    cursor: default;
    color: var(--steel-5)!important;
}

.layout-sidebar > .d4-tab-header:hover > i {
    color: var(--white);
    text-shadow: rgba(255,255,255,.5) 0 0 20px;
}

.layout-sidebar > .d4-tab-header[name="Menu"].selected {
    background-color: #2E4D69;
}

.layout-sidebar > .d4-tab-header.selected {
    cursor: pointer;
    border: none;
    color: initial;
    background-color: #406B93;
    transition: all .35s linear;
}

.layout-sidebar > .d4-tab-header.selected > i {
    color: var(--white);
}

.layout-sidebar .d4-tab-header > .d4-sidebar-app-picture {
    mix-blend-mode: luminosity;
    filter: brightness(2);
    -webkit-filter: brightness(2);
    opacity: 0.7;
}

.layout-sidebar .d4-tab-header.selected > .d4-sidebar-app-picture {
    mix-blend-mode: luminosity;
    filter: brightness(5);
    -webkit-filter: brightness(5);
    opacity: 1;
}

.layout-sidebar .d4-tab-header[data-count]::after {
    background-color: var(--steel-3);
    color: #2e4d69;
    border: 2px solid #2e4d69;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: -1px;
    right: 6px;
    padding-right: 1px;
    width: 13px;
    height: 10px;
    border-radius: 50%;
    padding-bottom: 4px;
    bottom: 6px;
    content: attr(data-count);
    position: absolute;
}

.layout-sidebar .d4-tab-header.selected[data-count]::after {
    background-color: var(--blue-2);
    border: 2px solid #406B93;
    color: white;
}

.layout-sidebar > .d4-tab-header { order:110; }
.layout-sidebar > .d4-tab-header[name="User"] {
    order:200;
    margin-top: auto;
}
.layout-sidebar > .d4-tab-header[name="Help"] { order: 201; }
.layout-sidebar > .d4-tab-header[name="Settings"] { order:202; }

.layout-sidebar > .d4-tab-header[name="Menu"]:hover {
    filter: none;
    transition: none;
}

.layout-sidebar > .d4-tab-header[name="Menu"] > i {
    background-image: url("/images/entities/grok.png");
    min-width: 21px;
    min-height: 21px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    filter: brightness(10);
    mix-blend-mode: luminosity;
}

.layout-sidebar > .d4-tab-header[name="Menu"] > .d4-menu-item-container {
    position: fixed!important;
    top: 4px!important;
    left: 56px!important;
}

.layout-sidebar .grok-ribbon-profile-picture {
    width: 28px;
    height: 28px;
    margin-right: 0;
}

.layout-sidebar .d4-tab-header[name="User"] .grok-ribbon-profile-picture:hover,
.layout-sidebar .d4-tab-header[name="User"] .grok-ribbon-profile-picture > i:hover {
    filter: none;
}

.layout-sidebar .d4-tab-header.selected .grok-notification-count {
    border: 2px solid #406B93;
}

.layout-sidebar .d4-tab-header .grok-notification-count {
    font-size: 10px;
    font-weight: bold;
    width: 16px;
    height: 16px;
    left: 16px;
    border: 2px solid #2d4c68;
    padding: 0;
    position: absolute;
    background-color: #eb6767;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Sidebar end */

.layout-toolbox > .d4-tab-content {
    display: flex;
    flex-direction: column;
}

.layout-toolbox > .d4-tab-content:not(:empty) {
    padding: 24px 0;
    margin: 0 12px;
}

.layout-toolbox > .d4-tab-content:empty {
    padding-top: 24px;
}

.layout-toolbox > .d4-tab-content {
    display: none;
    flex-grow: 1;
    flex-shrink: 1;
    position:relative;
}

.d4-tab-host.d4-tab-icons span {
    display: none;
}

.d4-toggle-button-group {
    box-sizing: border-box;
    overflow-y: scroll;
    flex-shrink: 1;
    padding-right: 0;
    margin-right: -6px;
}

.d4-toggle-button:hover {
    background: #EBE9E8;
}

.d4-toggle-button.d4-current {
    background: var(--warm-grey-2);
}

.layout-toolbox > .d4-tab-content .d4-toggle-button.d4-current,
.layout-toolbox > .d4-tab-content:hover .d4-toggle-button {
    height: 32px!important;;
    opacity: 1!important;
    justify-content: flex-start;
}

.layout-toolbox > .d4-tab-content .d4-toggle-button-group.expanded .d4-toggle-button-sub,
.layout-toolbox > .d4-tab-content:hover .d4-toggle-button-sub {
    padding-left: 20px;
}

.layout-toolbox > .d4-tab-content .d4-toggle-button-group:not(.expanded) .d4-toggle-button.d4-current {
    background: var(--warm-grey-1);
}

.layout-toolbox > .d4-tab-content:hover .d4-toggle-button-group .d4-toggle-button.d4-current {
    background: var(--warm-grey-2);
}

.layout-toolbox .d4-tab-content .d4-toggle-button-group.d4-current:not(.expanded) .d4-toggle-button {
    height: 0;
    opacity: 0;
}

.layout-toolbox > .d4-tab-content:hover .d4-toggle-button::after {
    opacity: 0;
}

.layout-toolbox > .d4-tab-content:hover .d4-toggle-button-group::after,
.layout-toolbox > .d4-tab-content:hover .d4-toggle-button-group::before{
    opacity: 0!important;
}

.layout-toolbox > .d4-tab-content .d4-toggle-button-group.d4-current:not(.expanded)::after,
.layout-toolbox > .d4-tab-content .d4-toggle-button-group.d4-current:not(.expanded)::before {
    opacity: 1;
    content: "\e904";
    font-size: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: 'icomoon' !important;
    position: absolute;
    color: #E7E3DC;
}

.layout-toolbox > .d4-tab-content .d4-toggle-button-group.d4-current::after {
    bottom: 0;
}

.layout-toolbox > .d4-tab-content .d4-toggle-button-group.d4-current::before {
    top:0;
    transform: rotate(180deg);
}

.d4-toggle-button {
    padding: 0 8px;
    color: var(--warm-grey-4);
    border-radius: 0;
    cursor: pointer;
    height: 32px;
    box-sizing: border-box;
    overflow: hidden;
    transition: padding 0.3s, opacity 0.3s, height 0.3s;
    transition-delay: 0.2s;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;
}

.d4-toggle-button span {
    flex-shrink: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 8px;
    white-space: nowrap;
}

.d4-toggle-button i.fa-times:hover {
    color: var(--warm-grey-4);
}

.d4-toggle-button:hover i.fa-times {
    visibility: visible;
}

.d4-toggle-button i.fa-times {
    visibility: hidden;
    margin-left: auto;
}

.d4-toggle-button i.svg-view-layout,
.d4-toggle-button i.svg-table {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-right: 5px;
}

.d4-toolbox .d4-tab-host {
    flex-grow: 1;
}

.d4-drag-file {
    background: #e2ebff;
}

.d4-app-root:not(.d4-show-menu):not(.presentation) .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container > * {
    display: none;
}

.d4-app-root:not(.d4-show-menu):not(.presentation) .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container {
  display: none;
}

.d4-app-root:not(.d4-show-menu):not(.presentation) .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container > .d4-ribbon {
    display: flex;
    height: 32px;
    margin:0;
    background-color: white;
    overflow: hidden;
    flex-grow: 1;
}

.d4-app-root:not(.d4-show-menu):not(.presentation) .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container > .d4-ribbon > .grok-icon {
    color: var(--grey-3);
}

.d4-app-root:not(.d4-show-menu):not(.presentation) .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container > .d4-ribbon > .grok-icon:hover {
    color: var(--grey-4);
    -webkit-filter: none;
}

.d4-app-root:not(.d4-show-menu):not(.presentation) .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container > .d4-ribbon > .fa-times {
    margin-right: 10px;
}

.d4-app-root:not(.d4-show-menu):not(.presentation) .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container > .d4-ribbon > .grok-font-icon-menu {
    margin-left: auto;
    margin-right: 10px;
}

.d4-app-root:not(.d4-show-menu):not(.d4-show-ribbon):not(.presentation) .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container {
    display: none;
}

.d4-show-menu:not(.d4-show-ribbon):not(.presentation) .grok-view > div.d4-ribbon {
    display: none;
}


.d4-show-menu .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container > .d4-ribbon,
.presentation .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container > .d4-ribbon{
    display:none;
}

.d4-app-root:not(.d4-show-menu) .dock-container > .tab-host.grok-tab-host > .d4-ribbon,
.presentation .dock-container > .tab-host.grok-tab-host > .d4-ribbon {
    display: none;
}

.d4-ribbon-name + .d4-ribbon-name {
    position: relative;
    padding-left: 14px;
    /* margin-right: 0; */
}

span.d4-ribbon-name {
    display: block;
    text-overflow: ellipsis;
}

.d4-ribbon-name {
    margin: 0 8px;
    max-width: 400px;
    overflow: hidden;
    font-weight: 700;
    color: var(--steel-5);
    white-space: nowrap;
    font-size: 14px;
    cursor: pointer;
    flex-shrink: 1e20;
    display: flex;
    min-width: 50px;
}
.d4-ribbon-name + .d4-ribbon-name::before {
    left: -2px;
    height: 100%;
    width: 10px;
    cursor: default;
    transition: all 0.1s;
    content: "\e904";
    font-size: 16px;
    transform: rotate(-90deg);
    /* left: 3px; */
    top: 2px;
    font-family: 'icomoon' !important;
    /* speak: none; */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: var(--grey-6);
}

:not(.d4-show-menu):not(.presentation) .dock-container > .tab-host.grok-tab-host > .tab-handle-list-container > .d4-ribbon > .grok-main-menu {
    background-color: white;
    overflow: hidden;
    height: 32px;
    padding: 0;
}

.d4-toggle-button i.grok-icon:not(.fa-times) {
    overflow: auto;
    flex-direction: row;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.d4-tab-header-stripe-close-all {
    display: none;
    align-items: center;
    justify-content: center;
    height: 0;
    box-sizing: border-box;
    opacity: 0;
    overflow: hidden;
    padding: 0!important;
    transition: all 0.2s;
}

.d4-tab-header[data-count] ~ .d4-tab-header-stripe-close-all {
     display: flex;
 }

.d4-tab-header:hover ~ .d4-tab-header-stripe-close-all,
.d4-tab-header-stripe-close-all:hover{
    height: 40px;
    opacity: 1;
    padding: 12px!important;
}


.d4-tab-header-stripe-close-all.clicked::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--warm-grey-1);
    animation: d4-tab-header-stripe-close-all 0.5s;
    animation-fill-mode: forwards;
    z-index: -1;
}

@-webkit-keyframes d4-tab-header-stripe-close-all {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        width: 100%;
        opacity: 0.8;
    }
}

.d4-item-gallery-horz {
    overflow-y: scroll;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
}

.grok-view-datagrok-wrapper {
    overflow: scroll;
    flex-direction: column;
    align-items: center;
    display: flex;
    padding: 20px;
}

.grok-view-datagrok-wrapper > div {
    max-width: 700px;
    width: 100%;
    align-self: center;
    flex-shrink: 0;
}

.grok-view-datagrok > .d4-tab-content {
    margin-left: 10px;
}

.grok-view-datagrok .d4-home-tab-spacer {
    height: 32px;
}

.grok-view-datagrok .d4-home-tab-page {
    display:flex;
    flex-direction: column;
    padding-left: 18px;
}

.grok-view-datagrok .d4-home-tab-content {
    padding-top: 0;
    min-height: 32px;
    align-items: center;
    display: flex;
    flex-grow: 1;
}

.grok-view-datagrok .d4-home-tab-content ~ .d4-home-tab-spacer {
    flex-shrink: 100000;
}


.grok-view-datagrok .d4-item-gallery-horz .grok-gallery-grid-item:hover .grok-gallery-grid-item-thumbnail.hover-blur {
    overflow: hidden;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.grok-view-datagrok .d4-item-gallery-horz .grok-gallery-grid-item {
    border: 1px solid #dbdcdf;
    margin-right: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    border-radius: 2px;
    flex-shrink: 0;
    overflow: hidden;
}

.grok-gallery-grid-item.grok-scripting-script > div > .d4-link-label {
    margin-top: 0;
}

.grok-gallery-grid-item.grok-scripting-script > div > * {
    margin-top: 4px;
    margin-bottom: 4px;
}

.grok-gallery-grid-item.d4-mcp-server {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.grok-gallery-grid-item.d4-mcp-server > div > .d4-link-label {
    margin-top: 0;
}

.grok-gallery-grid-item.d4-mcp-server > div > * {
    margin-top: 4px;
    margin-bottom: 4px;
}

.d4-mcp-tool-item {
    margin-bottom: 6px;
}

.d4-mcp-tool-name {
    font-weight: bold;
}

.d4-mcp-tool-name:after {
    content: ': ';
    font-weight: normal;
}

.d4-mcp-tool-description {
    color: var(--grey-4);
    font-size: 12px;
}

.grok-view-datagrok .d4-item-gallery-horz .grok-gallery-grid-item-desc {
    display: none;
    color: var(--grey-6);
    opacity: 0.7;
    position: absolute;
    top: 0;
    background-color: white;
    background-blend-mode: soft-light;
    margin: 0;
    padding: 12px;
    bottom: 0;
    right: 0;
    left: 0;
}

.grok-view-datagrok .d4-item-gallery-horz .grok-gallery-grid-item-badge {
    display: none;
}


.grok-view-datagrok .d4-item-gallery-horz .grok-gallery-grid-item:hover .grok-gallery-grid-item-desc{
    display: block;
}

.d4-toggle-button .ui-input-bool-switch label {
    cursor: pointer;
    order: 1
}

.d4-toggle-button .ui-input-bool-switch .ui-input-switch {
    border: solid 1px var(--grey-3);
    order: 0;
}

.d4-toggle-button .ui-input-bool-switch .ui-input-switch > div {
    border: 1px solid var(--grey-3);
}

.layout-toolbox > .d4-tab-content .d4-toggle-button-group .ui-input-switch.ui-input-switch-on > div {
    border: 1px solid var(--steel-5) !important;
    background-color: var(--steel-5);
}

.d4-panel {
    margin: 10px;
}

.d4-toggle-panels {
    margin-top: auto;
    flex-grow: 0;
    flex-shrink: 0;
    max-height: initial;
    overflow: hidden;
}

.d4-toggle-panels-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
}

.layout-toolbox > .grok-icon {
    color: var(--warm-grey-2);
    visibility: hidden;
}

.layout-toolbox:hover > .grok-icon {
    visibility: visible;
}

.layout-toolbox:hover > .grok-icon:hover {
    color: var(--warm-grey-3);
    -webkit-filter: none;
}


.d4-ribbon-wrap-spacer {
    width: 1px;
    flex-shrink: 0;
    display: flex;
}

.d4-vert-menu .d4-ribbon-wrap-spacer {
    height: 0;
}

/*.d4-drag-file .d4-directory:hover {*/
    /*!*background: var(--steel-1);*!*/
    /*border: 1px solid blue;*/
/*}*/

.d4-accept-drop {
    box-shadow: 1px 1px 6px blue;
}


.d4-workspace-item {
    padding: 0 8px;
    color: var(--warm-grey-4);
    border-radius: 0;
    cursor: pointer;
    height: 32px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;
}

.d4-workspace-item > i {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    flex-shrink: 0;
}

.d4-workspace-project {
    position: relative;
    margin-right: 12px;
    border-bottom: 1px solid var(--warm-grey-2);
    padding-bottom: 12px;
}

.d4-workspace-project > span {
    color: var(--warm-grey-3);
    display: flex;
    padding-left: 16px;
    height: 32px;
    align-items: center;
}

.d4-workspace-project > button {
    position: absolute;
    right: 0;
    top: -2px;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    padding: 4px 8px;
    margin: 0;
    height: 22px;
    background-color: var(--green-2);
}

.d4-workspace-project > button.dim  {
    background-color: var(--warm-grey-2);
}

.d4-workspace-item > button {
    padding: 0;
    height: 16px;
    width: 16px;
    margin-left: auto;
    font-size: 12px;
}

.d4-workspace-project h2 {
    max-width: 130px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.d4-ribbon-name > span:nth-child(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.d4-viewer-host {
    position: absolute;
    width: 100%;
    height: 100%;
}

.d4-split-host {
    display: flex;
}

.d4-split-host.d4-split-host-vert {
    flex-direction: column;
}

.d4-split-host.d4-split-host-horz {
    flex-direction: row;
}

.d4-split-panel {
    display: flex;
    flex-grow: 1;
    position: relative;
}

.d4-split-panel > * {
    height: initial !important;
    width: initial !important;
    flex-grow: 1;
}

.d4-split-host-horz .d4-split-panel {}

.d4-split-host-vert .d4-split-panel {}

.d4-thumbnail-big {
    width: 128px;
    height: 128px;
}

.d4-property-categories label {
    margin-bottom: 0!important;
}

.d4-property-categories .ui-input-editor {
    height: initial;
}

.d4-property-categories .d4-accordion-pane-header {
   margin-left: -8px!important;
}

.d4-property-categories .d4-entity-markup-row {
    padding-left: 0;
}

.ui-card {
    margin: 4px;
}

.ui-card-picture {
    border: 1px solid var(--warm-grey-2);
    margin-right: 10px;
    flex-shrink: 0;
    background-size: cover!important;
}

.ui-card-details h1,.ui-card-details h2,.ui-card-details h3 {
    font-weight: normal;
    margin: 6px 0;
}

.ui-image {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ui-link {
    cursor: pointer;
}

.ui-label-details {
    font-size: 10px;
    color: var(--warm-grey-3);
}
.d4-table-map-value {
    display: flex;
    align-items: center;
}

.d4-table-map-value button {
    height: initial;
    visibility: hidden;
}

.d4-table-map-value:hover button {
    visibility: visible;
}

.d4-property-grid-widget .property-grid-wrapper {
    height: 100%!important;
}

.dlg-order-or-hide-columns .d4-column-grid {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: initial;
    width: initial;
}

.d4-drag-drop-commands-host {
    display: flex;
    flex-direction: column;
    background: white;
}

.d4-drop-command {
    padding: 5px;
    font-size: 20px;
}

.d4-drop-command:hover {
    background: var(--grey-2);
}

.d4-toolbox-layouts {
    flex-grow: 1;
}

.d4-column-selector-backdrop {
    background: #ffffff; /* for Dartium compatibility */
    background: #ffffffe0;
    backdrop-filter: blur(5px);
    box-sizing: border-box;
}

.d4-column-selector-backdrop > canvas {
    opacity: 0.9;
}

.d4-column-selector-backdrop > canvas {
    opacity: 0.9;
}

.d4-rotate-animation {
    transform-origin:center;
    animation: rotate 1.5s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg); /* start from 0 degree */
    }
    to {
        transform: rotate(360deg) /* end at 360 degree which the same as 0 degree to create the continuous loop*/
    }
}

.d4-blink-animation {
    animation: blinker 1s linear infinite;
}

.d4-blink-animation::before {
    background-color: var(--steel-5);
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.grok-prop-panel table.d4-table {
    max-width: 500px;
}
.grok-prop-panel table.d4-table td {
    padding: 0 12px 0 0;
}
.grok-prop-panel table.d4-table td input {
    width: 100%;
}
.grok-prop-panel .d4-flex-col .ui-btn:not(.ui-btn-raised) {
    width: max-content;
    flex-grow: 0;
    padding: 0;
}

/*.d4-tree-project-drop {
    height: 0;
    position: relative;
}*/

.d4-tree-drop.d4-drop {
    border: 1px dashed #40607f;
    box-sizing: border-box;
    background-color: var(--grey-2);
    z-index: 10001;
}

/*.d4-tree-project-drop div {
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
}*/

.d4-tree-drop.d4-tree-drop-hover {
    background: rgba(64, 96, 127, 0.28);
    box-shadow: 1px 1px 6px blue;
}

.d4-tag > .d4-tag-button {
    margin: 0;
    height: 23px;
}

.d4-tag-button > i {
    max-width: 15px;
    pointer-events: none;
}

.grok-view > .d4-picture-host {
    height: 100%;
    width: 100%;
}

.grok-gallery-grid-item-wrapper.is-semantic {
    background-color: #fafbfc;
    border-color: #e1e4e8;
    position: relative;
}

.grok-gallery-grid-item-wrapper.is-semantic::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #d9dde3;
    pointer-events: none;
}

.d4-link-label.is-semantic > span {
    position: relative;
    padding-left: 8px;            /* room for accent */
}

.d4-link-label.is-semantic > span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 2px;
    background-color: #d9dde3;    /* neutral */
    border-radius: 1px;
    pointer-events: none;
}


.d4-tags-selector-area {
    display: inline-flex;
    width: 400px;
    flex-grow: 1;
    margin-right: 0;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
}

.d4-tags-selector-drop-down-fixed {
    position: fixed;
    z-index: 6000;
}

.d4-tags-selector-drop-down {
    border: solid;
    border-width: 1px;
    border-color: #dbdcdf;
    position:absolute;
    max-height:200px;
    overflow-y: scroll;
    z-index:3500;
    width: 100%;
    background-color: white;
}

.d4-tags-selector-drop-down table {
    cursor: default;
    background-color: #ffffff;
}

.d4-tags-selector-drop-down td {
    cursor: default;
}

.d4-tags-selector-drop-down tr.hover {
    background-color: var(--grey-2);
}

.d4-tags-selector-input {
    width: 100%;
    display: inline-block;
    height: 28px;
}

.d4-tags-selector-input-lookup {
    flex-grow: 1;
}

.d4-tags-selector-tag {
    display: flex;
    gap: 5px;
    background: #ECEFF2;
}

.d4-tags-selector-tags-container {
    display: flex;
    gap: 5px;
    align-self: center;
}

.ui-input-choice-editable { position: relative; }

.ui-input-choice-editable > input.ui-input-editor {
    padding-right: 28px;
    box-sizing: border-box;
}

/* Chevron caret like a select */
.ui-input-choice-editable::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 1;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 L6 7.5 L9 4.5' fill='none' stroke='%235f6368' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ui-input-choice-editable-btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 28px;
    cursor: default;
}

/* Popup */
.ui-input-choice-dropdown {
    background: #fff;              /* fix transparency */
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    max-height: 200px;
    overflow-y: auto;
    font: inherit;
    border-radius: 0 0 2px 2px;
}

.ui-input-choice-dropdown-item {
    padding: 4px 8px;
    user-select: none;
    white-space: nowrap;
    background: #fff;
}

/* Hovered row = strong blue */
.ui-input-choice-dropdown-item.hover,
.ui-input-choice-dropdown-item:hover {
    background: Highlight;
    color: HighlightText;
}

.ui-input-choice-dropdown-item.selected {
    background: Highlight;
    color: HighlightText;
}

.ui-input-choice-dropdown.has-hover
.ui-input-choice-dropdown-item.selected:not(.hover):not(:hover) {
    background: #fff;
    color: inherit;
}

/* ================================
   File indexing rules grid
   ================================ */

/* Keep rows aligned when cells grow */
.ui-files-indexing-rules-grid td {
    vertical-align: top;
}

/* Make Scripts column behave predictably */
.ui-files-indexing-rules-grid .ui-files-indexing-rules-scripts {
    width: 100%;
}

/* Ensure TagsInput fills the cell */
.ui-files-indexing-rules-grid
.ui-files-indexing-rules-scripts
.ui-input-tags.ui-input-root {
    width: 100%;
}

/* Stack input and tags vertically:
   input on top, tags below */
.ui-files-indexing-rules-grid
.ui-files-indexing-rules-scripts
.d4-tags-selector-area {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* Input stays fixed, full width */
.ui-files-indexing-rules-grid
.ui-files-indexing-rules-scripts
.d4-tags-selector-input {
    order: 1;
    width: 100%;
    box-sizing: border-box;
}

/* Tags render below the input */
.ui-files-indexing-rules-grid
.ui-files-indexing-rules-scripts
.d4-tags-selector-tags-container {
    order: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

/* Prevent tags from blowing up layout */
.ui-files-indexing-rules-grid
.ui-files-indexing-rules-scripts
.d4-tags-selector-tag {
    max-width: 100%;
    white-space: nowrap;
}

.ui-files-indexing-rules-grid
.ui-files-indexing-rules-scripts
.d4-tags-selector-tags-container {
    width: 100%;
    justify-content: flex-start;   /* left-align tags horizontally */
    align-items: flex-start;       /* left-align multi-line rows */
}

.ui-box.ui-file-indexing-view {
    padding: 10px;
}

.d4-selectable-list {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    outline: 0;
    user-select: none;
    cursor: default;
}

.d4-selectable-list-item {
    display: flex;
    flex: 0 0 auto;
    cursor: pointer;
}

.d4-selectable-list-item:hover {
    background-color: #f2f2f5;
}

.d4-selectable-list-item.selected {
    background-color: #f2f2f5;
}

.d4-creation-script-editor-dlg-contents .d4-creation-script-editor-tab-control {
    flex: 1;
    min-height: 0;
    width: 100% !important;
}

.d4-creation-script-editor-tab-control .d4-tab-content {
    flex: 1;
    min-height: 0;
}

.d4-creation-script-editor-tab-pane {
    width: 100%;
    padding: 0;
    margin: 0;
    flex: 1;
    min-height: 0;
}

.d4-creation-script-editor-tab-pane-banner {
    width: 100%;
    white-space: pre-wrap;
    word-break: break-word;
    box-sizing: border-box;
    margin: 0 0 4px 0 !important;
    flex-shrink: 0;
    overflow: visible;
}

.d4-creation-script-editor-dlg-contents {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    overflow: hidden;
}

.d4-creation-script-editor-codemirror-editor {
    width: 100% !important;
    flex: 1;
    min-height: 0;
    position: relative;
    display: block;
}

.d4-creation-script-editor-codemirror-editor .CodeMirror {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.d4-creation-script-editor-dependency-div {
    padding: 4px 8px;
    font-size: 0.85em;
    opacity: 0.7;
    border-top: 1px solid var(--grey-2);
    flex-shrink: 0;
}

.d4-creation-script-editor-error {
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
}
.d4-layout-root {
    display: flex;
    flex-direction: column;
}

.d4-layout-top, .d4-layout-middle, .d4-layout-bottom {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.d4-layout-middle {
    flex-grow: 1;
    overflow: hidden;
    display: flex;
    position: relative;
}

.d4-layout-center {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: initial;
    overflow: hidden;
}

.d4-layout-right,
.d4-layout-left {
    overflow: hidden;
    display: flex;
}.d4-value-editor {
  border: 0px;
}/************* Panel with title bar ************/
.panel-base {
	flex-direction: column;
	overflow: hidden;
	position: relative;
	display: flex;
}

div:not(.dialog-floating) > .panel-base > .panel-base-fixed {
    pointer-events: none;
	position:fixed;
	width:inherit;
	height:inherit;
	z-index: 1000;
	order: -1000;
}

.panel-base:hover > .panel-base-fixed > .panel-base-shadow {
	position: absolute;
	box-shadow: 0 0 20px var(--grey-1);
	width:inherit;
	height:inherit;
}

.tab-host-header > .panel-titlebar.panel-titlebar-tabhost {
	display: flex;
}

.tab-host-header > .panel-titlebar {
	display: none;
}

body:not(.selenium) .panel-titlebar .grok-icon {
  visibility: hidden;
}

body:not(.selenium) .d4-current-object .panel-titlebar .grok-icon,
body:not(.selenium) .tab-host:hover > .tab-host-header > .panel-titlebar .grok-icon,
body:not(.selenium) .panel-base:hover > .panel-titlebar .grok-icon {
	visibility: visible;
}

body:not(.selenium) .panel-base:has(.d4-viewer:only-child) .d4-viewer-title {
	display: none;
}

/* show title on hover viewer*/
body:not(.selenium) .panel-base:has(.d4-viewer-title):hover > .panel-titlebar .panel-titlebar-text,
body:not(.selenium) .panel-base:has(.d4-filter-panel):hover > .panel-titlebar .panel-titlebar-text {
	visibility: visible;
	font-size: 12px;
	color:var(--grey-4);
}
.panel-base:has(.d4-viewer:only-child):has(.d4-viewer-title:not(.d4-viewer-title[style="display: none;"])):hover > .panel-titlebar .panel-titlebar-text {
	font-size:14px;
	color:var(--grey-6);
}

body:not(.selenium) .d4-current-object .panel-titlebar .grok-font-icon-settings {
	color: var(--blue-1);
}

.tab-host > .tab-host-header > .panel-titlebar > .panel-titlebar-button-close {
	display: none;
}

.tab-host > .tab-host-header > .panel-titlebar.panel-titlebar-draggable > .panel-titlebar-button-close {
	display: flex;
}

/*.d4-current-object .panel-titlebar {*/
/*	background-color: #f2f2f5;*/
/*}*/

.panel-titlebar {
	flex-shrink: 0;
	background-color: #ffffff;
	height: 24px;
	width: 100%;
	overflow: hidden;
	padding: 0 2px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.panel-titlebar-text:focus { outline: none; }
.panel-titlebar .fa-bars{
	margin-left: 6px;
}

.panel-titlebar:hover {
  background-color: #f2f2f5;
}

.panel-titlebar.panel-titlebar-draggable:hover,
.panel-base > .panel-titlebar:hover {
	cursor:move;
}

.grok-view .panel-titlebar-text:not(.panel-titlebar-text-visible) {
	visibility: hidden;
}

/*.panel-base:has(.d4-viewer-title:not(.d4-viewer-title[style="display: none;"])) > .panel-titlebar > .panel-titlebar-text{*/
.panel-base:has(.d4-viewer:only-child):has(.d4-viewer-title:not(.d4-viewer-title[style="display: none;"])) > .panel-titlebar > .panel-titlebar-text {
	visibility: visible;
	display: block;
    text-align: center;
    margin-left: 36px;
    padding: 0;
    width: 100%;
	font-size: 14px;
}

.panel-titlebar-text {
	/*flex-grow: 1;*/
	padding-left: 5px;
	color: #4d5261;
	font-size: 12px;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	white-space: nowrap;
}

.panel-titlebar-text img {
	height: 16px;
	width: 16px;
	margin-right: 5px;
}

.panel-titlebar .grok-icon,
.d4-grid-settings-icon {
	cursor: pointer;
	color: var(--grey-3);
	font-size: 18px;
}

.d4-grid-add-row-icon {
	position: absolute;
	color: #2083d5;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.d4-grid-remove-row-icon {
	position: absolute;
	color: #2083d5;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.d4-grid-settings-host {
	position: absolute;
	width: 20px;
	height: 16px;
	right: 0px;
	top: 0px;
	padding-top: 3px;
	background: white;
}

.panel-titlebar .svg-icon {
	width: 16px;
	height: 16px;
}

.panel-titlebar .grok-icon.fal {
	font-size: 13px;
}

.panel-titlebar-button-close:hover {
	background-color: var(--red-3);
	cursor: pointer;
	color: white;
}

.panel-titlebar-button-close:hover i, .panel-titlebar-button-close:hover i:hover {
	color: white;
}

.panel-titlebar-button-close {
	margin-left: auto;
	/* margin-right: 3px; */
	color: #9497a0;
	display: flex
;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
}

.panel-titlebar .grok-icon:hover,
.d4-grid-settings-icon:hover {
	color: #4d5261;
	cursor: pointer;
	-webkit-filter: none;
}

.panel-content {
	-webkit-user-select: none;

	background-color: #ffffff;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.panel-content .grok-welcome-panel {
	padding:0;
}

.panel-content .grok-welcome-panel h1 {
	display: none;
}

.layout-dockarea > div > div {
	display: flex;
}

/***************** Floating dialog box ****************/
.dialog-floating {
	position: absolute;
	border: 1px solid #9497a0;
	box-shadow: 1px 1px 6px #4d5261;
}

/************ Resize decorator ************/
.resize-handle {
	position: absolute;
	width: 6px; 
	height: 6px;
}

.resize-handle-corner {
	position: absolute;
	width: 12px; 
	height: 12px;
}

.resize-handle-e { cursor: e-resize; }
.resize-handle-w { cursor: w-resize; }
.resize-handle-s { cursor: s-resize; }
.resize-handle-n { cursor: n-resize; }
.resize-handle-ne { cursor: ne-resize; }
.resize-handle-nw { cursor: nw-resize; }
.resize-handle-se { cursor: se-resize; }
.resize-handle-sw { cursor: sw-resize; }


/******************* Dock Manager ********************/

.dock-container-fill {

}

/******************* Document Manager ********************/
.document-manager {
	display: flex;
}


/******************* Dock Wheel ********************/
.dock-wheel-base {
	position: absolute;
}

.dock-wheel-item {
	position: absolute;
	width:32px;
	height:32px;
}

.dock-wheel-fill {
	margin-left: -16px;
	margin-top: -16px;
}

.dock-wheel-left {
	margin-left: -48px;
	margin-top: -16px;
}

.dock-wheel-right {
	margin-left: 16px;
	margin-top: -16px;
}

.dock-wheel-top {
	margin-left: -16px;
	margin-top: -48px;
}

.dock-wheel-down {
	margin-left: -16px;
	margin-top: 16px;
}

.dock-wheel-panel-preview {
	position: absolute;
	opacity: 0.5;
	background-color:#b3bfcc;
}

.dock-wheel-fill-icon { background:url(/images/dock_fill.png) 0 0; }
.dock-wheel-left-icon { background:url(/images/dock_left.png) 0 0; }
.dock-wheel-right-icon { background:url(/images/dock_right.png) 0 0; }
.dock-wheel-top-icon { background:url(/images/dock_top.png) 0 0; }
.dock-wheel-down-icon { background:url(/images/dock_bottom.png) 0 0; }

.dock-wheel-fill-icon-hover { background:url(/images/dock_fill_sel.png) 0 0; }
.dock-wheel-left-icon-hover { background:url(/images/dock_left_sel.png) 0 0; }
.dock-wheel-right-icon-hover { background:url(/images/dock_right_sel.png) 0 0; }
.dock-wheel-top-icon-hover { background:url(/images/dock_top_sel.png) 0 0; }
.dock-wheel-down-icon-hover { background:url(/images/dock_bottom_sel.png) 0 0; }

/**************************** Splitter *********************************/
.splitter-container-horizontal { 
	display: flex;
}

.splitter-container-column {
	flex-direction: column;
	display: flex;
}

.splitter-container-row {
	flex-direction: row;
	display: flex;
}

.splitter-container-column .splitter-container-vertical:last-child .panel-base,
.splitter-container-column .splitter-container-vertical:last-child .splitbar-horizontal,
.splitter-container-column .splitter-container-vertical:last-child .panel-base .panel-content,
.splitter-container-column .splitter-container-horizontal:last-child .panel-base,
.splitter-container-column .splitter-container-horizontal:last-child .splitbar-horizontal,
.splitter-container-column .splitter-container-horizontal:last-child .panel-base .panel-content,
.splitter-container-column .panel-base:last-child,
.splitter-container-column .panel-base:last-child .panel-content,
.splitter-container-column .splitter-container-horizontal:last-child,
.splitter-container-column .splitter-container-vertical:last-child {
	flex-grow: 1;
}

.panel-base > .panel-content,
.panel-base > .panel-titlebar,
.splitter-container-column > .panel-base,
.splitter-container-column > .dock-container-fill {
/*	width: 100%!important;*/
}

.splitter-container-row .splitter-container-horizontal:last-child,
.splitter-container-row .splitter-container-vertical:last-child {
	flex-grow: 1;
}

.splitter-container-row > div, .splitter-container-column > div {
	flex-shrink: 0;
}

.splitter-container-vertical {
	display: flex;
}

.icon-circle-arrow-right {
  visibility:hidden;
}

.d4-viewer .splitbar-vertical {
	margin: 0;
}

.splitbar-horizontal {
	background-color: #f2f2f5;
	box-sizing: content-box;
	width: 100%!important;
	height: 1px;
	padding: 2px 0;
	margin: -2px 0;
	background-clip: content-box;
	z-index: 100;
	cursor: ns-resize;
	flex-shrink: 0;
	max-height: 1px;
}
	
.splitbar-vertical {
	background-color: #f2f2f5;
	box-sizing: content-box;
	width: 1px;
	display: flex;
	padding: 0 2px;
	margin: 0 -2px;
	background-clip: content-box;
	height: 100%!important;
	float: left;
	z-index: 100;
	cursor: ew-resize;
	flex-shrink: 0;
	max-width: 1px;
}

.splitbar-horizontal:hover,
.splitbar-vertical:hover {
	background-color: var(--blue-2);
}

body:not(.dartium) .splitbar-vertical:hover {
	min-width: 2px;
	padding-left: 1px;
}

.splitbar-horizontal:hover {
	min-height: 2px;
	padding-bottom: 1px;
}

/*************************** Tab Host ********************************/
.tab-host {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	height: initial!important;
}

.tab-content {
	background-color: #ffffff;
	position: relative;
	flex-grow: 1;
	flex-direction: column;
	display: flex;
}

/*

.tab-handle+.tab-handle-selected::before,
.tab-handle-selected+.tab-handle::before,
.tab-handle-selected::after{
	visibility: hidden;
}
*/

.tab-handle {
	min-width: 50px;
	max-width: 200px;
	position: relative;
	/*background-color: #E4E8EC;*/
	color: #9497A0;
	height: 24px;
	overflow: hidden;
	float: left;
	display: flex;
	align-items: center;
}

.tab-handle-selected {
    font-weight: bold;
	color: #4D5261;
	background-color: #ffffff;
}

.tab-handle-text {
	color: #9497A0;
	padding: 0 8px;
	max-width: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	align-items: center;
	min-width: 20px;
	height: 28px;
}

.tab-handle.disable-selection.tab-handle-selected .tab-handle-button{
	display: flex;
	z-index: 1;
}

.tab-handle-button {
	overflow: hidden;
	width: 4px;
	height: 28px;
	display: none;
	color: transparent;
	order: -1;
	transition: width 0.2s, color 0.2s, background-color 0.2s;
	transition-delay: 0.1s;
	padding-right: 8px;
	margin-right: -8px;
}

.tab-handle.disable-selection.tab-handle-selected .tab-handle-button:hover  i:hover {
	background-color: var(--blue-2);
	transition: none;
	font-weight: 900;
}

.tab-handle.disable-selection.tab-handle-selected .tab-handle-button:hover i {
	background-color: var(--blue-2);
	font-weight: 300;
	cursor: pointer;

}

.tab-handle.disable-selection.tab-handle-selected .tab-handle-button:hover {
	width: 28px;
	color: white;
	background-color: transparent;
	padding-right: 400px;
	margin-right: -400px;
	transition: width 0.2s, color 0.2s, background-color 0.2s;
	transition-delay: 0.1s;
}

.tab-handle-button i {
	cursor: pointer;
	background-color: var(--blue-2);

	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	width: 4px;
}

.tab-handle-button:hover {
	background-color: var(--blue-2);
	color: white;
}

.tab-handle-close-button {
	width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	display: flex;
	color: #b8bac0;
	cursor: pointer;
	margin-left: -4px;
	flex-shrink: 0;
}

.tab-handle.tab-handle-selected .tab-handle-close-button {
	display: flex;
}

.tab-handle:hover:not(.tab-handle-selected) .tab-handle-close-button:hover {
	background-color: var(--red-3);
	z-index: 1;
}

.tab-handle-close-button:hover {
	background-color: var(--red-3);
	color: white;
}

.tab-handle-list-container {
	background-color: white;
	height: 24px;
	overflow: hidden;
	flex-shrink: 0;
}

.tab-handle-list-container .fa-chevron-down:hover,
.tab-handle-list-container .fa-plus:hover{
	color: #4D5261;
}

.tab-handle-list-container .fa-chevron-down {
	color: #b8bac0;
	height: 24px;
	width: 24px;
	justify-content: center;
	align-items: center;
	display: inline-flex;
	margin-right: 0;
}

.tab-handle-list-container .fa-plus {
	color: #b8bac0;
	height: 24px;
	width: 24px;
	justify-content: center;
	align-items: center;
	display: inline-flex;
	margin-right: 0;
}
.tab-handle-content-separator {
	background-color: #dbdcdf; 
}
.tab-handle-drop-zone {
	background-color:#b3bfcc;
	z-index: 6002;
	position: absolute;
	opacity: 0;
}

.tab-handle-temp-tab {
	position: absolute !important;
	z-index: -500 !important;
	opacity: 0;
}

.tab-handle-preview {
	opacity: 0.5;
	background-color:#b3bfcc !important;
	z-index: 6001;
}

/*************************** Text Selection **************************/
.disable-selection {
  -moz-user-select: none !important;
  -khtml-user-select: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  cursor: default !important;
}


/************************ Misc Utils *************************/
.full-screen {
	display:block;

    /*set the div in the top-left corner of the screen*/
    top:0;
    left:0;
    
    /*set the width and height to 100% of the screen*/
    width:100%;
    height:100%;
    
}

.rounded-corner-top {
    /*
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
    */
}
/*!
 * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-conditioner:before{content:"\f8f4"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-alarm-clock:before{content:"\f34e"}.fa-alarm-exclamation:before{content:"\f843"}.fa-alarm-plus:before{content:"\f844"}.fa-alarm-snooze:before{content:"\f845"}.fa-album:before{content:"\f89f"}.fa-album-collection:before{content:"\f8a0"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-alien:before{content:"\f8f5"}.fa-alien-monster:before{content:"\f8f6"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-align-slash:before{content:"\f846"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-amp-guitar:before{content:"\f8a1"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angel:before{content:"\f779"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-arrow-rotate-left:before{content:"\f0e2"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badge-sheriff:before{content:"\f8a2"}.fa-badger-honey:before{content:"\f6b4"}.fa-bags-shopping:before{content:"\f847"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ball-pile:before{content:"\f77e"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-banjo:before{content:"\f8a3"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-bed-alt:before{content:"\f8f7"}.fa-bed-bunk:before{content:"\f8f8"}.fa-bed-empty:before{content:"\f8f9"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-exclamation:before{content:"\f848"}.fa-bell-on:before{content:"\f8fa"}.fa-bell-plus:before{content:"\f849"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bells:before{content:"\f77f"}.fa-betamax:before{content:"\f8a4"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-biking-mountain:before{content:"\f84b"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blinds:before{content:"\f8fb"}.fa-blinds-open:before{content:"\f8fc"}.fa-blinds-raised:before{content:"\f8fd"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-book-user:before{content:"\f7e7"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-books-medical:before{content:"\f7e8"}.fa-boombox:before{content:"\f8a5"}.fa-boot:before{content:"\f782"}.fa-booth-curtain:before{content:"\f734"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-bottom:before{content:"\f84d"}.fa-border-center-h:before{content:"\f89c"}.fa-border-center-v:before{content:"\f89d"}.fa-border-inner:before{content:"\f84e"}.fa-border-left:before{content:"\f84f"}.fa-border-none:before{content:"\f850"}.fa-border-outer:before{content:"\f851"}.fa-border-right:before{content:"\f852"}.fa-border-style:before{content:"\f853"}.fa-border-style-alt:before{content:"\f854"}.fa-border-top:before{content:"\f855"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-brackets:before{content:"\f7e9"}.fa-brackets-curly:before{content:"\f7ea"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-loaf:before{content:"\f7eb"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-bring-forward:before{content:"\f856"}.fa-bring-front:before{content:"\f857"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burger-soda:before{content:"\f858"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-burrito:before{content:"\f7ed"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-cactus:before{content:"\f8a7"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camcorder:before{content:"\f8a8"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-home:before{content:"\f8fe"}.fa-camera-movie:before{content:"\f8a9"}.fa-camera-polaroid:before{content:"\f8aa"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-cane:before{content:"\f786"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-building:before{content:"\f859"}.fa-car-bump:before{content:"\f5e0"}.fa-car-bus:before{content:"\f85a"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caravan:before{content:"\f8ff"}.fa-caravan-alt:before{content:"\e000"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cars:before{content:"\f85b"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cassette-tape:before{content:"\f8ab"}.fa-cat:before{content:"\f6be"}.fa-cat-space:before{content:"\e001"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-cctv:before{content:"\f8ac"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-network:before{content:"\f78a"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-chart-scatter:before{content:"\f7ee"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-cheese-swiss:before{content:"\f7f0"}.fa-cheeseburger:before{content:"\f7f1"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chimney:before{content:"\f78b"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clarinet:before{content:"\f8ad"}.fa-claw-marks:before{content:"\f6c2"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clipboard-user:before{content:"\f7f3"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-music:before{content:"\f8ae"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-pot:before{content:"\e002"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-coffin-cross:before{content:"\e051"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coin:before{content:"\f85c"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comet:before{content:"\e003"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-medical:before{content:"\f7f4"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-music:before{content:"\f8af"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-music:before{content:"\f8b0"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-compress-wide:before{content:"\f326"}.fa-computer-classic:before{content:"\f8b1"}.fa-computer-speaker:before{content:"\f8b2"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-construction:before{content:"\f85d"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cowbell:before{content:"\f8b3"}.fa-cowbell-more:before{content:"\f8b4"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-croissant:before{content:"\f7f6"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-crutches:before{content:"\f7f8"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-debug:before{content:"\f7f9"}.fa-deer:before{content:"\f78e"}.fa-deer-rudolph:before{content:"\f78f"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digging:before{content:"\f85e"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-disc-drive:before{content:"\f8b5"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dreidel:before{content:"\f792"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-drone:before{content:"\f85f"}.fa-drone-alt:before{content:"\f860"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dryer:before{content:"\f861"}.fa-dryer-alt:before{content:"\f862"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-ear-muffs:before{content:"\f795"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-egg-fried:before{content:"\f7fc"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fan-table:before{content:"\e004"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-farm:before{content:"\f864"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-faucet-drip:before{content:"\e006"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-music:before{content:"\f8b6"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-search:before{content:"\f865"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-files-medical:before{content:"\f7fd"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-film-canister:before{content:"\f8b7"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-fireplace:before{content:"\f79a"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fish-cooked:before{content:"\f7fe"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flashlight:before{content:"\f8b8"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flower:before{content:"\f7ff"}.fa-flower-daffodil:before{content:"\f800"}.fa-flower-tulip:before{content:"\f801"}.fa-flushed:before{content:"\f579"}.fa-flute:before{content:"\f8b9"}.fa-flux-capacitor:before{content:"\f8ba"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-download:before{content:"\e053"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folder-tree:before{content:"\f802"}.fa-folder-upload:before{content:"\e054"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-font-case:before{content:"\f866"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-french-fries:before{content:"\f803"}.fa-frog:before{content:"\f52e"}.fa-frosty-head:before{content:"\f79b"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-galaxy:before{content:"\e008"}.fa-game-board:before{content:"\f867"}.fa-game-board-alt:before{content:"\f868"}.fa-game-console-handheld:before{content:"\f8bb"}.fa-gamepad:before{content:"\f11b"}.fa-gamepad-alt:before{content:"\f8bc"}.fa-garage:before{content:"\e009"}.fa-garage-car:before{content:"\e00a"}.fa-garage-open:before{content:"\e00b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-gifts:before{content:"\f79c"}.fa-gingerbread-man:before{content:"\f79d"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass:before{content:"\f804"}.fa-glass-champagne:before{content:"\f79e"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-citrus:before{content:"\f869"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glass-whiskey-rocks:before{content:"\f7a1"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-globe-snow:before{content:"\f7a3"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gramophone:before{content:"\f8bd"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-guitar-electric:before{content:"\f8be"}.fa-guitars:before{content:"\f8bf"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-h4:before{content:"\f86a"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-chef:before{content:"\f86b"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-santa:before{content:"\f7a7"}.fa-hat-winter:before{content:"\f7a8"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-side-brain:before{content:"\f808"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-headphones:before{content:"\f8c2"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-medical:before{content:"\f809"}.fa-head-side-virus:before{content:"\e064"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-heat:before{content:"\e00c"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-home-alt:before{content:"\f80a"}.fa-home-heart:before{content:"\f4c9"}.fa-home-lg:before{content:"\f80b"}.fa-home-lg-alt:before{content:"\f80c"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-horizontal-rule:before{content:"\f86c"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-horse-saddle:before{content:"\f8c3"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hospitals:before{content:"\f80e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house:before{content:"\e00d"}.fa-house-damage:before{content:"\f6f1"}.fa-house-day:before{content:"\e00e"}.fa-house-flood:before{content:"\f74f"}.fa-house-leave:before{content:"\e00f"}.fa-house-night:before{content:"\e010"}.fa-house-return:before{content:"\e011"}.fa-house-signal:before{content:"\e012"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-ice-skate:before{content:"\f7ac"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-icons-alt:before{content:"\f86e"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-image-polaroid:before{content:"\f8c4"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-integral:before{content:"\f667"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-island-tropical:before{content:"\f811"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-joystick:before{content:"\f8c5"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-jug:before{content:"\f8c6"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-kazoo:before{content:"\f8c7"}.fa-kerning:before{content:"\f86f"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-lamp-desk:before{content:"\e014"}.fa-lamp-floor:before{content:"\e015"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lasso:before{content:"\f8c8"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-light-ceiling:before{content:"\e016"}.fa-light-switch:before{content:"\e017"}.fa-light-switch-off:before{content:"\e018"}.fa-light-switch-on:before{content:"\e019"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-lights-holiday:before{content:"\f7b2"}.fa-line:before{content:"\f3c0"}.fa-line-columns:before{content:"\f870"}.fa-line-height:before{content:"\f871"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-music:before{content:"\f8c9"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailbox:before{content:"\f813"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-meat:before{content:"\f814"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microphone-stand:before{content:"\f8cb"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-microwave:before{content:"\e01b"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mistletoe:before{content:"\f7b4"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-money-check-edit:before{content:"\f872"}.fa-money-check-edit-alt:before{content:"\f873"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-alt:before{content:"\f8cd"}.fa-mouse-pointer:before{content:"\f245"}.fa-mp3-player:before{content:"\f8ce"}.fa-mug:before{content:"\f874"}.fa-mug-hot:before{content:"\f7b6"}.fa-mug-marshmallows:before{content:"\f7b7"}.fa-mug-tea:before{content:"\f875"}.fa-music:before{content:"\f001"}.fa-music-alt:before{content:"\f8cf"}.fa-music-alt-slash:before{content:"\f8d0"}.fa-music-slash:before{content:"\f8d1"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-ornament:before{content:"\f7b8"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-outlet:before{content:"\e01c"}.fa-oven:before{content:"\e01d"}.fa-overline:before{content:"\f876"}.fa-page-break:before{content:"\f877"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-paragraph-rtl:before{content:"\f878"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-laptop:before{content:"\f87a"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-rotary:before{content:"\f8d3"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-piano:before{content:"\f8d4"}.fa-piano-keyboard:before{content:"\f8d5"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza:before{content:"\f817"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-planet-moon:before{content:"\e01f"}.fa-planet-ringed:before{content:"\e020"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-police-box:before{content:"\e021"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-popcorn:before{content:"\f819"}.fa-portal-enter:before{content:"\e022"}.fa-portal-exit:before{content:"\e023"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-search:before{content:"\f81a"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-projector:before{content:"\f8d6"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-radar:before{content:"\e024"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-radio:before{content:"\f8d7"}.fa-radio-alt:before{content:"\f8d8"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-raygun:before{content:"\e025"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-refrigerator:before{content:"\e026"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-rings-wedding:before{content:"\f81b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocket-launch:before{content:"\e027"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-router:before{content:"\f8da"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-rv:before{content:"\f7be"}.fa-sack:before{content:"\f81c"}.fa-sack-dollar:before{content:"\f81d"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salad:before{content:"\f81e"}.fa-salesforce:before{content:"\f83b"}.fa-sandwich:before{content:"\f81f"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-sausage:before{content:"\f820"}.fa-save:before{content:"\f0c7"}.fa-sax-hot:before{content:"\f8db"}.fa-saxophone:before{content:"\f8dc"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-image:before{content:"\f8f3"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-scarf:before{content:"\f7c1"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-send-back:before{content:"\f87e"}.fa-send-backward:before{content:"\f87f"}.fa-sensor:before{content:"\e028"}.fa-sensor-alert:before{content:"\e029"}.fa-sensor-fire:before{content:"\e02a"}.fa-sensor-on:before{content:"\e02b"}.fa-sensor-smoke:before{content:"\e02c"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shish-kebab:before{content:"\f821"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shovel-snow:before{content:"\f7c3"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sickle:before{content:"\f822"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signal-stream:before{content:"\f8dd"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-siren:before{content:"\e02d"}.fa-siren-on:before{content:"\e02e"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-skeleton:before{content:"\f620"}.fa-sketch:before{content:"\f7c6"}.fa-ski-jump:before{content:"\f7c7"}.fa-ski-lift:before{content:"\f7c8"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-cow:before{content:"\f8de"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sledding:before{content:"\f7cb"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snooze:before{content:"\f880"}.fa-snow-blowing:before{content:"\f761"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowflakes:before{content:"\f7cf"}.fa-snowman:before{content:"\f7d0"}.fa-snowmobile:before{content:"\f7d1"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-solar-system:before{content:"\e02f"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-alt:before{content:"\f883"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-circle:before{content:"\e030"}.fa-sort-circle-down:before{content:"\e031"}.fa-sort-circle-up:before{content:"\e032"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-shapes-down:before{content:"\f888"}.fa-sort-shapes-down-alt:before{content:"\f889"}.fa-sort-shapes-up:before{content:"\f88a"}.fa-sort-shapes-up-alt:before{content:"\f88b"}.fa-sort-size-down:before{content:"\f88c"}.fa-sort-size-down-alt:before{content:"\f88d"}.fa-sort-size-up:before{content:"\f88e"}.fa-sort-size-up-alt:before{content:"\f88f"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-soup:before{content:"\f823"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-space-station-moon:before{content:"\e033"}.fa-space-station-moon-alt:before{content:"\e034"}.fa-spade:before{content:"\f2f4"}.fa-sparkles:before{content:"\f890"}.fa-speakap:before{content:"\f3f3"}.fa-speaker:before{content:"\f8df"}.fa-speaker-deck:before{content:"\f83c"}.fa-speakers:before{content:"\f8e0"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-sprinkler:before{content:"\e035"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-christmas:before{content:"\f7d4"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-star-shooting:before{content:"\e036"}.fa-starfighter:before{content:"\e037"}.fa-starfighter-alt:before{content:"\e038"}.fa-stars:before{content:"\f762"}.fa-starship:before{content:"\e039"}.fa-starship-freighter:before{content:"\e03a"}.fa-staylinked:before{content:"\f3f5"}.fa-steak:before{content:"\f824"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stocking:before{content:"\f7d5"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-stretcher:before{content:"\f825"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunglasses:before{content:"\f892"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-sword-laser:before{content:"\e03b"}.fa-sword-laser-alt:before{content:"\e03c"}.fa-swords:before{content:"\f71d"}.fa-swords-laser:before{content:"\e03d"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-taco:before{content:"\f826"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tanakh:before{content:"\f827"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-tasks-alt:before{content:"\f828"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-telescope:before{content:"\e03e"}.fa-temperature-down:before{content:"\e03f"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-temperature-up:before{content:"\e040"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text:before{content:"\f893"}.fa-text-height:before{content:"\f034"}.fa-text-size:before{content:"\f894"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-transporter:before{content:"\e042"}.fa-transporter-1:before{content:"\e043"}.fa-transporter-2:before{content:"\e044"}.fa-transporter-3:before{content:"\e045"}.fa-transporter-empty:before{content:"\e046"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-trash-undo:before{content:"\f895"}.fa-trash-undo-alt:before{content:"\f896"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-tree-christmas:before{content:"\f7db"}.fa-tree-decorated:before{content:"\f7dc"}.fa-tree-large:before{content:"\f7dd"}.fa-tree-palm:before{content:"\f82b"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-triangle-music:before{content:"\f8e2"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-plow:before{content:"\f7de"}.fa-truck-ramp:before{content:"\f4e0"}.fa-trumpet:before{content:"\f8e3"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turntable:before{content:"\f8e4"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-alt:before{content:"\f8e5"}.fa-tv-music:before{content:"\f8e6"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typewriter:before{content:"\f8e7"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-ufo:before{content:"\e047"}.fa-ufo-beam:before{content:"\e048"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usb-drive:before{content:"\f8e9"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alien:before{content:"\e04a"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-cowboy:before{content:"\f8ea"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-hard-hat:before{content:"\f82c"}.fa-user-headset:before{content:"\f82d"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-md-chat:before{content:"\f82e"}.fa-user-minus:before{content:"\f503"}.fa-user-music:before{content:"\f8eb"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-robot:before{content:"\e04b"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-user-unlock:before{content:"\e058"}.fa-user-visor:before{content:"\e04c"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-users-medical:before{content:"\f830"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-vacuum:before{content:"\e04d"}.fa-vacuum-robot:before{content:"\e04e"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-vhs:before{content:"\f8ec"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-violin:before{content:"\f8ed"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-wagon-covered:before{content:"\f8ee"}.fa-walker:before{content:"\f831"}.fa-walkie-talkie:before{content:"\f8ef"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-washer:before{content:"\f898"}.fa-watch:before{content:"\f2e1"}.fa-watch-calculator:before{content:"\f8f0"}.fa-watch-fitness:before{content:"\f63e"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-wave-sine:before{content:"\f899"}.fa-wave-square:before{content:"\f83e"}.fa-wave-triangle:before{content:"\f89a"}.fa-waveform:before{content:"\f8f1"}.fa-waveform-path:before{content:"\f8f2"}.fa-waze:before{content:"\f83f"}.fa-webcam:before{content:"\f832"}.fa-webcam-slash:before{content:"\f833"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-turbine:before{content:"\f89b"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-frame:before{content:"\e04f"}.fa-window-frame-open:before{content:"\e050"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wreath:before{content:"\f7e2"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/font/font-awesome/webfonts/fa-brands-400.eot);src:url(/font/font-awesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/font/font-awesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/font/font-awesome/webfonts/fa-brands-400.woff) format("woff"),url(/font/font-awesome/webfonts/fa-brands-400.ttf) format("truetype"),url(/font/font-awesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}@font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(/font/font-awesome/webfonts/fa-duotone-900.eot);src:url(/font/font-awesome/webfonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(/font/font-awesome/webfonts/fa-duotone-900.woff2) format("woff2"),url(/font/font-awesome/webfonts/fa-duotone-900.woff) format("woff"),url(/font/font-awesome/webfonts/fa-duotone-900.ttf) format("truetype"),url(/font/font-awesome/webfonts/fa-duotone-900.svg#fontawesome) format("svg")}.fad{position:relative;font-family:"Font Awesome 5 Duotone";font-weight:900}.fad:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:1;opacity:var(--fa-primary-opacity,1)}.fad:after{color:var(--fa-secondary-color,inherit)}.fa-swap-opacity .fad:before,.fad.fa-swap-opacity:before,.fad:after{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.fa-swap-opacity .fad:after,.fad.fa-swap-opacity:after{opacity:1;opacity:var(--fa-primary-opacity,1)}.fad.fa-inverse{color:#fff}.fad.fa-stack-1x,.fad.fa-stack-2x{position:absolute}.fad.fa-fw:before,.fad.fa-stack-1x:before,.fad.fa-stack-2x:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fad.fa-abacus:after{content:"\10f640"}.fad.fa-acorn:after{content:"\10f6ae"}.fad.fa-ad:after{content:"\10f641"}.fad.fa-address-book:after{content:"\10f2b9"}.fad.fa-address-card:after{content:"\10f2bb"}.fad.fa-adjust:after{content:"\10f042"}.fad.fa-air-conditioner:after{content:"\10f8f4"}.fad.fa-air-freshener:after{content:"\10f5d0"}.fad.fa-alarm-clock:after{content:"\10f34e"}.fad.fa-alarm-exclamation:after{content:"\10f843"}.fad.fa-alarm-plus:after{content:"\10f844"}.fad.fa-alarm-snooze:after{content:"\10f845"}.fad.fa-album:after{content:"\10f89f"}.fad.fa-album-collection:after{content:"\10f8a0"}.fad.fa-alicorn:after{content:"\10f6b0"}.fad.fa-alien:after{content:"\10f8f5"}.fad.fa-alien-monster:after{content:"\10f8f6"}.fad.fa-align-center:after{content:"\10f037"}.fad.fa-align-justify:after{content:"\10f039"}.fad.fa-align-left:after{content:"\10f036"}.fad.fa-align-right:after{content:"\10f038"}.fad.fa-align-slash:after{content:"\10f846"}.fad.fa-allergies:after{content:"\10f461"}.fad.fa-ambulance:after{content:"\10f0f9"}.fad.fa-american-sign-language-interpreting:after{content:"\10f2a3"}.fad.fa-amp-guitar:after{content:"\10f8a1"}.fad.fa-analytics:after{content:"\10f643"}.fad.fa-anchor:after{content:"\10f13d"}.fad.fa-angel:after{content:"\10f779"}.fad.fa-angle-double-down:after{content:"\10f103"}.fad.fa-angle-double-left:after{content:"\10f100"}.fad.fa-angle-double-right:after{content:"\10f101"}.fad.fa-angle-double-up:after{content:"\10f102"}.fad.fa-angle-down:after{content:"\10f107"}.fad.fa-angle-left:after{content:"\10f104"}.fad.fa-angle-right:after{content:"\10f105"}.fad.fa-angle-up:after{content:"\10f106"}.fad.fa-angry:after{content:"\10f556"}.fad.fa-ankh:after{content:"\10f644"}.fad.fa-apple-alt:after{content:"\10f5d1"}.fad.fa-apple-crate:after{content:"\10f6b1"}.fad.fa-archive:after{content:"\10f187"}.fad.fa-archway:after{content:"\10f557"}.fad.fa-arrow-alt-circle-down:after{content:"\10f358"}.fad.fa-arrow-alt-circle-left:after{content:"\10f359"}.fad.fa-arrow-alt-circle-right:after{content:"\10f35a"}.fad.fa-arrow-alt-circle-up:after{content:"\10f35b"}.fad.fa-arrow-alt-down:after{content:"\10f354"}.fad.fa-arrow-alt-from-bottom:after{content:"\10f346"}.fad.fa-arrow-alt-from-left:after{content:"\10f347"}.fad.fa-arrow-alt-from-right:after{content:"\10f348"}.fad.fa-arrow-alt-from-top:after{content:"\10f349"}.fad.fa-arrow-alt-left:after{content:"\10f355"}.fad.fa-arrow-alt-right:after{content:"\10f356"}.fad.fa-arrow-alt-square-down:after{content:"\10f350"}.fad.fa-arrow-alt-square-left:after{content:"\10f351"}.fad.fa-arrow-alt-square-right:after{content:"\10f352"}.fad.fa-arrow-alt-square-up:after{content:"\10f353"}.fad.fa-arrow-alt-to-bottom:after{content:"\10f34a"}.fad.fa-arrow-alt-to-left:after{content:"\10f34b"}.fad.fa-arrow-alt-to-right:after{content:"\10f34c"}.fad.fa-arrow-alt-to-top:after{content:"\10f34d"}.fad.fa-arrow-alt-up:after{content:"\10f357"}.fad.fa-arrow-circle-down:after{content:"\10f0ab"}.fad.fa-arrow-circle-left:after{content:"\10f0a8"}.fad.fa-arrow-circle-right:after{content:"\10f0a9"}.fad.fa-arrow-circle-up:after{content:"\10f0aa"}.fad.fa-arrow-down:after{content:"\10f063"}.fad.fa-arrow-from-bottom:after{content:"\10f342"}.fad.fa-arrow-from-left:after{content:"\10f343"}.fad.fa-arrow-from-right:after{content:"\10f344"}.fad.fa-arrow-from-top:after{content:"\10f345"}.fad.fa-arrow-left:after{content:"\10f060"}.fad.fa-arrow-right:after{content:"\10f061"}.fad.fa-arrow-square-down:after{content:"\10f339"}.fad.fa-arrow-square-left:after{content:"\10f33a"}.fad.fa-arrow-square-right:after{content:"\10f33b"}.fad.fa-arrow-square-up:after{content:"\10f33c"}.fad.fa-arrow-to-bottom:after{content:"\10f33d"}.fad.fa-arrow-to-left:after{content:"\10f33e"}.fad.fa-arrow-to-right:after{content:"\10f340"}.fad.fa-arrow-to-top:after{content:"\10f341"}.fad.fa-arrow-up:after{content:"\10f062"}.fad.fa-arrows:after{content:"\10f047"}.fad.fa-arrows-alt:after{content:"\10f0b2"}.fad.fa-arrows-alt-h:after{content:"\10f337"}.fad.fa-arrows-alt-v:after{content:"\10f338"}.fad.fa-arrows-h:after{content:"\10f07e"}.fad.fa-arrows-v:after{content:"\10f07d"}.fad.fa-assistive-listening-systems:after{content:"\10f2a2"}.fad.fa-asterisk:after{content:"\10f069"}.fad.fa-at:after{content:"\10f1fa"}.fad.fa-atlas:after{content:"\10f558"}.fad.fa-atom:after{content:"\10f5d2"}.fad.fa-atom-alt:after{content:"\10f5d3"}.fad.fa-audio-description:after{content:"\10f29e"}.fad.fa-award:after{content:"\10f559"}.fad.fa-axe:after{content:"\10f6b2"}.fad.fa-axe-battle:after{content:"\10f6b3"}.fad.fa-baby:after{content:"\10f77c"}.fad.fa-baby-carriage:after{content:"\10f77d"}.fad.fa-backpack:after{content:"\10f5d4"}.fad.fa-backspace:after{content:"\10f55a"}.fad.fa-backward:after{content:"\10f04a"}.fad.fa-bacon:after{content:"\10f7e5"}.fad.fa-bacteria:after{content:"\10e059"}.fad.fa-bacterium:after{content:"\10e05a"}.fad.fa-badge:after{content:"\10f335"}.fad.fa-badge-check:after{content:"\10f336"}.fad.fa-badge-dollar:after{content:"\10f645"}.fad.fa-badge-percent:after{content:"\10f646"}.fad.fa-badge-sheriff:after{content:"\10f8a2"}.fad.fa-badger-honey:after{content:"\10f6b4"}.fad.fa-bags-shopping:after{content:"\10f847"}.fad.fa-bahai:after{content:"\10f666"}.fad.fa-balance-scale:after{content:"\10f24e"}.fad.fa-balance-scale-left:after{content:"\10f515"}.fad.fa-balance-scale-right:after{content:"\10f516"}.fad.fa-ball-pile:after{content:"\10f77e"}.fad.fa-ballot:after{content:"\10f732"}.fad.fa-ballot-check:after{content:"\10f733"}.fad.fa-ban:after{content:"\10f05e"}.fad.fa-band-aid:after{content:"\10f462"}.fad.fa-banjo:after{content:"\10f8a3"}.fad.fa-barcode:after{content:"\10f02a"}.fad.fa-barcode-alt:after{content:"\10f463"}.fad.fa-barcode-read:after{content:"\10f464"}.fad.fa-barcode-scan:after{content:"\10f465"}.fad.fa-bars:after{content:"\10f0c9"}.fad.fa-baseball:after{content:"\10f432"}.fad.fa-baseball-ball:after{content:"\10f433"}.fad.fa-basketball-ball:after{content:"\10f434"}.fad.fa-basketball-hoop:after{content:"\10f435"}.fad.fa-bat:after{content:"\10f6b5"}.fad.fa-bath:after{content:"\10f2cd"}.fad.fa-battery-bolt:after{content:"\10f376"}.fad.fa-battery-empty:after{content:"\10f244"}.fad.fa-battery-full:after{content:"\10f240"}.fad.fa-battery-half:after{content:"\10f242"}.fad.fa-battery-quarter:after{content:"\10f243"}.fad.fa-battery-slash:after{content:"\10f377"}.fad.fa-battery-three-quarters:after{content:"\10f241"}.fad.fa-bed:after{content:"\10f236"}.fad.fa-bed-alt:after{content:"\10f8f7"}.fad.fa-bed-bunk:after{content:"\10f8f8"}.fad.fa-bed-empty:after{content:"\10f8f9"}.fad.fa-beer:after{content:"\10f0fc"}.fad.fa-bell:after{content:"\10f0f3"}.fad.fa-bell-exclamation:after{content:"\10f848"}.fad.fa-bell-on:after{content:"\10f8fa"}.fad.fa-bell-plus:after{content:"\10f849"}.fad.fa-bell-school:after{content:"\10f5d5"}.fad.fa-bell-school-slash:after{content:"\10f5d6"}.fad.fa-bell-slash:after{content:"\10f1f6"}.fad.fa-bells:after{content:"\10f77f"}.fad.fa-betamax:after{content:"\10f8a4"}.fad.fa-bezier-curve:after{content:"\10f55b"}.fad.fa-bible:after{content:"\10f647"}.fad.fa-bicycle:after{content:"\10f206"}.fad.fa-biking:after{content:"\10f84a"}.fad.fa-biking-mountain:after{content:"\10f84b"}.fad.fa-binoculars:after{content:"\10f1e5"}.fad.fa-biohazard:after{content:"\10f780"}.fad.fa-birthday-cake:after{content:"\10f1fd"}.fad.fa-blanket:after{content:"\10f498"}.fad.fa-blender:after{content:"\10f517"}.fad.fa-blender-phone:after{content:"\10f6b6"}.fad.fa-blind:after{content:"\10f29d"}.fad.fa-blinds:after{content:"\10f8fb"}.fad.fa-blinds-open:after{content:"\10f8fc"}.fad.fa-blinds-raised:after{content:"\10f8fd"}.fad.fa-blog:after{content:"\10f781"}.fad.fa-bold:after{content:"\10f032"}.fad.fa-bolt:after{content:"\10f0e7"}.fad.fa-bomb:after{content:"\10f1e2"}.fad.fa-bone:after{content:"\10f5d7"}.fad.fa-bone-break:after{content:"\10f5d8"}.fad.fa-bong:after{content:"\10f55c"}.fad.fa-book:after{content:"\10f02d"}.fad.fa-book-alt:after{content:"\10f5d9"}.fad.fa-book-dead:after{content:"\10f6b7"}.fad.fa-book-heart:after{content:"\10f499"}.fad.fa-book-medical:after{content:"\10f7e6"}.fad.fa-book-open:after{content:"\10f518"}.fad.fa-book-reader:after{content:"\10f5da"}.fad.fa-book-spells:after{content:"\10f6b8"}.fad.fa-book-user:after{content:"\10f7e7"}.fad.fa-bookmark:after{content:"\10f02e"}.fad.fa-books:after{content:"\10f5db"}.fad.fa-books-medical:after{content:"\10f7e8"}.fad.fa-boombox:after{content:"\10f8a5"}.fad.fa-boot:after{content:"\10f782"}.fad.fa-booth-curtain:after{content:"\10f734"}.fad.fa-border-all:after{content:"\10f84c"}.fad.fa-border-bottom:after{content:"\10f84d"}.fad.fa-border-center-h:after{content:"\10f89c"}.fad.fa-border-center-v:after{content:"\10f89d"}.fad.fa-border-inner:after{content:"\10f84e"}.fad.fa-border-left:after{content:"\10f84f"}.fad.fa-border-none:after{content:"\10f850"}.fad.fa-border-outer:after{content:"\10f851"}.fad.fa-border-right:after{content:"\10f852"}.fad.fa-border-style:after{content:"\10f853"}.fad.fa-border-style-alt:after{content:"\10f854"}.fad.fa-border-top:after{content:"\10f855"}.fad.fa-bow-arrow:after{content:"\10f6b9"}.fad.fa-bowling-ball:after{content:"\10f436"}.fad.fa-bowling-pins:after{content:"\10f437"}.fad.fa-box:after{content:"\10f466"}.fad.fa-box-alt:after{content:"\10f49a"}.fad.fa-box-ballot:after{content:"\10f735"}.fad.fa-box-check:after{content:"\10f467"}.fad.fa-box-fragile:after{content:"\10f49b"}.fad.fa-box-full:after{content:"\10f49c"}.fad.fa-box-heart:after{content:"\10f49d"}.fad.fa-box-open:after{content:"\10f49e"}.fad.fa-box-tissue:after{content:"\10e05b"}.fad.fa-box-up:after{content:"\10f49f"}.fad.fa-box-usd:after{content:"\10f4a0"}.fad.fa-boxes:after{content:"\10f468"}.fad.fa-boxes-alt:after{content:"\10f4a1"}.fad.fa-boxing-glove:after{content:"\10f438"}.fad.fa-brackets:after{content:"\10f7e9"}.fad.fa-brackets-curly:after{content:"\10f7ea"}.fad.fa-braille:after{content:"\10f2a1"}.fad.fa-brain:after{content:"\10f5dc"}.fad.fa-bread-loaf:after{content:"\10f7eb"}.fad.fa-bread-slice:after{content:"\10f7ec"}.fad.fa-briefcase:after{content:"\10f0b1"}.fad.fa-briefcase-medical:after{content:"\10f469"}.fad.fa-bring-forward:after{content:"\10f856"}.fad.fa-bring-front:after{content:"\10f857"}.fad.fa-broadcast-tower:after{content:"\10f519"}.fad.fa-broom:after{content:"\10f51a"}.fad.fa-browser:after{content:"\10f37e"}.fad.fa-brush:after{content:"\10f55d"}.fad.fa-bug:after{content:"\10f188"}.fad.fa-building:after{content:"\10f1ad"}.fad.fa-bullhorn:after{content:"\10f0a1"}.fad.fa-bullseye:after{content:"\10f140"}.fad.fa-bullseye-arrow:after{content:"\10f648"}.fad.fa-bullseye-pointer:after{content:"\10f649"}.fad.fa-burger-soda:after{content:"\10f858"}.fad.fa-burn:after{content:"\10f46a"}.fad.fa-burrito:after{content:"\10f7ed"}.fad.fa-bus:after{content:"\10f207"}.fad.fa-bus-alt:after{content:"\10f55e"}.fad.fa-bus-school:after{content:"\10f5dd"}.fad.fa-business-time:after{content:"\10f64a"}.fad.fa-cabinet-filing:after{content:"\10f64b"}.fad.fa-cactus:after{content:"\10f8a7"}.fad.fa-calculator:after{content:"\10f1ec"}.fad.fa-calculator-alt:after{content:"\10f64c"}.fad.fa-calendar:after{content:"\10f133"}.fad.fa-calendar-alt:after{content:"\10f073"}.fad.fa-calendar-check:after{content:"\10f274"}.fad.fa-calendar-day:after{content:"\10f783"}.fad.fa-calendar-edit:after{content:"\10f333"}.fad.fa-calendar-exclamation:after{content:"\10f334"}.fad.fa-calendar-minus:after{content:"\10f272"}.fad.fa-calendar-plus:after{content:"\10f271"}.fad.fa-calendar-star:after{content:"\10f736"}.fad.fa-calendar-times:after{content:"\10f273"}.fad.fa-calendar-week:after{content:"\10f784"}.fad.fa-camcorder:after{content:"\10f8a8"}.fad.fa-camera:after{content:"\10f030"}.fad.fa-camera-alt:after{content:"\10f332"}.fad.fa-camera-home:after{content:"\10f8fe"}.fad.fa-camera-movie:after{content:"\10f8a9"}.fad.fa-camera-polaroid:after{content:"\10f8aa"}.fad.fa-camera-retro:after{content:"\10f083"}.fad.fa-campfire:after{content:"\10f6ba"}.fad.fa-campground:after{content:"\10f6bb"}.fad.fa-candle-holder:after{content:"\10f6bc"}.fad.fa-candy-cane:after{content:"\10f786"}.fad.fa-candy-corn:after{content:"\10f6bd"}.fad.fa-cannabis:after{content:"\10f55f"}.fad.fa-capsules:after{content:"\10f46b"}.fad.fa-car:after{content:"\10f1b9"}.fad.fa-car-alt:after{content:"\10f5de"}.fad.fa-car-battery:after{content:"\10f5df"}.fad.fa-car-building:after{content:"\10f859"}.fad.fa-car-bump:after{content:"\10f5e0"}.fad.fa-car-bus:after{content:"\10f85a"}.fad.fa-car-crash:after{content:"\10f5e1"}.fad.fa-car-garage:after{content:"\10f5e2"}.fad.fa-car-mechanic:after{content:"\10f5e3"}.fad.fa-car-side:after{content:"\10f5e4"}.fad.fa-car-tilt:after{content:"\10f5e5"}.fad.fa-car-wash:after{content:"\10f5e6"}.fad.fa-caravan:after{content:"\10f8ff"}.fad.fa-caravan-alt:after{content:"\10e000"}.fad.fa-caret-circle-down:after{content:"\10f32d"}.fad.fa-caret-circle-left:after{content:"\10f32e"}.fad.fa-caret-circle-right:after{content:"\10f330"}.fad.fa-caret-circle-up:after{content:"\10f331"}.fad.fa-caret-down:after{content:"\10f0d7"}.fad.fa-caret-left:after{content:"\10f0d9"}.fad.fa-caret-right:after{content:"\10f0da"}.fad.fa-caret-square-down:after{content:"\10f150"}.fad.fa-caret-square-left:after{content:"\10f191"}.fad.fa-caret-square-right:after{content:"\10f152"}.fad.fa-caret-square-up:after{content:"\10f151"}.fad.fa-caret-up:after{content:"\10f0d8"}.fad.fa-carrot:after{content:"\10f787"}.fad.fa-cars:after{content:"\10f85b"}.fad.fa-cart-arrow-down:after{content:"\10f218"}.fad.fa-cart-plus:after{content:"\10f217"}.fad.fa-cash-register:after{content:"\10f788"}.fad.fa-cassette-tape:after{content:"\10f8ab"}.fad.fa-cat:after{content:"\10f6be"}.fad.fa-cat-space:after{content:"\10e001"}.fad.fa-cauldron:after{content:"\10f6bf"}.fad.fa-cctv:after{content:"\10f8ac"}.fad.fa-certificate:after{content:"\10f0a3"}.fad.fa-chair:after{content:"\10f6c0"}.fad.fa-chair-office:after{content:"\10f6c1"}.fad.fa-chalkboard:after{content:"\10f51b"}.fad.fa-chalkboard-teacher:after{content:"\10f51c"}.fad.fa-charging-station:after{content:"\10f5e7"}.fad.fa-chart-area:after{content:"\10f1fe"}.fad.fa-chart-bar:after{content:"\10f080"}.fad.fa-chart-line:after{content:"\10f201"}.fad.fa-chart-line-down:after{content:"\10f64d"}.fad.fa-chart-network:after{content:"\10f78a"}.fad.fa-chart-pie:after{content:"\10f200"}.fad.fa-chart-pie-alt:after{content:"\10f64e"}.fad.fa-chart-scatter:after{content:"\10f7ee"}.fad.fa-check:after{content:"\10f00c"}.fad.fa-check-circle:after{content:"\10f058"}.fad.fa-check-double:after{content:"\10f560"}.fad.fa-check-square:after{content:"\10f14a"}.fad.fa-cheese:after{content:"\10f7ef"}.fad.fa-cheese-swiss:after{content:"\10f7f0"}.fad.fa-cheeseburger:after{content:"\10f7f1"}.fad.fa-chess:after{content:"\10f439"}.fad.fa-chess-bishop:after{content:"\10f43a"}.fad.fa-chess-bishop-alt:after{content:"\10f43b"}.fad.fa-chess-board:after{content:"\10f43c"}.fad.fa-chess-clock:after{content:"\10f43d"}.fad.fa-chess-clock-alt:after{content:"\10f43e"}.fad.fa-chess-king:after{content:"\10f43f"}.fad.fa-chess-king-alt:after{content:"\10f440"}.fad.fa-chess-knight:after{content:"\10f441"}.fad.fa-chess-knight-alt:after{content:"\10f442"}.fad.fa-chess-pawn:after{content:"\10f443"}.fad.fa-chess-pawn-alt:after{content:"\10f444"}.fad.fa-chess-queen:after{content:"\10f445"}.fad.fa-chess-queen-alt:after{content:"\10f446"}.fad.fa-chess-rook:after{content:"\10f447"}.fad.fa-chess-rook-alt:after{content:"\10f448"}.fad.fa-chevron-circle-down:after{content:"\10f13a"}.fad.fa-chevron-circle-left:after{content:"\10f137"}.fad.fa-chevron-circle-right:after{content:"\10f138"}.fad.fa-chevron-circle-up:after{content:"\10f139"}.fad.fa-chevron-double-down:after{content:"\10f322"}.fad.fa-chevron-double-left:after{content:"\10f323"}.fad.fa-chevron-double-right:after{content:"\10f324"}.fad.fa-chevron-double-up:after{content:"\10f325"}.fad.fa-chevron-down:after{content:"\10f078"}.fad.fa-chevron-left:after{content:"\10f053"}.fad.fa-chevron-right:after{content:"\10f054"}.fad.fa-chevron-square-down:after{content:"\10f329"}.fad.fa-chevron-square-left:after{content:"\10f32a"}.fad.fa-chevron-square-right:after{content:"\10f32b"}.fad.fa-chevron-square-up:after{content:"\10f32c"}.fad.fa-chevron-up:after{content:"\10f077"}.fad.fa-child:after{content:"\10f1ae"}.fad.fa-chimney:after{content:"\10f78b"}.fad.fa-church:after{content:"\10f51d"}.fad.fa-circle:after{content:"\10f111"}.fad.fa-circle-notch:after{content:"\10f1ce"}.fad.fa-city:after{content:"\10f64f"}.fad.fa-clarinet:after{content:"\10f8ad"}.fad.fa-claw-marks:after{content:"\10f6c2"}.fad.fa-clinic-medical:after{content:"\10f7f2"}.fad.fa-clipboard:after{content:"\10f328"}.fad.fa-clipboard-check:after{content:"\10f46c"}.fad.fa-clipboard-list:after{content:"\10f46d"}.fad.fa-clipboard-list-check:after{content:"\10f737"}.fad.fa-clipboard-prescription:after{content:"\10f5e8"}.fad.fa-clipboard-user:after{content:"\10f7f3"}.fad.fa-clock:after{content:"\10f017"}.fad.fa-clone:after{content:"\10f24d"}.fad.fa-closed-captioning:after{content:"\10f20a"}.fad.fa-cloud:after{content:"\10f0c2"}.fad.fa-cloud-download:after{content:"\10f0ed"}.fad.fa-cloud-download-alt:after{content:"\10f381"}.fad.fa-cloud-drizzle:after{content:"\10f738"}.fad.fa-cloud-hail:after{content:"\10f739"}.fad.fa-cloud-hail-mixed:after{content:"\10f73a"}.fad.fa-cloud-meatball:after{content:"\10f73b"}.fad.fa-cloud-moon:after{content:"\10f6c3"}.fad.fa-cloud-moon-rain:after{content:"\10f73c"}.fad.fa-cloud-music:after{content:"\10f8ae"}.fad.fa-cloud-rain:after{content:"\10f73d"}.fad.fa-cloud-rainbow:after{content:"\10f73e"}.fad.fa-cloud-showers:after{content:"\10f73f"}.fad.fa-cloud-showers-heavy:after{content:"\10f740"}.fad.fa-cloud-sleet:after{content:"\10f741"}.fad.fa-cloud-snow:after{content:"\10f742"}.fad.fa-cloud-sun:after{content:"\10f6c4"}.fad.fa-cloud-sun-rain:after{content:"\10f743"}.fad.fa-cloud-upload:after{content:"\10f0ee"}.fad.fa-cloud-upload-alt:after{content:"\10f382"}.fad.fa-clouds:after{content:"\10f744"}.fad.fa-clouds-moon:after{content:"\10f745"}.fad.fa-clouds-sun:after{content:"\10f746"}.fad.fa-club:after{content:"\10f327"}.fad.fa-cocktail:after{content:"\10f561"}.fad.fa-code:after{content:"\10f121"}.fad.fa-code-branch:after{content:"\10f126"}.fad.fa-code-commit:after{content:"\10f386"}.fad.fa-code-merge:after{content:"\10f387"}.fad.fa-coffee:after{content:"\10f0f4"}.fad.fa-coffee-pot:after{content:"\10e002"}.fad.fa-coffee-togo:after{content:"\10f6c5"}.fad.fa-coffin:after{content:"\10f6c6"}.fad.fa-coffin-cross:after{content:"\10e051"}.fad.fa-cog:after{content:"\10f013"}.fad.fa-cogs:after{content:"\10f085"}.fad.fa-coin:after{content:"\10f85c"}.fad.fa-coins:after{content:"\10f51e"}.fad.fa-columns:after{content:"\10f0db"}.fad.fa-comet:after{content:"\10e003"}.fad.fa-comment:after{content:"\10f075"}.fad.fa-comment-alt:after{content:"\10f27a"}.fad.fa-comment-alt-check:after{content:"\10f4a2"}.fad.fa-comment-alt-dollar:after{content:"\10f650"}.fad.fa-comment-alt-dots:after{content:"\10f4a3"}.fad.fa-comment-alt-edit:after{content:"\10f4a4"}.fad.fa-comment-alt-exclamation:after{content:"\10f4a5"}.fad.fa-comment-alt-lines:after{content:"\10f4a6"}.fad.fa-comment-alt-medical:after{content:"\10f7f4"}.fad.fa-comment-alt-minus:after{content:"\10f4a7"}.fad.fa-comment-alt-music:after{content:"\10f8af"}.fad.fa-comment-alt-plus:after{content:"\10f4a8"}.fad.fa-comment-alt-slash:after{content:"\10f4a9"}.fad.fa-comment-alt-smile:after{content:"\10f4aa"}.fad.fa-comment-alt-times:after{content:"\10f4ab"}.fad.fa-comment-check:after{content:"\10f4ac"}.fad.fa-comment-dollar:after{content:"\10f651"}.fad.fa-comment-dots:after{content:"\10f4ad"}.fad.fa-comment-edit:after{content:"\10f4ae"}.fad.fa-comment-exclamation:after{content:"\10f4af"}.fad.fa-comment-lines:after{content:"\10f4b0"}.fad.fa-comment-medical:after{content:"\10f7f5"}.fad.fa-comment-minus:after{content:"\10f4b1"}.fad.fa-comment-music:after{content:"\10f8b0"}.fad.fa-comment-plus:after{content:"\10f4b2"}.fad.fa-comment-slash:after{content:"\10f4b3"}.fad.fa-comment-smile:after{content:"\10f4b4"}.fad.fa-comment-times:after{content:"\10f4b5"}.fad.fa-comments:after{content:"\10f086"}.fad.fa-comments-alt:after{content:"\10f4b6"}.fad.fa-comments-alt-dollar:after{content:"\10f652"}.fad.fa-comments-dollar:after{content:"\10f653"}.fad.fa-compact-disc:after{content:"\10f51f"}.fad.fa-compass:after{content:"\10f14e"}.fad.fa-compass-slash:after{content:"\10f5e9"}.fad.fa-compress:after{content:"\10f066"}.fad.fa-compress-alt:after{content:"\10f422"}.fad.fa-compress-arrows-alt:after{content:"\10f78c"}.fad.fa-compress-wide:after{content:"\10f326"}.fad.fa-computer-classic:after{content:"\10f8b1"}.fad.fa-computer-speaker:after{content:"\10f8b2"}.fad.fa-concierge-bell:after{content:"\10f562"}.fad.fa-construction:after{content:"\10f85d"}.fad.fa-container-storage:after{content:"\10f4b7"}.fad.fa-conveyor-belt:after{content:"\10f46e"}.fad.fa-conveyor-belt-alt:after{content:"\10f46f"}.fad.fa-cookie:after{content:"\10f563"}.fad.fa-cookie-bite:after{content:"\10f564"}.fad.fa-copy:after{content:"\10f0c5"}.fad.fa-copyright:after{content:"\10f1f9"}.fad.fa-corn:after{content:"\10f6c7"}.fad.fa-couch:after{content:"\10f4b8"}.fad.fa-cow:after{content:"\10f6c8"}.fad.fa-cowbell:after{content:"\10f8b3"}.fad.fa-cowbell-more:after{content:"\10f8b4"}.fad.fa-credit-card:after{content:"\10f09d"}.fad.fa-credit-card-blank:after{content:"\10f389"}.fad.fa-credit-card-front:after{content:"\10f38a"}.fad.fa-cricket:after{content:"\10f449"}.fad.fa-croissant:after{content:"\10f7f6"}.fad.fa-crop:after{content:"\10f125"}.fad.fa-crop-alt:after{content:"\10f565"}.fad.fa-cross:after{content:"\10f654"}.fad.fa-crosshairs:after{content:"\10f05b"}.fad.fa-crow:after{content:"\10f520"}.fad.fa-crown:after{content:"\10f521"}.fad.fa-crutch:after{content:"\10f7f7"}.fad.fa-crutches:after{content:"\10f7f8"}.fad.fa-cube:after{content:"\10f1b2"}.fad.fa-cubes:after{content:"\10f1b3"}.fad.fa-curling:after{content:"\10f44a"}.fad.fa-cut:after{content:"\10f0c4"}.fad.fa-dagger:after{content:"\10f6cb"}.fad.fa-database:after{content:"\10f1c0"}.fad.fa-deaf:after{content:"\10f2a4"}.fad.fa-debug:after{content:"\10f7f9"}.fad.fa-deer:after{content:"\10f78e"}.fad.fa-deer-rudolph:after{content:"\10f78f"}.fad.fa-democrat:after{content:"\10f747"}.fad.fa-desktop:after{content:"\10f108"}.fad.fa-desktop-alt:after{content:"\10f390"}.fad.fa-dewpoint:after{content:"\10f748"}.fad.fa-dharmachakra:after{content:"\10f655"}.fad.fa-diagnoses:after{content:"\10f470"}.fad.fa-diamond:after{content:"\10f219"}.fad.fa-dice:after{content:"\10f522"}.fad.fa-dice-d10:after{content:"\10f6cd"}.fad.fa-dice-d12:after{content:"\10f6ce"}.fad.fa-dice-d20:after{content:"\10f6cf"}.fad.fa-dice-d4:after{content:"\10f6d0"}.fad.fa-dice-d6:after{content:"\10f6d1"}.fad.fa-dice-d8:after{content:"\10f6d2"}.fad.fa-dice-five:after{content:"\10f523"}.fad.fa-dice-four:after{content:"\10f524"}.fad.fa-dice-one:after{content:"\10f525"}.fad.fa-dice-six:after{content:"\10f526"}.fad.fa-dice-three:after{content:"\10f527"}.fad.fa-dice-two:after{content:"\10f528"}.fad.fa-digging:after{content:"\10f85e"}.fad.fa-digital-tachograph:after{content:"\10f566"}.fad.fa-diploma:after{content:"\10f5ea"}.fad.fa-directions:after{content:"\10f5eb"}.fad.fa-disc-drive:after{content:"\10f8b5"}.fad.fa-disease:after{content:"\10f7fa"}.fad.fa-divide:after{content:"\10f529"}.fad.fa-dizzy:after{content:"\10f567"}.fad.fa-dna:after{content:"\10f471"}.fad.fa-do-not-enter:after{content:"\10f5ec"}.fad.fa-dog:after{content:"\10f6d3"}.fad.fa-dog-leashed:after{content:"\10f6d4"}.fad.fa-dollar-sign:after{content:"\10f155"}.fad.fa-dolly:after{content:"\10f472"}.fad.fa-dolly-empty:after{content:"\10f473"}.fad.fa-dolly-flatbed:after{content:"\10f474"}.fad.fa-dolly-flatbed-alt:after{content:"\10f475"}.fad.fa-dolly-flatbed-empty:after{content:"\10f476"}.fad.fa-donate:after{content:"\10f4b9"}.fad.fa-door-closed:after{content:"\10f52a"}.fad.fa-door-open:after{content:"\10f52b"}.fad.fa-dot-circle:after{content:"\10f192"}.fad.fa-dove:after{content:"\10f4ba"}.fad.fa-download:after{content:"\10f019"}.fad.fa-drafting-compass:after{content:"\10f568"}.fad.fa-dragon:after{content:"\10f6d5"}.fad.fa-draw-circle:after{content:"\10f5ed"}.fad.fa-draw-polygon:after{content:"\10f5ee"}.fad.fa-draw-square:after{content:"\10f5ef"}.fad.fa-dreidel:after{content:"\10f792"}.fad.fa-drone:after{content:"\10f85f"}.fad.fa-drone-alt:after{content:"\10f860"}.fad.fa-drum:after{content:"\10f569"}.fad.fa-drum-steelpan:after{content:"\10f56a"}.fad.fa-drumstick:after{content:"\10f6d6"}.fad.fa-drumstick-bite:after{content:"\10f6d7"}.fad.fa-dryer:after{content:"\10f861"}.fad.fa-dryer-alt:after{content:"\10f862"}.fad.fa-duck:after{content:"\10f6d8"}.fad.fa-dumbbell:after{content:"\10f44b"}.fad.fa-dumpster:after{content:"\10f793"}.fad.fa-dumpster-fire:after{content:"\10f794"}.fad.fa-dungeon:after{content:"\10f6d9"}.fad.fa-ear:after{content:"\10f5f0"}.fad.fa-ear-muffs:after{content:"\10f795"}.fad.fa-eclipse:after{content:"\10f749"}.fad.fa-eclipse-alt:after{content:"\10f74a"}.fad.fa-edit:after{content:"\10f044"}.fad.fa-egg:after{content:"\10f7fb"}.fad.fa-egg-fried:after{content:"\10f7fc"}.fad.fa-eject:after{content:"\10f052"}.fad.fa-elephant:after{content:"\10f6da"}.fad.fa-ellipsis-h:after{content:"\10f141"}.fad.fa-ellipsis-h-alt:after{content:"\10f39b"}.fad.fa-ellipsis-v:after{content:"\10f142"}.fad.fa-ellipsis-v-alt:after{content:"\10f39c"}.fad.fa-empty-set:after{content:"\10f656"}.fad.fa-engine-warning:after{content:"\10f5f2"}.fad.fa-envelope:after{content:"\10f0e0"}.fad.fa-envelope-open:after{content:"\10f2b6"}.fad.fa-envelope-open-dollar:after{content:"\10f657"}.fad.fa-envelope-open-text:after{content:"\10f658"}.fad.fa-envelope-square:after{content:"\10f199"}.fad.fa-equals:after{content:"\10f52c"}.fad.fa-eraser:after{content:"\10f12d"}.fad.fa-ethernet:after{content:"\10f796"}.fad.fa-euro-sign:after{content:"\10f153"}.fad.fa-exchange:after{content:"\10f0ec"}.fad.fa-exchange-alt:after{content:"\10f362"}.fad.fa-exclamation:after{content:"\10f12a"}.fad.fa-exclamation-circle:after{content:"\10f06a"}.fad.fa-exclamation-square:after{content:"\10f321"}.fad.fa-exclamation-triangle:after{content:"\10f071"}.fad.fa-expand:after{content:"\10f065"}.fad.fa-expand-alt:after{content:"\10f424"}.fad.fa-expand-arrows:after{content:"\10f31d"}.fad.fa-expand-arrows-alt:after{content:"\10f31e"}.fad.fa-expand-wide:after{content:"\10f320"}.fad.fa-external-link:after{content:"\10f08e"}.fad.fa-external-link-alt:after{content:"\10f35d"}.fad.fa-external-link-square:after{content:"\10f14c"}.fad.fa-external-link-square-alt:after{content:"\10f360"}.fad.fa-eye:after{content:"\10f06e"}.fad.fa-eye-dropper:after{content:"\10f1fb"}.fad.fa-eye-evil:after{content:"\10f6db"}.fad.fa-eye-slash:after{content:"\10f070"}.fad.fa-fan:after{content:"\10f863"}.fad.fa-fan-table:after{content:"\10e004"}.fad.fa-farm:after{content:"\10f864"}.fad.fa-fast-backward:after{content:"\10f049"}.fad.fa-fast-forward:after{content:"\10f050"}.fad.fa-faucet:after{content:"\10e005"}.fad.fa-faucet-drip:after{content:"\10e006"}.fad.fa-fax:after{content:"\10f1ac"}.fad.fa-feather:after{content:"\10f52d"}.fad.fa-feather-alt:after{content:"\10f56b"}.fad.fa-female:after{content:"\10f182"}.fad.fa-field-hockey:after{content:"\10f44c"}.fad.fa-fighter-jet:after{content:"\10f0fb"}.fad.fa-file:after{content:"\10f15b"}.fad.fa-file-alt:after{content:"\10f15c"}.fad.fa-file-archive:after{content:"\10f1c6"}.fad.fa-file-audio:after{content:"\10f1c7"}.fad.fa-file-certificate:after{content:"\10f5f3"}.fad.fa-file-chart-line:after{content:"\10f659"}.fad.fa-file-chart-pie:after{content:"\10f65a"}.fad.fa-file-check:after{content:"\10f316"}.fad.fa-file-code:after{content:"\10f1c9"}.fad.fa-file-contract:after{content:"\10f56c"}.fad.fa-file-csv:after{content:"\10f6dd"}.fad.fa-file-download:after{content:"\10f56d"}.fad.fa-file-edit:after{content:"\10f31c"}.fad.fa-file-excel:after{content:"\10f1c3"}.fad.fa-file-exclamation:after{content:"\10f31a"}.fad.fa-file-export:after{content:"\10f56e"}.fad.fa-file-image:after{content:"\10f1c5"}.fad.fa-file-import:after{content:"\10f56f"}.fad.fa-file-invoice:after{content:"\10f570"}.fad.fa-file-invoice-dollar:after{content:"\10f571"}.fad.fa-file-medical:after{content:"\10f477"}.fad.fa-file-medical-alt:after{content:"\10f478"}.fad.fa-file-minus:after{content:"\10f318"}.fad.fa-file-music:after{content:"\10f8b6"}.fad.fa-file-pdf:after{content:"\10f1c1"}.fad.fa-file-plus:after{content:"\10f319"}.fad.fa-file-powerpoint:after{content:"\10f1c4"}.fad.fa-file-prescription:after{content:"\10f572"}.fad.fa-file-search:after{content:"\10f865"}.fad.fa-file-signature:after{content:"\10f573"}.fad.fa-file-spreadsheet:after{content:"\10f65b"}.fad.fa-file-times:after{content:"\10f317"}.fad.fa-file-upload:after{content:"\10f574"}.fad.fa-file-user:after{content:"\10f65c"}.fad.fa-file-video:after{content:"\10f1c8"}.fad.fa-file-word:after{content:"\10f1c2"}.fad.fa-files-medical:after{content:"\10f7fd"}.fad.fa-fill:after{content:"\10f575"}.fad.fa-fill-drip:after{content:"\10f576"}.fad.fa-film:after{content:"\10f008"}.fad.fa-film-alt:after{content:"\10f3a0"}.fad.fa-film-canister:after{content:"\10f8b7"}.fad.fa-filter:after{content:"\10f0b0"}.fad.fa-fingerprint:after{content:"\10f577"}.fad.fa-fire:after{content:"\10f06d"}.fad.fa-fire-alt:after{content:"\10f7e4"}.fad.fa-fire-extinguisher:after{content:"\10f134"}.fad.fa-fire-smoke:after{content:"\10f74b"}.fad.fa-fireplace:after{content:"\10f79a"}.fad.fa-first-aid:after{content:"\10f479"}.fad.fa-fish:after{content:"\10f578"}.fad.fa-fish-cooked:after{content:"\10f7fe"}.fad.fa-fist-raised:after{content:"\10f6de"}.fad.fa-flag:after{content:"\10f024"}.fad.fa-flag-alt:after{content:"\10f74c"}.fad.fa-flag-checkered:after{content:"\10f11e"}.fad.fa-flag-usa:after{content:"\10f74d"}.fad.fa-flame:after{content:"\10f6df"}.fad.fa-flashlight:after{content:"\10f8b8"}.fad.fa-flask:after{content:"\10f0c3"}.fad.fa-flask-poison:after{content:"\10f6e0"}.fad.fa-flask-potion:after{content:"\10f6e1"}.fad.fa-flower:after{content:"\10f7ff"}.fad.fa-flower-daffodil:after{content:"\10f800"}.fad.fa-flower-tulip:after{content:"\10f801"}.fad.fa-flushed:after{content:"\10f579"}.fad.fa-flute:after{content:"\10f8b9"}.fad.fa-flux-capacitor:after{content:"\10f8ba"}.fad.fa-fog:after{content:"\10f74e"}.fad.fa-folder:after{content:"\10f07b"}.fad.fa-folder-download:after{content:"\10e053"}.fad.fa-folder-minus:after{content:"\10f65d"}.fad.fa-folder-open:after{content:"\10f07c"}.fad.fa-folder-plus:after{content:"\10f65e"}.fad.fa-folder-times:after{content:"\10f65f"}.fad.fa-folder-tree:after{content:"\10f802"}.fad.fa-folder-upload:after{content:"\10e054"}.fad.fa-folders:after{content:"\10f660"}.fad.fa-font:after{content:"\10f031"}.fad.fa-font-awesome-logo-full:after{content:"\10f4e6"}.fad.fa-font-case:after{content:"\10f866"}.fad.fa-football-ball:after{content:"\10f44e"}.fad.fa-football-helmet:after{content:"\10f44f"}.fad.fa-forklift:after{content:"\10f47a"}.fad.fa-forward:after{content:"\10f04e"}.fad.fa-fragile:after{content:"\10f4bb"}.fad.fa-french-fries:after{content:"\10f803"}.fad.fa-frog:after{content:"\10f52e"}.fad.fa-frosty-head:after{content:"\10f79b"}.fad.fa-frown:after{content:"\10f119"}.fad.fa-frown-open:after{content:"\10f57a"}.fad.fa-function:after{content:"\10f661"}.fad.fa-funnel-dollar:after{content:"\10f662"}.fad.fa-futbol:after{content:"\10f1e3"}.fad.fa-galaxy:after{content:"\10e008"}.fad.fa-game-board:after{content:"\10f867"}.fad.fa-game-board-alt:after{content:"\10f868"}.fad.fa-game-console-handheld:after{content:"\10f8bb"}.fad.fa-gamepad:after{content:"\10f11b"}.fad.fa-gamepad-alt:after{content:"\10f8bc"}.fad.fa-garage:after{content:"\10e009"}.fad.fa-garage-car:after{content:"\10e00a"}.fad.fa-garage-open:after{content:"\10e00b"}.fad.fa-gas-pump:after{content:"\10f52f"}.fad.fa-gas-pump-slash:after{content:"\10f5f4"}.fad.fa-gavel:after{content:"\10f0e3"}.fad.fa-gem:after{content:"\10f3a5"}.fad.fa-genderless:after{content:"\10f22d"}.fad.fa-ghost:after{content:"\10f6e2"}.fad.fa-gift:after{content:"\10f06b"}.fad.fa-gift-card:after{content:"\10f663"}.fad.fa-gifts:after{content:"\10f79c"}.fad.fa-gingerbread-man:after{content:"\10f79d"}.fad.fa-glass:after{content:"\10f804"}.fad.fa-glass-champagne:after{content:"\10f79e"}.fad.fa-glass-cheers:after{content:"\10f79f"}.fad.fa-glass-citrus:after{content:"\10f869"}.fad.fa-glass-martini:after{content:"\10f000"}.fad.fa-glass-martini-alt:after{content:"\10f57b"}.fad.fa-glass-whiskey:after{content:"\10f7a0"}.fad.fa-glass-whiskey-rocks:after{content:"\10f7a1"}.fad.fa-glasses:after{content:"\10f530"}.fad.fa-glasses-alt:after{content:"\10f5f5"}.fad.fa-globe:after{content:"\10f0ac"}.fad.fa-globe-africa:after{content:"\10f57c"}.fad.fa-globe-americas:after{content:"\10f57d"}.fad.fa-globe-asia:after{content:"\10f57e"}.fad.fa-globe-europe:after{content:"\10f7a2"}.fad.fa-globe-snow:after{content:"\10f7a3"}.fad.fa-globe-stand:after{content:"\10f5f6"}.fad.fa-golf-ball:after{content:"\10f450"}.fad.fa-golf-club:after{content:"\10f451"}.fad.fa-gopuram:after{content:"\10f664"}.fad.fa-graduation-cap:after{content:"\10f19d"}.fad.fa-gramophone:after{content:"\10f8bd"}.fad.fa-greater-than:after{content:"\10f531"}.fad.fa-greater-than-equal:after{content:"\10f532"}.fad.fa-grimace:after{content:"\10f57f"}.fad.fa-grin:after{content:"\10f580"}.fad.fa-grin-alt:after{content:"\10f581"}.fad.fa-grin-beam:after{content:"\10f582"}.fad.fa-grin-beam-sweat:after{content:"\10f583"}.fad.fa-grin-hearts:after{content:"\10f584"}.fad.fa-grin-squint:after{content:"\10f585"}.fad.fa-grin-squint-tears:after{content:"\10f586"}.fad.fa-grin-stars:after{content:"\10f587"}.fad.fa-grin-tears:after{content:"\10f588"}.fad.fa-grin-tongue:after{content:"\10f589"}.fad.fa-grin-tongue-squint:after{content:"\10f58a"}.fad.fa-grin-tongue-wink:after{content:"\10f58b"}.fad.fa-grin-wink:after{content:"\10f58c"}.fad.fa-grip-horizontal:after{content:"\10f58d"}.fad.fa-grip-lines:after{content:"\10f7a4"}.fad.fa-grip-lines-vertical:after{content:"\10f7a5"}.fad.fa-grip-vertical:after{content:"\10f58e"}.fad.fa-guitar:after{content:"\10f7a6"}.fad.fa-guitar-electric:after{content:"\10f8be"}.fad.fa-guitars:after{content:"\10f8bf"}.fad.fa-h-square:after{content:"\10f0fd"}.fad.fa-h1:after{content:"\10f313"}.fad.fa-h2:after{content:"\10f314"}.fad.fa-h3:after{content:"\10f315"}.fad.fa-h4:after{content:"\10f86a"}.fad.fa-hamburger:after{content:"\10f805"}.fad.fa-hammer:after{content:"\10f6e3"}.fad.fa-hammer-war:after{content:"\10f6e4"}.fad.fa-hamsa:after{content:"\10f665"}.fad.fa-hand-heart:after{content:"\10f4bc"}.fad.fa-hand-holding:after{content:"\10f4bd"}.fad.fa-hand-holding-box:after{content:"\10f47b"}.fad.fa-hand-holding-heart:after{content:"\10f4be"}.fad.fa-hand-holding-magic:after{content:"\10f6e5"}.fad.fa-hand-holding-medical:after{content:"\10e05c"}.fad.fa-hand-holding-seedling:after{content:"\10f4bf"}.fad.fa-hand-holding-usd:after{content:"\10f4c0"}.fad.fa-hand-holding-water:after{content:"\10f4c1"}.fad.fa-hand-lizard:after{content:"\10f258"}.fad.fa-hand-middle-finger:after{content:"\10f806"}.fad.fa-hand-paper:after{content:"\10f256"}.fad.fa-hand-peace:after{content:"\10f25b"}.fad.fa-hand-point-down:after{content:"\10f0a7"}.fad.fa-hand-point-left:after{content:"\10f0a5"}.fad.fa-hand-point-right:after{content:"\10f0a4"}.fad.fa-hand-point-up:after{content:"\10f0a6"}.fad.fa-hand-pointer:after{content:"\10f25a"}.fad.fa-hand-receiving:after{content:"\10f47c"}.fad.fa-hand-rock:after{content:"\10f255"}.fad.fa-hand-scissors:after{content:"\10f257"}.fad.fa-hand-sparkles:after{content:"\10e05d"}.fad.fa-hand-spock:after{content:"\10f259"}.fad.fa-hands:after{content:"\10f4c2"}.fad.fa-hands-heart:after{content:"\10f4c3"}.fad.fa-hands-helping:after{content:"\10f4c4"}.fad.fa-hands-usd:after{content:"\10f4c5"}.fad.fa-hands-wash:after{content:"\10e05e"}.fad.fa-handshake:after{content:"\10f2b5"}.fad.fa-handshake-alt:after{content:"\10f4c6"}.fad.fa-handshake-alt-slash:after{content:"\10e05f"}.fad.fa-handshake-slash:after{content:"\10e060"}.fad.fa-hanukiah:after{content:"\10f6e6"}.fad.fa-hard-hat:after{content:"\10f807"}.fad.fa-hashtag:after{content:"\10f292"}.fad.fa-hat-chef:after{content:"\10f86b"}.fad.fa-hat-cowboy:after{content:"\10f8c0"}.fad.fa-hat-cowboy-side:after{content:"\10f8c1"}.fad.fa-hat-santa:after{content:"\10f7a7"}.fad.fa-hat-winter:after{content:"\10f7a8"}.fad.fa-hat-witch:after{content:"\10f6e7"}.fad.fa-hat-wizard:after{content:"\10f6e8"}.fad.fa-hdd:after{content:"\10f0a0"}.fad.fa-head-side:after{content:"\10f6e9"}.fad.fa-head-side-brain:after{content:"\10f808"}.fad.fa-head-side-cough:after{content:"\10e061"}.fad.fa-head-side-cough-slash:after{content:"\10e062"}.fad.fa-head-side-headphones:after{content:"\10f8c2"}.fad.fa-head-side-mask:after{content:"\10e063"}.fad.fa-head-side-medical:after{content:"\10f809"}.fad.fa-head-side-virus:after{content:"\10e064"}.fad.fa-head-vr:after{content:"\10f6ea"}.fad.fa-heading:after{content:"\10f1dc"}.fad.fa-headphones:after{content:"\10f025"}.fad.fa-headphones-alt:after{content:"\10f58f"}.fad.fa-headset:after{content:"\10f590"}.fad.fa-heart:after{content:"\10f004"}.fad.fa-heart-broken:after{content:"\10f7a9"}.fad.fa-heart-circle:after{content:"\10f4c7"}.fad.fa-heart-rate:after{content:"\10f5f8"}.fad.fa-heart-square:after{content:"\10f4c8"}.fad.fa-heartbeat:after{content:"\10f21e"}.fad.fa-heat:after{content:"\10e00c"}.fad.fa-helicopter:after{content:"\10f533"}.fad.fa-helmet-battle:after{content:"\10f6eb"}.fad.fa-hexagon:after{content:"\10f312"}.fad.fa-highlighter:after{content:"\10f591"}.fad.fa-hiking:after{content:"\10f6ec"}.fad.fa-hippo:after{content:"\10f6ed"}.fad.fa-history:after{content:"\10f1da"}.fad.fa-hockey-mask:after{content:"\10f6ee"}.fad.fa-hockey-puck:after{content:"\10f453"}.fad.fa-hockey-sticks:after{content:"\10f454"}.fad.fa-holly-berry:after{content:"\10f7aa"}.fad.fa-home:after{content:"\10f015"}.fad.fa-home-alt:after{content:"\10f80a"}.fad.fa-home-heart:after{content:"\10f4c9"}.fad.fa-home-lg:after{content:"\10f80b"}.fad.fa-home-lg-alt:after{content:"\10f80c"}.fad.fa-hood-cloak:after{content:"\10f6ef"}.fad.fa-horizontal-rule:after{content:"\10f86c"}.fad.fa-horse:after{content:"\10f6f0"}.fad.fa-horse-head:after{content:"\10f7ab"}.fad.fa-horse-saddle:after{content:"\10f8c3"}.fad.fa-hospital:after{content:"\10f0f8"}.fad.fa-hospital-alt:after{content:"\10f47d"}.fad.fa-hospital-symbol:after{content:"\10f47e"}.fad.fa-hospital-user:after{content:"\10f80d"}.fad.fa-hospitals:after{content:"\10f80e"}.fad.fa-hot-tub:after{content:"\10f593"}.fad.fa-hotdog:after{content:"\10f80f"}.fad.fa-hotel:after{content:"\10f594"}.fad.fa-hourglass:after{content:"\10f254"}.fad.fa-hourglass-end:after{content:"\10f253"}.fad.fa-hourglass-half:after{content:"\10f252"}.fad.fa-hourglass-start:after{content:"\10f251"}.fad.fa-house:after{content:"\10e00d"}.fad.fa-house-damage:after{content:"\10f6f1"}.fad.fa-house-day:after{content:"\10e00e"}.fad.fa-house-flood:after{content:"\10f74f"}.fad.fa-house-leave:after{content:"\10e00f"}.fad.fa-house-night:after{content:"\10e010"}.fad.fa-house-return:after{content:"\10e011"}.fad.fa-house-signal:after{content:"\10e012"}.fad.fa-house-user:after{content:"\10e065"}.fad.fa-hryvnia:after{content:"\10f6f2"}.fad.fa-humidity:after{content:"\10f750"}.fad.fa-hurricane:after{content:"\10f751"}.fad.fa-i-cursor:after{content:"\10f246"}.fad.fa-ice-cream:after{content:"\10f810"}.fad.fa-ice-skate:after{content:"\10f7ac"}.fad.fa-icicles:after{content:"\10f7ad"}.fad.fa-icons:after{content:"\10f86d"}.fad.fa-icons-alt:after{content:"\10f86e"}.fad.fa-id-badge:after{content:"\10f2c1"}.fad.fa-id-card:after{content:"\10f2c2"}.fad.fa-id-card-alt:after{content:"\10f47f"}.fad.fa-igloo:after{content:"\10f7ae"}.fad.fa-image:after{content:"\10f03e"}.fad.fa-image-polaroid:after{content:"\10f8c4"}.fad.fa-images:after{content:"\10f302"}.fad.fa-inbox:after{content:"\10f01c"}.fad.fa-inbox-in:after{content:"\10f310"}.fad.fa-inbox-out:after{content:"\10f311"}.fad.fa-indent:after{content:"\10f03c"}.fad.fa-industry:after{content:"\10f275"}.fad.fa-industry-alt:after{content:"\10f3b3"}.fad.fa-infinity:after{content:"\10f534"}.fad.fa-info:after{content:"\10f129"}.fad.fa-info-circle:after{content:"\10f05a"}.fad.fa-info-square:after{content:"\10f30f"}.fad.fa-inhaler:after{content:"\10f5f9"}.fad.fa-integral:after{content:"\10f667"}.fad.fa-intersection:after{content:"\10f668"}.fad.fa-inventory:after{content:"\10f480"}.fad.fa-island-tropical:after{content:"\10f811"}.fad.fa-italic:after{content:"\10f033"}.fad.fa-jack-o-lantern:after{content:"\10f30e"}.fad.fa-jedi:after{content:"\10f669"}.fad.fa-joint:after{content:"\10f595"}.fad.fa-journal-whills:after{content:"\10f66a"}.fad.fa-joystick:after{content:"\10f8c5"}.fad.fa-jug:after{content:"\10f8c6"}.fad.fa-kaaba:after{content:"\10f66b"}.fad.fa-kazoo:after{content:"\10f8c7"}.fad.fa-kerning:after{content:"\10f86f"}.fad.fa-key:after{content:"\10f084"}.fad.fa-key-skeleton:after{content:"\10f6f3"}.fad.fa-keyboard:after{content:"\10f11c"}.fad.fa-keynote:after{content:"\10f66c"}.fad.fa-khanda:after{content:"\10f66d"}.fad.fa-kidneys:after{content:"\10f5fb"}.fad.fa-kiss:after{content:"\10f596"}.fad.fa-kiss-beam:after{content:"\10f597"}.fad.fa-kiss-wink-heart:after{content:"\10f598"}.fad.fa-kite:after{content:"\10f6f4"}.fad.fa-kiwi-bird:after{content:"\10f535"}.fad.fa-knife-kitchen:after{content:"\10f6f5"}.fad.fa-lambda:after{content:"\10f66e"}.fad.fa-lamp:after{content:"\10f4ca"}.fad.fa-lamp-desk:after{content:"\10e014"}.fad.fa-lamp-floor:after{content:"\10e015"}.fad.fa-landmark:after{content:"\10f66f"}.fad.fa-landmark-alt:after{content:"\10f752"}.fad.fa-language:after{content:"\10f1ab"}.fad.fa-laptop:after{content:"\10f109"}.fad.fa-laptop-code:after{content:"\10f5fc"}.fad.fa-laptop-house:after{content:"\10e066"}.fad.fa-laptop-medical:after{content:"\10f812"}.fad.fa-lasso:after{content:"\10f8c8"}.fad.fa-laugh:after{content:"\10f599"}.fad.fa-laugh-beam:after{content:"\10f59a"}.fad.fa-laugh-squint:after{content:"\10f59b"}.fad.fa-laugh-wink:after{content:"\10f59c"}.fad.fa-layer-group:after{content:"\10f5fd"}.fad.fa-layer-minus:after{content:"\10f5fe"}.fad.fa-layer-plus:after{content:"\10f5ff"}.fad.fa-leaf:after{content:"\10f06c"}.fad.fa-leaf-heart:after{content:"\10f4cb"}.fad.fa-leaf-maple:after{content:"\10f6f6"}.fad.fa-leaf-oak:after{content:"\10f6f7"}.fad.fa-lemon:after{content:"\10f094"}.fad.fa-less-than:after{content:"\10f536"}.fad.fa-less-than-equal:after{content:"\10f537"}.fad.fa-level-down:after{content:"\10f149"}.fad.fa-level-down-alt:after{content:"\10f3be"}.fad.fa-level-up:after{content:"\10f148"}.fad.fa-level-up-alt:after{content:"\10f3bf"}.fad.fa-life-ring:after{content:"\10f1cd"}.fad.fa-light-ceiling:after{content:"\10e016"}.fad.fa-light-switch:after{content:"\10e017"}.fad.fa-light-switch-off:after{content:"\10e018"}.fad.fa-light-switch-on:after{content:"\10e019"}.fad.fa-lightbulb:after{content:"\10f0eb"}.fad.fa-lightbulb-dollar:after{content:"\10f670"}.fad.fa-lightbulb-exclamation:after{content:"\10f671"}.fad.fa-lightbulb-on:after{content:"\10f672"}.fad.fa-lightbulb-slash:after{content:"\10f673"}.fad.fa-lights-holiday:after{content:"\10f7b2"}.fad.fa-line-columns:after{content:"\10f870"}.fad.fa-line-height:after{content:"\10f871"}.fad.fa-link:after{content:"\10f0c1"}.fad.fa-lips:after{content:"\10f600"}.fad.fa-lira-sign:after{content:"\10f195"}.fad.fa-list:after{content:"\10f03a"}.fad.fa-list-alt:after{content:"\10f022"}.fad.fa-list-music:after{content:"\10f8c9"}.fad.fa-list-ol:after{content:"\10f0cb"}.fad.fa-list-ul:after{content:"\10f0ca"}.fad.fa-location:after{content:"\10f601"}.fad.fa-location-arrow:after{content:"\10f124"}.fad.fa-location-circle:after{content:"\10f602"}.fad.fa-location-slash:after{content:"\10f603"}.fad.fa-lock:after{content:"\10f023"}.fad.fa-lock-alt:after{content:"\10f30d"}.fad.fa-lock-open:after{content:"\10f3c1"}.fad.fa-lock-open-alt:after{content:"\10f3c2"}.fad.fa-long-arrow-alt-down:after{content:"\10f309"}.fad.fa-long-arrow-alt-left:after{content:"\10f30a"}.fad.fa-long-arrow-alt-right:after{content:"\10f30b"}.fad.fa-long-arrow-alt-up:after{content:"\10f30c"}.fad.fa-long-arrow-down:after{content:"\10f175"}.fad.fa-long-arrow-left:after{content:"\10f177"}.fad.fa-long-arrow-right:after{content:"\10f178"}.fad.fa-long-arrow-up:after{content:"\10f176"}.fad.fa-loveseat:after{content:"\10f4cc"}.fad.fa-low-vision:after{content:"\10f2a8"}.fad.fa-luchador:after{content:"\10f455"}.fad.fa-luggage-cart:after{content:"\10f59d"}.fad.fa-lungs:after{content:"\10f604"}.fad.fa-lungs-virus:after{content:"\10e067"}.fad.fa-mace:after{content:"\10f6f8"}.fad.fa-magic:after{content:"\10f0d0"}.fad.fa-magnet:after{content:"\10f076"}.fad.fa-mail-bulk:after{content:"\10f674"}.fad.fa-mailbox:after{content:"\10f813"}.fad.fa-male:after{content:"\10f183"}.fad.fa-mandolin:after{content:"\10f6f9"}.fad.fa-map:after{content:"\10f279"}.fad.fa-map-marked:after{content:"\10f59f"}.fad.fa-map-marked-alt:after{content:"\10f5a0"}.fad.fa-map-marker:after{content:"\10f041"}.fad.fa-map-marker-alt:after{content:"\10f3c5"}.fad.fa-map-marker-alt-slash:after{content:"\10f605"}.fad.fa-map-marker-check:after{content:"\10f606"}.fad.fa-map-marker-edit:after{content:"\10f607"}.fad.fa-map-marker-exclamation:after{content:"\10f608"}.fad.fa-map-marker-minus:after{content:"\10f609"}.fad.fa-map-marker-plus:after{content:"\10f60a"}.fad.fa-map-marker-question:after{content:"\10f60b"}.fad.fa-map-marker-slash:after{content:"\10f60c"}.fad.fa-map-marker-smile:after{content:"\10f60d"}.fad.fa-map-marker-times:after{content:"\10f60e"}.fad.fa-map-pin:after{content:"\10f276"}.fad.fa-map-signs:after{content:"\10f277"}.fad.fa-marker:after{content:"\10f5a1"}.fad.fa-mars:after{content:"\10f222"}.fad.fa-mars-double:after{content:"\10f227"}.fad.fa-mars-stroke:after{content:"\10f229"}.fad.fa-mars-stroke-h:after{content:"\10f22b"}.fad.fa-mars-stroke-v:after{content:"\10f22a"}.fad.fa-mask:after{content:"\10f6fa"}.fad.fa-meat:after{content:"\10f814"}.fad.fa-medal:after{content:"\10f5a2"}.fad.fa-medkit:after{content:"\10f0fa"}.fad.fa-megaphone:after{content:"\10f675"}.fad.fa-meh:after{content:"\10f11a"}.fad.fa-meh-blank:after{content:"\10f5a4"}.fad.fa-meh-rolling-eyes:after{content:"\10f5a5"}.fad.fa-memory:after{content:"\10f538"}.fad.fa-menorah:after{content:"\10f676"}.fad.fa-mercury:after{content:"\10f223"}.fad.fa-meteor:after{content:"\10f753"}.fad.fa-microchip:after{content:"\10f2db"}.fad.fa-microphone:after{content:"\10f130"}.fad.fa-microphone-alt:after{content:"\10f3c9"}.fad.fa-microphone-alt-slash:after{content:"\10f539"}.fad.fa-microphone-slash:after{content:"\10f131"}.fad.fa-microphone-stand:after{content:"\10f8cb"}.fad.fa-microscope:after{content:"\10f610"}.fad.fa-microwave:after{content:"\10e01b"}.fad.fa-mind-share:after{content:"\10f677"}.fad.fa-minus:after{content:"\10f068"}.fad.fa-minus-circle:after{content:"\10f056"}.fad.fa-minus-hexagon:after{content:"\10f307"}.fad.fa-minus-octagon:after{content:"\10f308"}.fad.fa-minus-square:after{content:"\10f146"}.fad.fa-mistletoe:after{content:"\10f7b4"}.fad.fa-mitten:after{content:"\10f7b5"}.fad.fa-mobile:after{content:"\10f10b"}.fad.fa-mobile-alt:after{content:"\10f3cd"}.fad.fa-mobile-android:after{content:"\10f3ce"}.fad.fa-mobile-android-alt:after{content:"\10f3cf"}.fad.fa-money-bill:after{content:"\10f0d6"}.fad.fa-money-bill-alt:after{content:"\10f3d1"}.fad.fa-money-bill-wave:after{content:"\10f53a"}.fad.fa-money-bill-wave-alt:after{content:"\10f53b"}.fad.fa-money-check:after{content:"\10f53c"}.fad.fa-money-check-alt:after{content:"\10f53d"}.fad.fa-money-check-edit:after{content:"\10f872"}.fad.fa-money-check-edit-alt:after{content:"\10f873"}.fad.fa-monitor-heart-rate:after{content:"\10f611"}.fad.fa-monkey:after{content:"\10f6fb"}.fad.fa-monument:after{content:"\10f5a6"}.fad.fa-moon:after{content:"\10f186"}.fad.fa-moon-cloud:after{content:"\10f754"}.fad.fa-moon-stars:after{content:"\10f755"}.fad.fa-mortar-pestle:after{content:"\10f5a7"}.fad.fa-mosque:after{content:"\10f678"}.fad.fa-motorcycle:after{content:"\10f21c"}.fad.fa-mountain:after{content:"\10f6fc"}.fad.fa-mountains:after{content:"\10f6fd"}.fad.fa-mouse:after{content:"\10f8cc"}.fad.fa-mouse-alt:after{content:"\10f8cd"}.fad.fa-mouse-pointer:after{content:"\10f245"}.fad.fa-mp3-player:after{content:"\10f8ce"}.fad.fa-mug:after{content:"\10f874"}.fad.fa-mug-hot:after{content:"\10f7b6"}.fad.fa-mug-marshmallows:after{content:"\10f7b7"}.fad.fa-mug-tea:after{content:"\10f875"}.fad.fa-music:after{content:"\10f001"}.fad.fa-music-alt:after{content:"\10f8cf"}.fad.fa-music-alt-slash:after{content:"\10f8d0"}.fad.fa-music-slash:after{content:"\10f8d1"}.fad.fa-narwhal:after{content:"\10f6fe"}.fad.fa-network-wired:after{content:"\10f6ff"}.fad.fa-neuter:after{content:"\10f22c"}.fad.fa-newspaper:after{content:"\10f1ea"}.fad.fa-not-equal:after{content:"\10f53e"}.fad.fa-notes-medical:after{content:"\10f481"}.fad.fa-object-group:after{content:"\10f247"}.fad.fa-object-ungroup:after{content:"\10f248"}.fad.fa-octagon:after{content:"\10f306"}.fad.fa-oil-can:after{content:"\10f613"}.fad.fa-oil-temp:after{content:"\10f614"}.fad.fa-om:after{content:"\10f679"}.fad.fa-omega:after{content:"\10f67a"}.fad.fa-ornament:after{content:"\10f7b8"}.fad.fa-otter:after{content:"\10f700"}.fad.fa-outdent:after{content:"\10f03b"}.fad.fa-outlet:after{content:"\10e01c"}.fad.fa-oven:after{content:"\10e01d"}.fad.fa-overline:after{content:"\10f876"}.fad.fa-page-break:after{content:"\10f877"}.fad.fa-pager:after{content:"\10f815"}.fad.fa-paint-brush:after{content:"\10f1fc"}.fad.fa-paint-brush-alt:after{content:"\10f5a9"}.fad.fa-paint-roller:after{content:"\10f5aa"}.fad.fa-palette:after{content:"\10f53f"}.fad.fa-pallet:after{content:"\10f482"}.fad.fa-pallet-alt:after{content:"\10f483"}.fad.fa-paper-plane:after{content:"\10f1d8"}.fad.fa-paperclip:after{content:"\10f0c6"}.fad.fa-parachute-box:after{content:"\10f4cd"}.fad.fa-paragraph:after{content:"\10f1dd"}.fad.fa-paragraph-rtl:after{content:"\10f878"}.fad.fa-parking:after{content:"\10f540"}.fad.fa-parking-circle:after{content:"\10f615"}.fad.fa-parking-circle-slash:after{content:"\10f616"}.fad.fa-parking-slash:after{content:"\10f617"}.fad.fa-passport:after{content:"\10f5ab"}.fad.fa-pastafarianism:after{content:"\10f67b"}.fad.fa-paste:after{content:"\10f0ea"}.fad.fa-pause:after{content:"\10f04c"}.fad.fa-pause-circle:after{content:"\10f28b"}.fad.fa-paw:after{content:"\10f1b0"}.fad.fa-paw-alt:after{content:"\10f701"}.fad.fa-paw-claws:after{content:"\10f702"}.fad.fa-peace:after{content:"\10f67c"}.fad.fa-pegasus:after{content:"\10f703"}.fad.fa-pen:after{content:"\10f304"}.fad.fa-pen-alt:after{content:"\10f305"}.fad.fa-pen-fancy:after{content:"\10f5ac"}.fad.fa-pen-nib:after{content:"\10f5ad"}.fad.fa-pen-square:after{content:"\10f14b"}.fad.fa-pencil:after{content:"\10f040"}.fad.fa-pencil-alt:after{content:"\10f303"}.fad.fa-pencil-paintbrush:after{content:"\10f618"}.fad.fa-pencil-ruler:after{content:"\10f5ae"}.fad.fa-pennant:after{content:"\10f456"}.fad.fa-people-arrows:after{content:"\10e068"}.fad.fa-people-carry:after{content:"\10f4ce"}.fad.fa-pepper-hot:after{content:"\10f816"}.fad.fa-percent:after{content:"\10f295"}.fad.fa-percentage:after{content:"\10f541"}.fad.fa-person-booth:after{content:"\10f756"}.fad.fa-person-carry:after{content:"\10f4cf"}.fad.fa-person-dolly:after{content:"\10f4d0"}.fad.fa-person-dolly-empty:after{content:"\10f4d1"}.fad.fa-person-sign:after{content:"\10f757"}.fad.fa-phone:after{content:"\10f095"}.fad.fa-phone-alt:after{content:"\10f879"}.fad.fa-phone-laptop:after{content:"\10f87a"}.fad.fa-phone-office:after{content:"\10f67d"}.fad.fa-phone-plus:after{content:"\10f4d2"}.fad.fa-phone-rotary:after{content:"\10f8d3"}.fad.fa-phone-slash:after{content:"\10f3dd"}.fad.fa-phone-square:after{content:"\10f098"}.fad.fa-phone-square-alt:after{content:"\10f87b"}.fad.fa-phone-volume:after{content:"\10f2a0"}.fad.fa-photo-video:after{content:"\10f87c"}.fad.fa-pi:after{content:"\10f67e"}.fad.fa-piano:after{content:"\10f8d4"}.fad.fa-piano-keyboard:after{content:"\10f8d5"}.fad.fa-pie:after{content:"\10f705"}.fad.fa-pig:after{content:"\10f706"}.fad.fa-piggy-bank:after{content:"\10f4d3"}.fad.fa-pills:after{content:"\10f484"}.fad.fa-pizza:after{content:"\10f817"}.fad.fa-pizza-slice:after{content:"\10f818"}.fad.fa-place-of-worship:after{content:"\10f67f"}.fad.fa-plane:after{content:"\10f072"}.fad.fa-plane-alt:after{content:"\10f3de"}.fad.fa-plane-arrival:after{content:"\10f5af"}.fad.fa-plane-departure:after{content:"\10f5b0"}.fad.fa-plane-slash:after{content:"\10e069"}.fad.fa-planet-moon:after{content:"\10e01f"}.fad.fa-planet-ringed:after{content:"\10e020"}.fad.fa-play:after{content:"\10f04b"}.fad.fa-play-circle:after{content:"\10f144"}.fad.fa-plug:after{content:"\10f1e6"}.fad.fa-plus:after{content:"\10f067"}.fad.fa-plus-circle:after{content:"\10f055"}.fad.fa-plus-hexagon:after{content:"\10f300"}.fad.fa-plus-octagon:after{content:"\10f301"}.fad.fa-plus-square:after{content:"\10f0fe"}.fad.fa-podcast:after{content:"\10f2ce"}.fad.fa-podium:after{content:"\10f680"}.fad.fa-podium-star:after{content:"\10f758"}.fad.fa-police-box:after{content:"\10e021"}.fad.fa-poll:after{content:"\10f681"}.fad.fa-poll-h:after{content:"\10f682"}.fad.fa-poll-people:after{content:"\10f759"}.fad.fa-poo:after{content:"\10f2fe"}.fad.fa-poo-storm:after{content:"\10f75a"}.fad.fa-poop:after{content:"\10f619"}.fad.fa-popcorn:after{content:"\10f819"}.fad.fa-portal-enter:after{content:"\10e022"}.fad.fa-portal-exit:after{content:"\10e023"}.fad.fa-portrait:after{content:"\10f3e0"}.fad.fa-pound-sign:after{content:"\10f154"}.fad.fa-power-off:after{content:"\10f011"}.fad.fa-pray:after{content:"\10f683"}.fad.fa-praying-hands:after{content:"\10f684"}.fad.fa-prescription:after{content:"\10f5b1"}.fad.fa-prescription-bottle:after{content:"\10f485"}.fad.fa-prescription-bottle-alt:after{content:"\10f486"}.fad.fa-presentation:after{content:"\10f685"}.fad.fa-print:after{content:"\10f02f"}.fad.fa-print-search:after{content:"\10f81a"}.fad.fa-print-slash:after{content:"\10f686"}.fad.fa-procedures:after{content:"\10f487"}.fad.fa-project-diagram:after{content:"\10f542"}.fad.fa-projector:after{content:"\10f8d6"}.fad.fa-pump-medical:after{content:"\10e06a"}.fad.fa-pump-soap:after{content:"\10e06b"}.fad.fa-pumpkin:after{content:"\10f707"}.fad.fa-puzzle-piece:after{content:"\10f12e"}.fad.fa-qrcode:after{content:"\10f029"}.fad.fa-question:after{content:"\10f128"}.fad.fa-question-circle:after{content:"\10f059"}.fad.fa-question-square:after{content:"\10f2fd"}.fad.fa-quidditch:after{content:"\10f458"}.fad.fa-quote-left:after{content:"\10f10d"}.fad.fa-quote-right:after{content:"\10f10e"}.fad.fa-quran:after{content:"\10f687"}.fad.fa-rabbit:after{content:"\10f708"}.fad.fa-rabbit-fast:after{content:"\10f709"}.fad.fa-racquet:after{content:"\10f45a"}.fad.fa-radar:after{content:"\10e024"}.fad.fa-radiation:after{content:"\10f7b9"}.fad.fa-radiation-alt:after{content:"\10f7ba"}.fad.fa-radio:after{content:"\10f8d7"}.fad.fa-radio-alt:after{content:"\10f8d8"}.fad.fa-rainbow:after{content:"\10f75b"}.fad.fa-raindrops:after{content:"\10f75c"}.fad.fa-ram:after{content:"\10f70a"}.fad.fa-ramp-loading:after{content:"\10f4d4"}.fad.fa-random:after{content:"\10f074"}.fad.fa-raygun:after{content:"\10e025"}.fad.fa-receipt:after{content:"\10f543"}.fad.fa-record-vinyl:after{content:"\10f8d9"}.fad.fa-rectangle-landscape:after{content:"\10f2fa"}.fad.fa-rectangle-portrait:after{content:"\10f2fb"}.fad.fa-rectangle-wide:after{content:"\10f2fc"}.fad.fa-recycle:after{content:"\10f1b8"}.fad.fa-redo:after{content:"\10f01e"}.fad.fa-redo-alt:after{content:"\10f2f9"}.fad.fa-refrigerator:after{content:"\10e026"}.fad.fa-registered:after{content:"\10f25d"}.fad.fa-remove-format:after{content:"\10f87d"}.fad.fa-repeat:after{content:"\10f363"}.fad.fa-repeat-1:after{content:"\10f365"}.fad.fa-repeat-1-alt:after{content:"\10f366"}.fad.fa-repeat-alt:after{content:"\10f364"}.fad.fa-reply:after{content:"\10f3e5"}.fad.fa-reply-all:after{content:"\10f122"}.fad.fa-republican:after{content:"\10f75e"}.fad.fa-restroom:after{content:"\10f7bd"}.fad.fa-retweet:after{content:"\10f079"}.fad.fa-retweet-alt:after{content:"\10f361"}.fad.fa-ribbon:after{content:"\10f4d6"}.fad.fa-ring:after{content:"\10f70b"}.fad.fa-rings-wedding:after{content:"\10f81b"}.fad.fa-road:after{content:"\10f018"}.fad.fa-robot:after{content:"\10f544"}.fad.fa-rocket:after{content:"\10f135"}.fad.fa-rocket-launch:after{content:"\10e027"}.fad.fa-route:after{content:"\10f4d7"}.fad.fa-route-highway:after{content:"\10f61a"}.fad.fa-route-interstate:after{content:"\10f61b"}.fad.fa-router:after{content:"\10f8da"}.fad.fa-rss:after{content:"\10f09e"}.fad.fa-rss-square:after{content:"\10f143"}.fad.fa-ruble-sign:after{content:"\10f158"}.fad.fa-ruler:after{content:"\10f545"}.fad.fa-ruler-combined:after{content:"\10f546"}.fad.fa-ruler-horizontal:after{content:"\10f547"}.fad.fa-ruler-triangle:after{content:"\10f61c"}.fad.fa-ruler-vertical:after{content:"\10f548"}.fad.fa-running:after{content:"\10f70c"}.fad.fa-rupee-sign:after{content:"\10f156"}.fad.fa-rv:after{content:"\10f7be"}.fad.fa-sack:after{content:"\10f81c"}.fad.fa-sack-dollar:after{content:"\10f81d"}.fad.fa-sad-cry:after{content:"\10f5b3"}.fad.fa-sad-tear:after{content:"\10f5b4"}.fad.fa-salad:after{content:"\10f81e"}.fad.fa-sandwich:after{content:"\10f81f"}.fad.fa-satellite:after{content:"\10f7bf"}.fad.fa-satellite-dish:after{content:"\10f7c0"}.fad.fa-sausage:after{content:"\10f820"}.fad.fa-save:after{content:"\10f0c7"}.fad.fa-sax-hot:after{content:"\10f8db"}.fad.fa-saxophone:after{content:"\10f8dc"}.fad.fa-scalpel:after{content:"\10f61d"}.fad.fa-scalpel-path:after{content:"\10f61e"}.fad.fa-scanner:after{content:"\10f488"}.fad.fa-scanner-image:after{content:"\10f8f3"}.fad.fa-scanner-keyboard:after{content:"\10f489"}.fad.fa-scanner-touchscreen:after{content:"\10f48a"}.fad.fa-scarecrow:after{content:"\10f70d"}.fad.fa-scarf:after{content:"\10f7c1"}.fad.fa-school:after{content:"\10f549"}.fad.fa-screwdriver:after{content:"\10f54a"}.fad.fa-scroll:after{content:"\10f70e"}.fad.fa-scroll-old:after{content:"\10f70f"}.fad.fa-scrubber:after{content:"\10f2f8"}.fad.fa-scythe:after{content:"\10f710"}.fad.fa-sd-card:after{content:"\10f7c2"}.fad.fa-search:after{content:"\10f002"}.fad.fa-search-dollar:after{content:"\10f688"}.fad.fa-search-location:after{content:"\10f689"}.fad.fa-search-minus:after{content:"\10f010"}.fad.fa-search-plus:after{content:"\10f00e"}.fad.fa-seedling:after{content:"\10f4d8"}.fad.fa-send-back:after{content:"\10f87e"}.fad.fa-send-backward:after{content:"\10f87f"}.fad.fa-sensor:after{content:"\10e028"}.fad.fa-sensor-alert:after{content:"\10e029"}.fad.fa-sensor-fire:after{content:"\10e02a"}.fad.fa-sensor-on:after{content:"\10e02b"}.fad.fa-sensor-smoke:after{content:"\10e02c"}.fad.fa-server:after{content:"\10f233"}.fad.fa-shapes:after{content:"\10f61f"}.fad.fa-share:after{content:"\10f064"}.fad.fa-share-all:after{content:"\10f367"}.fad.fa-share-alt:after{content:"\10f1e0"}.fad.fa-share-alt-square:after{content:"\10f1e1"}.fad.fa-share-square:after{content:"\10f14d"}.fad.fa-sheep:after{content:"\10f711"}.fad.fa-shekel-sign:after{content:"\10f20b"}.fad.fa-shield:after{content:"\10f132"}.fad.fa-shield-alt:after{content:"\10f3ed"}.fad.fa-shield-check:after{content:"\10f2f7"}.fad.fa-shield-cross:after{content:"\10f712"}.fad.fa-shield-virus:after{content:"\10e06c"}.fad.fa-ship:after{content:"\10f21a"}.fad.fa-shipping-fast:after{content:"\10f48b"}.fad.fa-shipping-timed:after{content:"\10f48c"}.fad.fa-shish-kebab:after{content:"\10f821"}.fad.fa-shoe-prints:after{content:"\10f54b"}.fad.fa-shopping-bag:after{content:"\10f290"}.fad.fa-shopping-basket:after{content:"\10f291"}.fad.fa-shopping-cart:after{content:"\10f07a"}.fad.fa-shovel:after{content:"\10f713"}.fad.fa-shovel-snow:after{content:"\10f7c3"}.fad.fa-shower:after{content:"\10f2cc"}.fad.fa-shredder:after{content:"\10f68a"}.fad.fa-shuttle-van:after{content:"\10f5b6"}.fad.fa-shuttlecock:after{content:"\10f45b"}.fad.fa-sickle:after{content:"\10f822"}.fad.fa-sigma:after{content:"\10f68b"}.fad.fa-sign:after{content:"\10f4d9"}.fad.fa-sign-in:after{content:"\10f090"}.fad.fa-sign-in-alt:after{content:"\10f2f6"}.fad.fa-sign-language:after{content:"\10f2a7"}.fad.fa-sign-out:after{content:"\10f08b"}.fad.fa-sign-out-alt:after{content:"\10f2f5"}.fad.fa-signal:after{content:"\10f012"}.fad.fa-signal-1:after{content:"\10f68c"}.fad.fa-signal-2:after{content:"\10f68d"}.fad.fa-signal-3:after{content:"\10f68e"}.fad.fa-signal-4:after{content:"\10f68f"}.fad.fa-signal-alt:after{content:"\10f690"}.fad.fa-signal-alt-1:after{content:"\10f691"}.fad.fa-signal-alt-2:after{content:"\10f692"}.fad.fa-signal-alt-3:after{content:"\10f693"}.fad.fa-signal-alt-slash:after{content:"\10f694"}.fad.fa-signal-slash:after{content:"\10f695"}.fad.fa-signal-stream:after{content:"\10f8dd"}.fad.fa-signature:after{content:"\10f5b7"}.fad.fa-sim-card:after{content:"\10f7c4"}.fad.fa-sink:after{content:"\10e06d"}.fad.fa-siren:after{content:"\10e02d"}.fad.fa-siren-on:after{content:"\10e02e"}.fad.fa-sitemap:after{content:"\10f0e8"}.fad.fa-skating:after{content:"\10f7c5"}.fad.fa-skeleton:after{content:"\10f620"}.fad.fa-ski-jump:after{content:"\10f7c7"}.fad.fa-ski-lift:after{content:"\10f7c8"}.fad.fa-skiing:after{content:"\10f7c9"}.fad.fa-skiing-nordic:after{content:"\10f7ca"}.fad.fa-skull:after{content:"\10f54c"}.fad.fa-skull-cow:after{content:"\10f8de"}.fad.fa-skull-crossbones:after{content:"\10f714"}.fad.fa-slash:after{content:"\10f715"}.fad.fa-sledding:after{content:"\10f7cb"}.fad.fa-sleigh:after{content:"\10f7cc"}.fad.fa-sliders-h:after{content:"\10f1de"}.fad.fa-sliders-h-square:after{content:"\10f3f0"}.fad.fa-sliders-v:after{content:"\10f3f1"}.fad.fa-sliders-v-square:after{content:"\10f3f2"}.fad.fa-smile:after{content:"\10f118"}.fad.fa-smile-beam:after{content:"\10f5b8"}.fad.fa-smile-plus:after{content:"\10f5b9"}.fad.fa-smile-wink:after{content:"\10f4da"}.fad.fa-smog:after{content:"\10f75f"}.fad.fa-smoke:after{content:"\10f760"}.fad.fa-smoking:after{content:"\10f48d"}.fad.fa-smoking-ban:after{content:"\10f54d"}.fad.fa-sms:after{content:"\10f7cd"}.fad.fa-snake:after{content:"\10f716"}.fad.fa-snooze:after{content:"\10f880"}.fad.fa-snow-blowing:after{content:"\10f761"}.fad.fa-snowboarding:after{content:"\10f7ce"}.fad.fa-snowflake:after{content:"\10f2dc"}.fad.fa-snowflakes:after{content:"\10f7cf"}.fad.fa-snowman:after{content:"\10f7d0"}.fad.fa-snowmobile:after{content:"\10f7d1"}.fad.fa-snowplow:after{content:"\10f7d2"}.fad.fa-soap:after{content:"\10e06e"}.fad.fa-socks:after{content:"\10f696"}.fad.fa-solar-panel:after{content:"\10f5ba"}.fad.fa-solar-system:after{content:"\10e02f"}.fad.fa-sort:after{content:"\10f0dc"}.fad.fa-sort-alpha-down:after{content:"\10f15d"}.fad.fa-sort-alpha-down-alt:after{content:"\10f881"}.fad.fa-sort-alpha-up:after{content:"\10f15e"}.fad.fa-sort-alpha-up-alt:after{content:"\10f882"}.fad.fa-sort-alt:after{content:"\10f883"}.fad.fa-sort-amount-down:after{content:"\10f160"}.fad.fa-sort-amount-down-alt:after{content:"\10f884"}.fad.fa-sort-amount-up:after{content:"\10f161"}.fad.fa-sort-amount-up-alt:after{content:"\10f885"}.fad.fa-sort-circle:after{content:"\10e030"}.fad.fa-sort-circle-down:after{content:"\10e031"}.fad.fa-sort-circle-up:after{content:"\10e032"}.fad.fa-sort-down:after{content:"\10f0dd"}.fad.fa-sort-numeric-down:after{content:"\10f162"}.fad.fa-sort-numeric-down-alt:after{content:"\10f886"}.fad.fa-sort-numeric-up:after{content:"\10f163"}.fad.fa-sort-numeric-up-alt:after{content:"\10f887"}.fad.fa-sort-shapes-down:after{content:"\10f888"}.fad.fa-sort-shapes-down-alt:after{content:"\10f889"}.fad.fa-sort-shapes-up:after{content:"\10f88a"}.fad.fa-sort-shapes-up-alt:after{content:"\10f88b"}.fad.fa-sort-size-down:after{content:"\10f88c"}.fad.fa-sort-size-down-alt:after{content:"\10f88d"}.fad.fa-sort-size-up:after{content:"\10f88e"}.fad.fa-sort-size-up-alt:after{content:"\10f88f"}.fad.fa-sort-up:after{content:"\10f0de"}.fad.fa-soup:after{content:"\10f823"}.fad.fa-spa:after{content:"\10f5bb"}.fad.fa-space-shuttle:after{content:"\10f197"}.fad.fa-space-station-moon:after{content:"\10e033"}.fad.fa-space-station-moon-alt:after{content:"\10e034"}.fad.fa-spade:after{content:"\10f2f4"}.fad.fa-sparkles:after{content:"\10f890"}.fad.fa-speaker:after{content:"\10f8df"}.fad.fa-speakers:after{content:"\10f8e0"}.fad.fa-spell-check:after{content:"\10f891"}.fad.fa-spider:after{content:"\10f717"}.fad.fa-spider-black-widow:after{content:"\10f718"}.fad.fa-spider-web:after{content:"\10f719"}.fad.fa-spinner:after{content:"\10f110"}.fad.fa-spinner-third:after{content:"\10f3f4"}.fad.fa-splotch:after{content:"\10f5bc"}.fad.fa-spray-can:after{content:"\10f5bd"}.fad.fa-sprinkler:after{content:"\10e035"}.fad.fa-square:after{content:"\10f0c8"}.fad.fa-square-full:after{content:"\10f45c"}.fad.fa-square-root:after{content:"\10f697"}.fad.fa-square-root-alt:after{content:"\10f698"}.fad.fa-squirrel:after{content:"\10f71a"}.fad.fa-staff:after{content:"\10f71b"}.fad.fa-stamp:after{content:"\10f5bf"}.fad.fa-star:after{content:"\10f005"}.fad.fa-star-and-crescent:after{content:"\10f699"}.fad.fa-star-christmas:after{content:"\10f7d4"}.fad.fa-star-exclamation:after{content:"\10f2f3"}.fad.fa-star-half:after{content:"\10f089"}.fad.fa-star-half-alt:after{content:"\10f5c0"}.fad.fa-star-of-david:after{content:"\10f69a"}.fad.fa-star-of-life:after{content:"\10f621"}.fad.fa-star-shooting:after{content:"\10e036"}.fad.fa-starfighter:after{content:"\10e037"}.fad.fa-starfighter-alt:after{content:"\10e038"}.fad.fa-stars:after{content:"\10f762"}.fad.fa-starship:after{content:"\10e039"}.fad.fa-starship-freighter:after{content:"\10e03a"}.fad.fa-steak:after{content:"\10f824"}.fad.fa-steering-wheel:after{content:"\10f622"}.fad.fa-step-backward:after{content:"\10f048"}.fad.fa-step-forward:after{content:"\10f051"}.fad.fa-stethoscope:after{content:"\10f0f1"}.fad.fa-sticky-note:after{content:"\10f249"}.fad.fa-stocking:after{content:"\10f7d5"}.fad.fa-stomach:after{content:"\10f623"}.fad.fa-stop:after{content:"\10f04d"}.fad.fa-stop-circle:after{content:"\10f28d"}.fad.fa-stopwatch:after{content:"\10f2f2"}.fad.fa-stopwatch-20:after{content:"\10e06f"}.fad.fa-store:after{content:"\10f54e"}.fad.fa-store-alt:after{content:"\10f54f"}.fad.fa-store-alt-slash:after{content:"\10e070"}.fad.fa-store-slash:after{content:"\10e071"}.fad.fa-stream:after{content:"\10f550"}.fad.fa-street-view:after{content:"\10f21d"}.fad.fa-stretcher:after{content:"\10f825"}.fad.fa-strikethrough:after{content:"\10f0cc"}.fad.fa-stroopwafel:after{content:"\10f551"}.fad.fa-subscript:after{content:"\10f12c"}.fad.fa-subway:after{content:"\10f239"}.fad.fa-suitcase:after{content:"\10f0f2"}.fad.fa-suitcase-rolling:after{content:"\10f5c1"}.fad.fa-sun:after{content:"\10f185"}.fad.fa-sun-cloud:after{content:"\10f763"}.fad.fa-sun-dust:after{content:"\10f764"}.fad.fa-sun-haze:after{content:"\10f765"}.fad.fa-sunglasses:after{content:"\10f892"}.fad.fa-sunrise:after{content:"\10f766"}.fad.fa-sunset:after{content:"\10f767"}.fad.fa-superscript:after{content:"\10f12b"}.fad.fa-surprise:after{content:"\10f5c2"}.fad.fa-swatchbook:after{content:"\10f5c3"}.fad.fa-swimmer:after{content:"\10f5c4"}.fad.fa-swimming-pool:after{content:"\10f5c5"}.fad.fa-sword:after{content:"\10f71c"}.fad.fa-sword-laser:after{content:"\10e03b"}.fad.fa-sword-laser-alt:after{content:"\10e03c"}.fad.fa-swords:after{content:"\10f71d"}.fad.fa-swords-laser:after{content:"\10e03d"}.fad.fa-synagogue:after{content:"\10f69b"}.fad.fa-sync:after{content:"\10f021"}.fad.fa-sync-alt:after{content:"\10f2f1"}.fad.fa-syringe:after{content:"\10f48e"}.fad.fa-table:after{content:"\10f0ce"}.fad.fa-table-tennis:after{content:"\10f45d"}.fad.fa-tablet:after{content:"\10f10a"}.fad.fa-tablet-alt:after{content:"\10f3fa"}.fad.fa-tablet-android:after{content:"\10f3fb"}.fad.fa-tablet-android-alt:after{content:"\10f3fc"}.fad.fa-tablet-rugged:after{content:"\10f48f"}.fad.fa-tablets:after{content:"\10f490"}.fad.fa-tachometer:after{content:"\10f0e4"}.fad.fa-tachometer-alt:after{content:"\10f3fd"}.fad.fa-tachometer-alt-average:after{content:"\10f624"}.fad.fa-tachometer-alt-fast:after{content:"\10f625"}.fad.fa-tachometer-alt-fastest:after{content:"\10f626"}.fad.fa-tachometer-alt-slow:after{content:"\10f627"}.fad.fa-tachometer-alt-slowest:after{content:"\10f628"}.fad.fa-tachometer-average:after{content:"\10f629"}.fad.fa-tachometer-fast:after{content:"\10f62a"}.fad.fa-tachometer-fastest:after{content:"\10f62b"}.fad.fa-tachometer-slow:after{content:"\10f62c"}.fad.fa-tachometer-slowest:after{content:"\10f62d"}.fad.fa-taco:after{content:"\10f826"}.fad.fa-tag:after{content:"\10f02b"}.fad.fa-tags:after{content:"\10f02c"}.fad.fa-tally:after{content:"\10f69c"}.fad.fa-tanakh:after{content:"\10f827"}.fad.fa-tape:after{content:"\10f4db"}.fad.fa-tasks:after{content:"\10f0ae"}.fad.fa-tasks-alt:after{content:"\10f828"}.fad.fa-taxi:after{content:"\10f1ba"}.fad.fa-teeth:after{content:"\10f62e"}.fad.fa-teeth-open:after{content:"\10f62f"}.fad.fa-telescope:after{content:"\10e03e"}.fad.fa-temperature-down:after{content:"\10e03f"}.fad.fa-temperature-frigid:after{content:"\10f768"}.fad.fa-temperature-high:after{content:"\10f769"}.fad.fa-temperature-hot:after{content:"\10f76a"}.fad.fa-temperature-low:after{content:"\10f76b"}.fad.fa-temperature-up:after{content:"\10e040"}.fad.fa-tenge:after{content:"\10f7d7"}.fad.fa-tennis-ball:after{content:"\10f45e"}.fad.fa-terminal:after{content:"\10f120"}.fad.fa-text:after{content:"\10f893"}.fad.fa-text-height:after{content:"\10f034"}.fad.fa-text-size:after{content:"\10f894"}.fad.fa-text-width:after{content:"\10f035"}.fad.fa-th:after{content:"\10f00a"}.fad.fa-th-large:after{content:"\10f009"}.fad.fa-th-list:after{content:"\10f00b"}.fad.fa-theater-masks:after{content:"\10f630"}.fad.fa-thermometer:after{content:"\10f491"}.fad.fa-thermometer-empty:after{content:"\10f2cb"}.fad.fa-thermometer-full:after{content:"\10f2c7"}.fad.fa-thermometer-half:after{content:"\10f2c9"}.fad.fa-thermometer-quarter:after{content:"\10f2ca"}.fad.fa-thermometer-three-quarters:after{content:"\10f2c8"}.fad.fa-theta:after{content:"\10f69e"}.fad.fa-thumbs-down:after{content:"\10f165"}.fad.fa-thumbs-up:after{content:"\10f164"}.fad.fa-thumbtack:after{content:"\10f08d"}.fad.fa-thunderstorm:after{content:"\10f76c"}.fad.fa-thunderstorm-moon:after{content:"\10f76d"}.fad.fa-thunderstorm-sun:after{content:"\10f76e"}.fad.fa-ticket:after{content:"\10f145"}.fad.fa-ticket-alt:after{content:"\10f3ff"}.fad.fa-tilde:after{content:"\10f69f"}.fad.fa-times:after{content:"\10f00d"}.fad.fa-times-circle:after{content:"\10f057"}.fad.fa-times-hexagon:after{content:"\10f2ee"}.fad.fa-times-octagon:after{content:"\10f2f0"}.fad.fa-times-square:after{content:"\10f2d3"}.fad.fa-tint:after{content:"\10f043"}.fad.fa-tint-slash:after{content:"\10f5c7"}.fad.fa-tire:after{content:"\10f631"}.fad.fa-tire-flat:after{content:"\10f632"}.fad.fa-tire-pressure-warning:after{content:"\10f633"}.fad.fa-tire-rugged:after{content:"\10f634"}.fad.fa-tired:after{content:"\10f5c8"}.fad.fa-toggle-off:after{content:"\10f204"}.fad.fa-toggle-on:after{content:"\10f205"}.fad.fa-toilet:after{content:"\10f7d8"}.fad.fa-toilet-paper:after{content:"\10f71e"}.fad.fa-toilet-paper-alt:after{content:"\10f71f"}.fad.fa-toilet-paper-slash:after{content:"\10e072"}.fad.fa-tombstone:after{content:"\10f720"}.fad.fa-tombstone-alt:after{content:"\10f721"}.fad.fa-toolbox:after{content:"\10f552"}.fad.fa-tools:after{content:"\10f7d9"}.fad.fa-tooth:after{content:"\10f5c9"}.fad.fa-toothbrush:after{content:"\10f635"}.fad.fa-torah:after{content:"\10f6a0"}.fad.fa-torii-gate:after{content:"\10f6a1"}.fad.fa-tornado:after{content:"\10f76f"}.fad.fa-tractor:after{content:"\10f722"}.fad.fa-trademark:after{content:"\10f25c"}.fad.fa-traffic-cone:after{content:"\10f636"}.fad.fa-traffic-light:after{content:"\10f637"}.fad.fa-traffic-light-go:after{content:"\10f638"}.fad.fa-traffic-light-slow:after{content:"\10f639"}.fad.fa-traffic-light-stop:after{content:"\10f63a"}.fad.fa-trailer:after{content:"\10e041"}.fad.fa-train:after{content:"\10f238"}.fad.fa-tram:after{content:"\10f7da"}.fad.fa-transgender:after{content:"\10f224"}.fad.fa-transgender-alt:after{content:"\10f225"}.fad.fa-transporter:after{content:"\10e042"}.fad.fa-transporter-1:after{content:"\10e043"}.fad.fa-transporter-2:after{content:"\10e044"}.fad.fa-transporter-3:after{content:"\10e045"}.fad.fa-transporter-empty:after{content:"\10e046"}.fad.fa-trash:after{content:"\10f1f8"}.fad.fa-trash-alt:after{content:"\10f2ed"}.fad.fa-trash-restore:after{content:"\10f829"}.fad.fa-trash-restore-alt:after{content:"\10f82a"}.fad.fa-trash-undo:after{content:"\10f895"}.fad.fa-trash-undo-alt:after{content:"\10f896"}.fad.fa-treasure-chest:after{content:"\10f723"}.fad.fa-tree:after{content:"\10f1bb"}.fad.fa-tree-alt:after{content:"\10f400"}.fad.fa-tree-christmas:after{content:"\10f7db"}.fad.fa-tree-decorated:after{content:"\10f7dc"}.fad.fa-tree-large:after{content:"\10f7dd"}.fad.fa-tree-palm:after{content:"\10f82b"}.fad.fa-trees:after{content:"\10f724"}.fad.fa-triangle:after{content:"\10f2ec"}.fad.fa-triangle-music:after{content:"\10f8e2"}.fad.fa-trophy:after{content:"\10f091"}.fad.fa-trophy-alt:after{content:"\10f2eb"}.fad.fa-truck:after{content:"\10f0d1"}.fad.fa-truck-container:after{content:"\10f4dc"}.fad.fa-truck-couch:after{content:"\10f4dd"}.fad.fa-truck-loading:after{content:"\10f4de"}.fad.fa-truck-monster:after{content:"\10f63b"}.fad.fa-truck-moving:after{content:"\10f4df"}.fad.fa-truck-pickup:after{content:"\10f63c"}.fad.fa-truck-plow:after{content:"\10f7de"}.fad.fa-truck-ramp:after{content:"\10f4e0"}.fad.fa-trumpet:after{content:"\10f8e3"}.fad.fa-tshirt:after{content:"\10f553"}.fad.fa-tty:after{content:"\10f1e4"}.fad.fa-turkey:after{content:"\10f725"}.fad.fa-turntable:after{content:"\10f8e4"}.fad.fa-turtle:after{content:"\10f726"}.fad.fa-tv:after{content:"\10f26c"}.fad.fa-tv-alt:after{content:"\10f8e5"}.fad.fa-tv-music:after{content:"\10f8e6"}.fad.fa-tv-retro:after{content:"\10f401"}.fad.fa-typewriter:after{content:"\10f8e7"}.fad.fa-ufo:after{content:"\10e047"}.fad.fa-ufo-beam:after{content:"\10e048"}.fad.fa-umbrella:after{content:"\10f0e9"}.fad.fa-umbrella-beach:after{content:"\10f5ca"}.fad.fa-underline:after{content:"\10f0cd"}.fad.fa-undo:after{content:"\10f0e2"}.fad.fa-undo-alt:after{content:"\10f2ea"}.fad.fa-unicorn:after{content:"\10f727"}.fad.fa-union:after{content:"\10f6a2"}.fad.fa-universal-access:after{content:"\10f29a"}.fad.fa-university:after{content:"\10f19c"}.fad.fa-unlink:after{content:"\10f127"}.fad.fa-unlock:after{content:"\10f09c"}.fad.fa-unlock-alt:after{content:"\10f13e"}.fad.fa-upload:after{content:"\10f093"}.fad.fa-usb-drive:after{content:"\10f8e9"}.fad.fa-usd-circle:after{content:"\10f2e8"}.fad.fa-usd-square:after{content:"\10f2e9"}.fad.fa-user:after{content:"\10f007"}.fad.fa-user-alien:after{content:"\10e04a"}.fad.fa-user-alt:after{content:"\10f406"}.fad.fa-user-alt-slash:after{content:"\10f4fa"}.fad.fa-user-astronaut:after{content:"\10f4fb"}.fad.fa-user-chart:after{content:"\10f6a3"}.fad.fa-user-check:after{content:"\10f4fc"}.fad.fa-user-circle:after{content:"\10f2bd"}.fad.fa-user-clock:after{content:"\10f4fd"}.fad.fa-user-cog:after{content:"\10f4fe"}.fad.fa-user-cowboy:after{content:"\10f8ea"}.fad.fa-user-crown:after{content:"\10f6a4"}.fad.fa-user-edit:after{content:"\10f4ff"}.fad.fa-user-friends:after{content:"\10f500"}.fad.fa-user-graduate:after{content:"\10f501"}.fad.fa-user-hard-hat:after{content:"\10f82c"}.fad.fa-user-headset:after{content:"\10f82d"}.fad.fa-user-injured:after{content:"\10f728"}.fad.fa-user-lock:after{content:"\10f502"}.fad.fa-user-md:after{content:"\10f0f0"}.fad.fa-user-md-chat:after{content:"\10f82e"}.fad.fa-user-minus:after{content:"\10f503"}.fad.fa-user-music:after{content:"\10f8eb"}.fad.fa-user-ninja:after{content:"\10f504"}.fad.fa-user-nurse:after{content:"\10f82f"}.fad.fa-user-plus:after{content:"\10f234"}.fad.fa-user-robot:after{content:"\10e04b"}.fad.fa-user-secret:after{content:"\10f21b"}.fad.fa-user-shield:after{content:"\10f505"}.fad.fa-user-slash:after{content:"\10f506"}.fad.fa-user-tag:after{content:"\10f507"}.fad.fa-user-tie:after{content:"\10f508"}.fad.fa-user-times:after{content:"\10f235"}.fad.fa-user-unlock:after{content:"\10e058"}.fad.fa-user-visor:after{content:"\10e04c"}.fad.fa-users:after{content:"\10f0c0"}.fad.fa-users-class:after{content:"\10f63d"}.fad.fa-users-cog:after{content:"\10f509"}.fad.fa-users-crown:after{content:"\10f6a5"}.fad.fa-users-medical:after{content:"\10f830"}.fad.fa-users-slash:after{content:"\10e073"}.fad.fa-utensil-fork:after{content:"\10f2e3"}.fad.fa-utensil-knife:after{content:"\10f2e4"}.fad.fa-utensil-spoon:after{content:"\10f2e5"}.fad.fa-utensils:after{content:"\10f2e7"}.fad.fa-utensils-alt:after{content:"\10f2e6"}.fad.fa-vacuum:after{content:"\10e04d"}.fad.fa-vacuum-robot:after{content:"\10e04e"}.fad.fa-value-absolute:after{content:"\10f6a6"}.fad.fa-vector-square:after{content:"\10f5cb"}.fad.fa-venus:after{content:"\10f221"}.fad.fa-venus-double:after{content:"\10f226"}.fad.fa-venus-mars:after{content:"\10f228"}.fad.fa-vest:after{content:"\10e085"}.fad.fa-vest-patches:after{content:"\10e086"}.fad.fa-vhs:after{content:"\10f8ec"}.fad.fa-vial:after{content:"\10f492"}.fad.fa-vials:after{content:"\10f493"}.fad.fa-video:after{content:"\10f03d"}.fad.fa-video-plus:after{content:"\10f4e1"}.fad.fa-video-slash:after{content:"\10f4e2"}.fad.fa-vihara:after{content:"\10f6a7"}.fad.fa-violin:after{content:"\10f8ed"}.fad.fa-virus:after{content:"\10e074"}.fad.fa-virus-slash:after{content:"\10e075"}.fad.fa-viruses:after{content:"\10e076"}.fad.fa-voicemail:after{content:"\10f897"}.fad.fa-volcano:after{content:"\10f770"}.fad.fa-volleyball-ball:after{content:"\10f45f"}.fad.fa-volume:after{content:"\10f6a8"}.fad.fa-volume-down:after{content:"\10f027"}.fad.fa-volume-mute:after{content:"\10f6a9"}.fad.fa-volume-off:after{content:"\10f026"}.fad.fa-volume-slash:after{content:"\10f2e2"}.fad.fa-volume-up:after{content:"\10f028"}.fad.fa-vote-nay:after{content:"\10f771"}.fad.fa-vote-yea:after{content:"\10f772"}.fad.fa-vr-cardboard:after{content:"\10f729"}.fad.fa-wagon-covered:after{content:"\10f8ee"}.fad.fa-walker:after{content:"\10f831"}.fad.fa-walkie-talkie:after{content:"\10f8ef"}.fad.fa-walking:after{content:"\10f554"}.fad.fa-wallet:after{content:"\10f555"}.fad.fa-wand:after{content:"\10f72a"}.fad.fa-wand-magic:after{content:"\10f72b"}.fad.fa-warehouse:after{content:"\10f494"}.fad.fa-warehouse-alt:after{content:"\10f495"}.fad.fa-washer:after{content:"\10f898"}.fad.fa-watch:after{content:"\10f2e1"}.fad.fa-watch-calculator:after{content:"\10f8f0"}.fad.fa-watch-fitness:after{content:"\10f63e"}.fad.fa-water:after{content:"\10f773"}.fad.fa-water-lower:after{content:"\10f774"}.fad.fa-water-rise:after{content:"\10f775"}.fad.fa-wave-sine:after{content:"\10f899"}.fad.fa-wave-square:after{content:"\10f83e"}.fad.fa-wave-triangle:after{content:"\10f89a"}.fad.fa-waveform:after{content:"\10f8f1"}.fad.fa-waveform-path:after{content:"\10f8f2"}.fad.fa-webcam:after{content:"\10f832"}.fad.fa-webcam-slash:after{content:"\10f833"}.fad.fa-weight:after{content:"\10f496"}.fad.fa-weight-hanging:after{content:"\10f5cd"}.fad.fa-whale:after{content:"\10f72c"}.fad.fa-wheat:after{content:"\10f72d"}.fad.fa-wheelchair:after{content:"\10f193"}.fad.fa-whistle:after{content:"\10f460"}.fad.fa-wifi:after{content:"\10f1eb"}.fad.fa-wifi-1:after{content:"\10f6aa"}.fad.fa-wifi-2:after{content:"\10f6ab"}.fad.fa-wifi-slash:after{content:"\10f6ac"}.fad.fa-wind:after{content:"\10f72e"}.fad.fa-wind-turbine:after{content:"\10f89b"}.fad.fa-wind-warning:after{content:"\10f776"}.fad.fa-window:after{content:"\10f40e"}.fad.fa-window-alt:after{content:"\10f40f"}.fad.fa-window-close:after{content:"\10f410"}.fad.fa-window-frame:after{content:"\10e04f"}.fad.fa-window-frame-open:after{content:"\10e050"}.fad.fa-window-maximize:after{content:"\10f2d0"}.fad.fa-window-minimize:after{content:"\10f2d1"}.fad.fa-window-restore:after{content:"\10f2d2"}.fad.fa-windsock:after{content:"\10f777"}.fad.fa-wine-bottle:after{content:"\10f72f"}.fad.fa-wine-glass:after{content:"\10f4e3"}.fad.fa-wine-glass-alt:after{content:"\10f5ce"}.fad.fa-won-sign:after{content:"\10f159"}.fad.fa-wreath:after{content:"\10f7e2"}.fad.fa-wrench:after{content:"\10f0ad"}.fad.fa-x-ray:after{content:"\10f497"}.fad.fa-yen-sign:after{content:"\10f157"}.fad.fa-yin-yang:after{content:"\10f6ad"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(/font/font-awesome/webfonts/fa-light-300.eot);src:url(/font/font-awesome/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/font/font-awesome/webfonts/fa-light-300.woff2) format("woff2"),url(/font/font-awesome/webfonts/fa-light-300.woff) format("woff"),url(/font/font-awesome/webfonts/fa-light-300.ttf) format("truetype"),url(/font/font-awesome/webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(/font/font-awesome/webfonts/fa-regular-400.eot);src:url(/font/font-awesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/font/font-awesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/font/font-awesome/webfonts/fa-regular-400.woff) format("woff"),url(/font/font-awesome/webfonts/fa-regular-400.ttf) format("truetype"),url(/font/font-awesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(/font/font-awesome/webfonts/fa-solid-900.eot);src:url(/font/font-awesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/font/font-awesome/webfonts/fa-solid-900.woff2) format("woff2"),url(/font/font-awesome/webfonts/fa-solid-900.woff) format("woff"),url(/font/font-awesome/webfonts/fa-solid-900.ttf) format("truetype"),url(/font/font-awesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}
@font-face {
  font-family: 'icomoon';
  src:  url('/font/iconfont/icomoon.eot?emtv9m');
  src:  url('/font/iconfont/icomoon.eot?emtv9m#iefix') format('embedded-opentype'),
    url('/font/iconfont/icomoon.ttf?emtv9m') format('truetype'),
    url('/font/iconfont/icomoon.woff?emtv9m') format('woff'),
    url('/font/iconfont/icomoon.svg?emtv9m#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="grok-font-icon-"], [class*=" grok-font-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.grok-font-icon-close:before {
  content: "\e900";
}
.grok-font-icon-menu:before {
  content: "\e902";
}
.grok-font-icon-help:before {
  content: "\e901";
}
.grok-font-icon-settings:before {
  content: "\e903";
}
.grok-font-icon-chevron:before {
  content: "\e904";
}
.svg-icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-flex;
    margin: 0;
}

.image-icon {
    width: 16px;
    display: flex;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

td .grok-ellipsis,
.d4-flex-col .grok-ellipsis {
    margin-top: 2px;
    margin-left: 1px !important;
    font-size: 1.6rem;
}

.grok-data-job-status-completed,
.grok-data-job-status-error,
.grok-data-job-status-pending,
.grok-data-job-status-queued,
.grok-data-job-status-running {
    position: relative;
    width: 16px;
    height: 16px;
}

.grok-data-job-status-completed::before {
    content: ' ';
    width: 8px;
    height: 8px;
    background-color: #3cb173;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    border-radius: 50%;
}

.grok-data-job-status-error::before {
    content: ' ';
    width: 8px;
    height: 8px;
    background-color: #eb6767;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    border-radius: 50%;
}

.grok-icon.grok-icon-user,
.grok-icon.grok-icon-group {
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
    font-size: 8px;
}

.d4-gallery-card.entity-user .grok-icon.grok-icon-user,
.d4-gallery-card.entity-user .grok-icon.grok-icon-group,
.user.d4-flex-row .grok-icon.grok-icon-user,
.user.d4-flex-row .grok-icon.grok-icon-group {
    width: 48px;
    flex-shrink: 0;
    height: 48px;
    margin-right: 8px;
    font-size: 24px;
}

.grok-icon.grok-icon-group {
    background-color: var(--grey-3)!important;
}

.grok-icon.fa-user-friends {
    font-size: 0.9rem;
}

/*
.grok-icon.grok-icon-user:hover,
.grok-icon.grok-icon-group:hover{
    -webkit-filter: contrast(90%) brightness(110%);
}
*/


.grok-icon-sharing-help {
    position: absolute;
    left: -14px;
    visibility: hidden;
    margin-top: 1px;
}

.grok-prop-panel:hover .grok-icon-sharing-help {
    visibility: visible;
}

.grok-icon.grok-icon-user[data-user]::before,
.grok-icon.grok-icon-group[data-user]::before {
    content: attr(data-user);
}

.grok-icon.grok-icon-user::before,
.grok-icon.grok-icon-group::before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    font-style: normal;
    align-items: center;
    color: white;
}

.fa-minus {
    margin: 0 4px;
}

.grok-data-job-status-running::before {
    content: ' ';
    width: 8px;
    height: 8px;
    background-color: #40607f;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    border-radius: 50%;
}

.grok-data-job-status-pending::before,
.grok-data-job-status-queued::before {
    content: ' ';
    width: 8px;
    height: 8px;
    border: 1px solid #40607f;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    box-sizing: border-box;
    border-radius: 50%;
}

.grok-context-arrow-down {
    margin-left: 3px;
}

.grok-context-arrow-down::before {
    content: ' ';
    width: 8px;
    height: 6px;
    margin-left: 3px;
    margin-right: 3px;
    box-sizing: border-box;
    display: inline-block;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: transparent;
    border-top-color: #2083d5;
}

.grok-context-arrow-down:hover {
    background-color: #f2f2f5;
}

.grok-context-arrow-down:hover::before {
    border-top-color: #40607f;
}

.svg-icon.d4-disabled {
    filter: grayscale(1);
    opacity: 0.45;
}

.svg-close {
    background-image: url('/images/close.svg');
}

.svg-settings {
    background-image: url('/images/settings.svg');
}

.svg-help {
    background-image: url('/images/help.svg');
}

.svg-menu {
    background-image: url('/images/menu.svg');
}

.svg-chat {
    background-image: url('/images/entities/chat.svg');
}

.svg-model-run {
    background-image: url('/images/entities/model_run.svg');
}

.svg-model {
    background-image: url('/images/entities/model.svg');
}

.svg-command {
    background-image: url('/images/entities/command.svg');
}

.svg-data-job {
    background-image: url('/images/entities/data_job.svg');
}

.svg-dataset {
    background-image: url('/images/entities/dataset.svg');
}

.svg-database {
    background-image: url('/images/entities/database.svg');
}

.svg-database-column {
    background-image: url('/images/entities/database_column.svg');
}

.svg-column {
    background-image: url('/images/entities/column.svg');
}

.svg-database-table {
    background-image: url('/images/entities/database_table.svg');
}

.svg-two-databases {
    background-image: url('/images/entities/two-databases.svg');
}

.svg-database-view {
    background-image: url('/images/entities/database_view.svg');
}

.svg-database-tables {
    background-image: url('/images/entities/database_tables.svg');
}

.svg-data-query {
    background-image: url('/images/entities/data_query.svg');
}

.svg-table {
    position: relative;
    left: -2px;
    background-image: url('/images/entities/table.svg');
}

.svg-view-layout {
    background-image: url('/images/entities/view_layout.svg');
}

.svg-tree {
    background-image: url('/images/entities/tree.svg');
}

.svg-data-connection {
    background-image: url('/images/entities/data_connection.svg');
}

.svg-data-connection-unavailable {
    background-image: url('/images/entities/data_connection_lost.svg');
}

.svg-add-new-column {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px 0px;
}

.svg-add-viewer {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px -24px;
}

.svg-connect-to-data {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px -48px;
}

.svg-invert-selection {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px -72px;
}

.svg-open-local-file {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px -96px;
}

.svg-project {
    background-image: url('/images/ribbon/project.svg');
}

.svg-remove-selected-columns {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px -120px;
}

.svg-remove-selected-rows {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px -144px;
}

.svg-save-local-file {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px -168px;
}

.svg-select-all {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px -192px;
}

.svg-select-none {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px -216px;
}

.svg-show-workspace {
    background: url('/images/ribbon/ribbon_sprite.svg') no-repeat top left;
    background-size: 24px;
    background-position: 0px -240px;
}


.svg-connect-to-data {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 20px;
    background-image: url('/images/ribbon/connect_to_data.svg');
}

.svg-grok {
    background-image: url('/images/ribbon/project.svg');
    width: 32px !important;
    height: 32px !important;
    ;
    margin-top: -8px !important;
    ;
    margin-left: -26px !important;
    ;
}
.svg-3d-scatter-plot { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 0%;}
.svg-bar-chart { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 1.25%;}
.svg-box-plot { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 2.5%;}
.svg-calendar { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 3.75%;}
.svg-card { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 5%;}
.svg-chord-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 6.25%;}
.svg-column-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 7.5%;}
.svg-correlation-plot { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 10%;}
.svg-confusion-matrix { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 8.75%;}
.svg-roc-curve { background: url('/images/viewers/roc_curve.svg') no-repeat top left;}
.svg-density-plot { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 11.25%;}
.svg-diversity-search-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 12.5%;}
.svg-filters { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 13.75%;}
.svg-form { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 15%;}
.svg-globe { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 16.25%;}
.svg-google-map { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 17.5%;}
.svg-grid { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 18.75%;}
.svg-heat-map { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 20%;}
.svg-histogram { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 21.25%;}
.svg-info-panel { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 22.5%;}
.svg-line-chart { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 23.75%;}
.svg-markup { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 25%;}
.svg-matrix-plot { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 26.25%;}
.svg-multiform { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 27.5%;}
.svg-multiplot { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 28.75%;}
.svg-network-diagram { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 30%;}
.svg-pc-plot { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 31.25%;}
.svg-phylotree { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 32.5%;}
.svg-pie-chart { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 33.75%;}
.svg-pivot-table { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 35%;}
.svg-protein-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 36.25%;}
.svg-radar { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 37.5%;}
.svg-sankey { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 38.75%;}
.svg-scatter-plot { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 40%;}
.svg-scripting-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 41.25%;}
.svg-similarity-search-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 43.75%;}
.svg-sparklines { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 45%;}
.svg-statistics { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 46.25%;}
.svg-structure-2d { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 47.5%;}
.svg-structure-3d { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 48.75%;}
.svg-summary { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 50%;}
.svg-sunburst { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 51.25%;}
.svg-tile-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 52.5%;}
.svg-timelines { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 53.75%;}
.svg-tree-map { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 55%;}
.svg-tree-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 56.25%;}
.svg-trellis-plot { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 57.5%;}
.svg-viewer-host { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 58.75%;}
.svg-weblogo { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 60%;}
.svg-web-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 61.25%;}
.svg-word-cloud { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 62.5%;}
.svg-world-cloud-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 63.75%;}
.svg-shape-map { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
background-size: cover;
    background-position: 0px 42.5%;}
.svg-shape-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
    background-size: cover;
        background-position: 0px 42.5%;}
.svg-multicurveviewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
    background-size: cover;
    background-position: 0px 65%;}
.svg-points-viewer { background: url('/images/viewers/viewers_sprite.png') no-repeat top left;
    background-size: cover;
    background-position: 0px 66.25%;}

.svg-custom-color {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.d4-tree-view-root .grok-icon.fal,
.d4-tree-view-root .grok-icon.fab {
    color: #40607F;
}

.d4-link-label i.grok-icon.fa-cloud {
    font-size: 9px;
    margin-top: 2px;
}

i.grok-icon.fal.fa-folder.folder-user::after {
    content: "\f064";
    position: absolute;
    left: 0;
    font-size: 12px;
    font-weight: 900;
    top: 0;
}

.d4-ribbon-item>i.grok-icon.svg-icon.svg-view-layout {
    height: 24px;
    width: 24px;
    border: 2px solid transparent;
    box-sizing: border-box;
}

i.grok-icon:hover {
    -webkit-filter: contrast(80%) brightness(120%);
    cursor: pointer;
}

.svg-add-new-rows {
    rotate: 90deg;
    background-image: url(/images/ribbon/add_new_column.svg);
}

.d4-ribbon .svg-add-viewer {
    height: 22px !important;
    padding: 1px 2px !important;
}

i.grok-icon.fal.fa-hexagon {
    rotate: 90deg;
}

.d4-grid-svg-segment-disabled path{
    fill: none !important;
    stroke: none !important;
}

.d4-grid-svg-segment path {
    pointer-events: all !important;
}

.d4-grid-svg-segment:not(.d4-grid-svg-segment-selected) path:hover {
    fill: var(--steel-2);
}

.d4-grid-svg-segment path:hover {
    cursor: pointer;
}

.d4-grid-svg-segment-selected path:first-of-type {
    fill: var(--steel-3);
}

.grok-icon-color-coding {
    width: 8px!important;
    height: 8px!important;
    margin: 6px 6px 6px 0;
    border-radius: 50%;
    display: inline-flex;
}
.smart-bar tr:hover {
  background-color: #40607f;
  color: #ffffff;
}

.smart-bar tr {
  background-color: #286344;
  color: #ffffff;
}.property-grid-base {
  background-color: #fff;
  width: 100%;
  height: 100%;
  font-family: 'Roboto', 'Roboto Local',  sans-serif;
  font-size: smaller;
  font-weight: normal;
  line-height: 1.2em;
  overflow-y: auto;
}

.property-grid-prop-panel-wrapper {
  flex-grow: 1;
  margin-left: -6px;
}

.property-grid-wrapper {
  /*height:     100%;*/
  /*background-color:#fff;*/
  overflow-y: auto;
}

/** The grid table theme */
.property-grid {
  width: 100%;
  background-color:#fff;
  border-collapse: collapse;
  overflow-y: scroll;
}

.grok-prop-panel table.property-grid {
  margin-top:24px;
}

/* Property name column */
.property-grid td:nth-child(1) {
  /*display: block;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  min-width: 100px;
}

/* Property value column */
.property-grid td:nth-child(2) {
  padding-left: 10px;
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  vertical-align: middle;
}

.property-grid-description-wrapper {
  height: 60px;
  background-color:#b8bac0;
  display: none;
}

.property-grid-description {
  padding: 8px;
}

.property-grid-item {
  /*border: 1px solid #b8bac0;*/
  border-top: 1px solid var(--grey-1);
  overflow: hidden;
  height: 20px;
}

.property-grid-category {
  /*background-color: #b8bac0;*/
  /*font-weight:bold;*/
  /*cursor: pointer;*/

  cursor: pointer;
  font-size: 16px;
  height: 26px;
}

.property-grid-category td {
  padding: 3px 0 0 0;
}

.property-grid-category-body {
  display: table-row-group;
  opacity: 1;
}

.property-grid-category-body-hide {
  display: none;
}

.property-grid-item-name {
  /*width: 45%;*/
  /*background-color: #f2f2f5;*/
  /*border: 1px solid #b8bac0;*/
  overflow: hidden;
  position: relative;
}

.property-grid-item-name:hover {
  overflow: initial;
}

tr.property-grid-item:hover {
  background-color: var(--grey-1);
}

tr.property-grid-item select {
  border: 0;
}

.property-grid-item-name-text:hover {
  /*background-color: #f2f2f5;*/
  background-color: #f2f2f5;
  width: initial;
  overflow: initial;
  z-index: 100;
  right: initial;
}

.property-grid-item-name-selected .property-grid-item-name-text:hover {
  /*background-color: #b8bac0;*/
}

.property-grid-item-name-text span {
  text-overflow: ellipsis;
  overflow: hidden;
}

.property-grid-item-name-text {
  color:var(--warm-grey-4);
  cursor: default;
  padding-left: 16px;
  padding-right: 4px;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 11px;
}

.property-grid-item-value {
  /*overflow: hidden;*/
  width: 55%;
  font-size: 11px;
  color:var(--grey-6);
  border-bottom: 1px solid var(--grey-2);
}

.property-grid-item-value .d4-column-selector-column,
.property-grid-item-value select {
  /*max-width: 120px;*/
}

/************************* VIEWS ****************************/
.property-grid-item-view-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 16px;
}

.property-grid-item-view-color-base {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.property-grid-item-view-color-text {
  width: auto;
  overflow: hidden;
}

.property-grid-item-view-color-preview {
  width: 10px;
  height: 10px;
  background-color: #eb6767;
  padding: 0;
  border: 1px solid #4d5261;
  margin: 2px;
  float: right;
}

.property-grid-item-view-gradient-base {
  width: 100%;
  height: 20px;
  overflow: hidden;
}

.property-grid-item-view-gradient-preview {
  height: 14px;
  width: 100px;
  background-color: #eb6767;
  padding: 0;
  border: 1px solid #4d5261;
  margin: 2px;
}

.property-grid-slider-slider {
  float: right;
  width: 75px;
  margin: 0;
  max-width: calc(100% - 40px);
}

.property-grid-slider-textbox {
  float: left;
  width: 40px;
  border: none;
  font-size: 12px;
  background-color: transparent;
  outline:none;
}

/************************* EDITORS ****************************/

.property-grid-item-editor-checkbox {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.property-grid-multi-column-editor { }

.property-grid-multi-column-editor button {
  margin-left: 5px;
  font-size: 10px;
  height: 16px;
}

.property-grid-ellipsis-editor {
  display:flex;
  flex-direction:row;
  outline: none;
}

.property-grid-ellipsis-editor-input {
  border: none;
  flex-grow: 1;
  outline: none;
}

.property-grid-ellipsis-editor-ellipsis {
  width: 16px;
  height: 14px;
  float: right;
}

.property-grid-item-editor-textbox {
  width: 100%;
  padding: 0;
  border: 0;
  font-size: 11px;
  text-overflow: ellipsis;
  font-family: 'Roboto', 'Roboto Local',  sans-serif;
  outline: none;
}

.property-grid-item-editor-slider {
  width: 100%;
  padding: 0;
  border: 0;
  outline: none;
}

.property-grid-item-editor-slider-host {
  position: absolute;
  height: 30px;
  z-index: 10000;
  background-color: #dbdcdf;
  border: 1px solid #4d5261;
  padding: 0;
}

.property-grid-item-editor-spinner {
  width: 100%;
  padding: 0;
  outline: none;
}

.property-grid-item-value > div > select,
select.property-grid-item-editor-spinner  {
  font-size: 11px;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-size: 16px;
  background-position-y: 55%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  background-image: url('/images/chevron.svg');
  padding: 0 20px 0 0;
}

.property-grid-item-editor-color-picker-host {
  position: absolute;
  width: auto;
  max-width: 350px;
  z-index: 5999;
  background-color: #ffffff;
  border: 1px solid #4d5261;
  padding: 0;
}

.property-grid-item-editor-color-picker {
  margin: 5px;
}

.property-grid-item-editor-gradient-picker-host {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #dbdcdf;
  border: 1px solid #4d5261;
  padding: 0;
}

.property-grid-item-editor-gradient-picker {
  margin: 5px;
}

.property-grid-item-editor-browse-host {
  width: 100%;
  height: 30px;
  overflow: hidden;
  position: absolute;
  background-color: #fff;
  border: 1px solid #4d5261;
}

.property-grid-item-editor-browse {
  height: 30px;
  width: auto;
  overflow: hidden;
  display: inline;
  margin: 3px 0 0 3px;
}


/************************* Icons ****************************/


.property-grid-category-icon.property-grid-icon-minus:before {
  transform: rotate(0deg);
}

.property-grid-category-icon::before {
  transition: all 0.1s;
  content: "\e904";
  font-size: 16px;
  transform: rotate(-90deg);
  left: -15px;
  top: -2px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  /* background-size: contain; */
  /* background-image: url('/images/chevron.svg'); */
}

.property-grid-category-icon {
  position: relative;
}

tr.property-grid-item.property-grid-category > td {
  padding-left: 15px;
}

.property-grid-temp-table-item {
  color: var(--warm-grey-3);
  font-style: italic;
}

.property-grid-temp-table-item-option {
  color: var(--grey-6);
  font-style: normal;
}

.gradient-picker-base {
  padding: 10px;
  display: block;
  line-height: 1px;
  border: 1px solid #4d5261;
}

.gradient-picker-colorbar {
  border: 1px solid #4d5261;
  margin-top: -1px;
  margin-left: -1px;
}

.gradient-picker-handlebar {
  margin-left: -5px;
}

.gradient-picker-color-picker {
  margin-top: 10px;
  margin-left: 12px;
  display: none;
}

/********************** Color Picker ************************/
.color-picker {
  margin: 0px;
  padding: 0px;
}

.color-picker-hsv-gradient {
  cursor: crosshair;
  border: 1px solid #4d5261;
  float: left;
}

.color-picker-hue-slider {
  cursor: crosshair;
  border: 1px solid #4d5261;
  margin-left: 0px;
  float: left;
}

.color-picker-info-box {
  float: left;
  margin-left: 10px;
}

.color-picker-preview-base {
  width: 84px;
  border: 1px solid #b8bac0;
}

.color-picker-preview-previous {
  width: 100%;
  height: 32px;
}

.color-picker-preview-current {
  width: 100%;
  height: 32px;
}


/********************** Entry Control ************************/
.entry-control-base {
  background-color:#f2f2f5;
  width: 82px;
  margin: 1px;
  padding: 1px;
  border: 1px solid #b8bac0;
  border-radius: 6px;
}

.entry-control-base-name {
  float: left;
  width: 15px;
  margin-top: 4px;
  margin-left: 5px;
  overflow: hidden;
}

.entry-control-base-value {
  width: 55px;
  clear:both;
}

/********************** Util ************************/
.color-picker-unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}
.grok-dataset-name {
  display: block;
  width: 250px;
}

.grok-dataset-author {
  display: block;
  width: 250px;
}

.grok-dataset-description {
  display: block;
  width: 250px;
}.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 110px;
}

.grok-gallery-form-root {
  position: relative;
  width: 700px;
  height: 400px;
}


.grok-gallery-author {
  position: absolute;
  top: 60px;
  left: 450px;
  width: 240px;
  color: #9497a0;
}

.grok-gallery-description {
  position: absolute;
  left: 450px;
  top: 90px;
  width: 240px;
  margin-top: 10px;
  color: #717581;
  min-height: 50px;
}

.grok-gallery-share-text {
  position: absolute;
  left: 450px;
  top: 160px;
}

.grok-gallery-share {
  position: absolute;
  left: 500px;
  top: 160px;
}

.grok-gallery-preview {
  margin: 10px;
  position: absolute;
  width: 400px;
  height: 300px;
  top: 60px;
  left: 5px;
}

.grok-gallery-root {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.grok-gallery-root:focus {
  outline: none;
}

.grok-gallery-search-bar {
  display: flex;
  align-items: center;
  height: 36px;
  margin: 12px 12px 8px 12px;
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  border: 1px solid transparent;
  transition: all 0.5s;
  border-radius: 24px;
  flex-grow: 0;
}

.grok-gallery-search-bar .d4-search-bar {
  box-sizing: content-box;
  flex-grow: 1;
/*  border-bottom: 1px solid transparent;*/
  outline: none;
}

/*
.grok-gallery-search-bar .d4-search-bar:hover,
.grok-gallery-search-bar .d4-search-bar:focus {
  border-bottom: 1px solid var(--grey-2);
}
*/

.grok-gallery-grid-item.grok-file-info i {
  font-size: 28px;
  align-self: center;
  width: 32px;
  margin-right:4px;
  text-align: center;
}

.grok-gallery-search-bar .d4-ribbon-item .fal,
.grok-gallery-search-bar .d4-ribbon-item .fas,
.grok-gallery-search-bar .d4-ribbon-item .fab,
.grok-gallery-search-bar .d4-ribbon-item .far {
  font-size: 13px;
  color: var(--blue-1);
}

.grok-gallery-search-bar .d4-ribbon-panel {
  height: 24px;
}

.grok-gallery-search-bar .d4-ribbon-separator  {
  display: none;
}
.grok-gallery-search-bar input {
  font-size: 16px;
}

.grok-gallery-search-bar .ui-input-root {
  padding: 0;
  flex-grow: 1;
}

.grok-gallery-search-bar .ui-input-root .ui-input-editor {
  border-bottom: 1px solid transparent !important;
}

.grok-gallery-grid-item {
  position: relative;
  border: 1px solid transparent;
}

.grok-gallery-grid-item-wrapper {
  padding: 0;
  display: flex;
  margin-bottom: 24px;
  margin-left: 24px;
  -webkit-filter: contrast(95%) brightness(105%);
  background-color: #fff;
  border: 1px solid #dbdcdf;
  color: #4d5261;
  width: 208px;
  position: relative;
  overflow: hidden;
}

.grok-gallery-grid-item-wrapper > * {
  flex-grow: 1;
}

.grok-gallery-grid-item-wrapper:hover,
.grok-gallery-grid-item-wrapper.d4-current  {
  -webkit-filter: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.grok-gallery-grid-item:hover .grok-gallery-grid-item-badge,
.grok-gallery-grid-item.d4-current .grok-gallery-grid-item-badge {
  background-color: var(--grey-1);
  z-index: 2;
  position: relative;
}

.grok-gallery-grid-item.d4-current {
  opacity: 1;
  border: 1px solid var(--grey-4);
}

.d4-accordion-pane .grok-gallery-grid-item.dataset {
  margin-left: -12px;
  margin-right: 0;
  margin-bottom: 6px;
  opacity: 1;
}

.grok-gallery-grid-item-badge {
  display: flex;
  flex-direction: row;
  border-top: 1px solid var(--grey-2);
}

.grok-gallery-grid-item-desc {
    padding: 12px;
     /* box-sizing: border-box; */
     color: var(--grey-4);
     line-height: 1.4;
   }


.grok-welcome-panel .grok-gallery-grid-item:hover .grok-gallery-grid-item-thumbnail.hover-blur {
  overflow: hidden;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.grok-welcome-panel .grok-gallery-grid-item-desc {
  display: none;
  color: var(--grey-6);
  opacity: 0.7;
  position: absolute;
  top: 0;
  background-color: white;
  background-blend-mode: soft-light;
  margin: 0;
  padding: 12px;
  bottom: 57px;
  right: 0;
  left: 0;
}

.grok-welcome-panel .grok-gallery-grid-item:hover .grok-gallery-grid-item-desc{
  display: block;
}

.grok-gallery-grid-item-user {
  width: 32px;
  height: 32px;
  margin: 12px;
  border-radius: 50%;
  cursor: default;
}

.grok-gallery-grid-item-user .grok-icon {
  width:32px!important;
  height:32px!important;;
  border-radius: 50%;
  display: flex;
}

.grok-gallery-grid-item.dataset {
}

.grok-gallery-grid-item-title {
  color: var(--blue-1);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grok-gallery-grid-item-thumbnail {
  height: 156px;
  width: 208px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  display: block;
  position: relative;
}

.grok-gallery-grid-item-icon {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
  color: #b9bbc1;
}

.grok-gallery-grid-item-date {
  font-size: 10px;
  color: var(--grey-3);
}

.grok-gallery-grid-item-metadata {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  overflow: hidden;
  margin-right: 12px;
}

.grok-gallery-grid-item-add-button {
  width: 32px;
  height: 32px;
  position: relative;
  float: right;
  background-color: #2083d5;
  right: 8px;
  bottom: 40px;
  border-radius: 32px;
  color: #ffffff;
  line-height: 32px;
  text-align: center;
  border: 1px #ffffff solid;
}

.grok-gallery-grid-item-add-button:hover {
  color: #2083d5;
  background-color: #ffffff;
  box-shadow: 0px 0px 7px #b8bac0;
  border: solid 1px #dbdcdf;
}


.grok-gallery-grid-item .grok-gallery-grid-item-add-button{
  display: none;
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 70px;
}

.grok-gallery-grid-item:hover .grok-gallery-grid-item-add-button{
  display: block;
}

.grok-gallery-grid[mode="Brief"] {
    flex-direction: column;
    flex-shrink: 1;
}

.grok-gallery-grid {
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  overflow: auto;
  padding-top: 8px;
  flex-grow: 1;
  flex-wrap: wrap;
  display: flex;
  flex-shrink: 1;
  position: relative;
  outline: none;
}

.grok-gallery-grid > .d4-tree-view-group.d4-tree-view-root .d4-tree-view-node {
  font-size: 16px;
  height: 24px;
  color: var(--grey-4);
}

.grok-gallery-grid > .d4-tree-view-group.d4-tree-view-root .d4-tree-view-group-host > .d4-tree-view-group,
.grok-gallery-grid > .d4-tree-view-group.d4-tree-view-root > .d4-tree-view-group-host {
   width: 100%;
}

.grok-gallery-grid > .d4-tree-view-group.d4-tree-view-root {
  display: flex;
  flex-grow: 1;
    width: 100%;
}

.grok-gallery-grid > .d4-tree-view-group.d4-tree-view-root .d4-tree-view-group-host > .grok-gallery-grid {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: 0;
  padding: 4px 4px 8px;
}

.grok-gallery-grid .d4-tree-view-group-host .d4-tree-view-group-host {
  margin-left: 10px;
}

.grok-gallery-grid[mode="Brief"] > .d4-tree-view-group.d4-tree-view-root .d4-tree-view-group-host > .grok-gallery-grid:empty {
  display: none;
}

.grok-gallery-grid[mode="Brief"] > .d4-tree-view-group.d4-tree-view-root .d4-tree-view-group-host > .grok-gallery-grid {
  flex-direction: column;
}

.grok-gallery-grid .d4-grid.d4-root {
  flex-grow: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
}


.grok-card-view .grok-gallery-grid[mode="Brief"] .d4-link-label {
  width: 250px;
  margin-bottom: 4px;
  margin-left: 12px;
  display: inline-block;
  padding: 4px;
}

.grok-card-view .grok-gallery-grid[mode="Brief"] .d4-link-label.d4-current {
  -webkit-filter: none;
  box-shadow: 0px 0px 3px #b8bac0;
  cursor: pointer;
  /*background-color: transparent;*/
}

.grok-card-view .grok-gallery-grid[mode="Brief"] .d4-link-label:hover:not(.d4-current):not(.d4-drag-file) {
  -webkit-filter: none;
  box-shadow: 0px 0px 3px #b8bac0;
  cursor: pointer;
  background-color: transparent;
}

.d4-item-card {
  padding: 10px;
  display: block;
  margin-bottom: 24px;
  margin-left: 24px;
  -webkit-filter: contrast(95%) brightness(105%);
  background-color: #fff;
  border: 1px solid #dbdcdf;
  color: #4d5261;
  width: 208px;
  position: relative;
  overflow: hidden;
}

.d4-item-card:hover {
  background-color: var(--grey-1);
}

.d4-gallery-card {
  padding: 10px;
}

.d4-gallery-card > h2:first-child {
  margin-top: 0;
}

.d4-gallery-card.entity-project {
  padding:0;
}


.d4-gallery-card:hover {
  background-color: var(--grey-1);
}

.d4-gallery-card.dataset:hover {
  background-color: white;
}

.grok-gallery-grid-item.d4-gallery-card.entity-grok-user,
.grok-gallery-grid-item.d4-gallery-card.entity-data-query-run {
  width: 300px;
}

.d4-gallery-card.user img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}

.grok-items-view-empty .fa-empty-set {
  font-size: 12vw;
  color: var(--grey-1);
  position: absolute;
  width: 100%;
  text-align: center;
  cursor: default;
}

.grok-credentials-card {
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 24px 32px;
  max-width: 420px;
  width: 100%;
  opacity: 1;
}

.grok-credentials-card h2 {
  margin: 0 0 16px 0;
  font-size: 16px;
  font-weight: 500;
}

.grok-credentials-card .grok-info-bar {
  margin-bottom: 16px;
}

.grok-credentials-card .ui-btn {
  align-self: flex-end;
  margin-top: 12px;
}

.type-ahead-drop-down {
    border: solid;
    border-width: 1px;
    border-color: #dbdcdf;
    position:absolute;
    max-height:100px;
    overflow-y: auto;
    z-index:1000;
    left: 0;
    top: 100%;
    background: white;
    min-width: 200px;
}

.grok-prop-panel .type-ahead-drop-down {
    max-height: 500px;
}


.type-ahead-drop-down table {
    padding: 5px;
    cursor: default;
    background-color: #ffffff;
}


.type-ahead-drop-down td {
    padding: 5px;
    cursor: pointer;
    pointer-events: all!important;
}

.type-ahead-drop-down tr:hover {
    background-color: #f2f2f5;
}

.type-ahead-tags{
}
.type-ahead-tag {
    border: solid;
    border-width: 1px;
    border-color: #dbdcdf;
    margin: 5px;
    padding:5px;
    display: inline-block;
    background-color: #f2f2f5;
}

.type-ahead-input {
    border: solid;
    border-width: 1px;
    border-color: #dbdcdf;
    width: 100%;
    display: inline-block;
    outline: none;
}

.d4-user-selector-area {
    display: inline-flex;
    width: 400px;
    flex-grow: 1;
    margin-right: 0;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
}

.d4-user-selector-drop-down-fixed {
    position: fixed;
    z-index: 6000;
    width: 100%;
}

.d4-user-selector-drop-down-rel {
    position: relative;
    z-index: 6000;
    width: 100%;
}

.d4-user-selector-drop-down {
    border: solid;
    border-width: 1px;
    border-color: #dbdcdf;
    position:absolute;
    max-height:200px;
    overflow-y: scroll;
    z-index:3500;
    width:500px;
    background-color: white;
}

.d4-user-selector-drop-down table {
    cursor: default;
    background-color: #ffffff;
}

.d4-user-selector-drop-down td {
    cursor: default;
}

.d4-user-selector-drop-down tr.hover {
    background-color: var(--grey-2);
}

.d4-user-selector-users {
    display: flex;
    flex-wrap: wrap;
    max-height: 300px;
    align-items: center;
    gap: 4px;
}

.d4-user-selector-user {
    height: 28px;
    /* cursor: default; */
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.d4-user-selector-user > .d4-user-selector-alert i {
    color: var(--red-3);
    margin: 0 6px;
}

.d4-user-selector-user-row > .d4-user-selector-alert {
    color: var(--red-3);
    margin: 0 6px;
    display: inline-block;
}

.d4-user-selector-user i.fa-times {
    color: var(--grey-3);
    order: 999;
}

.d4-user-selector-user i.fa-times:hover {
    color: var(--grey-4)
}


.d4-user-selector-user-hover {
    border: solid;
    border-width: 1px;
    border-color: #dbdcdf;
    margin: 5px;
    padding:5px;
    cursor: default;
    display: inline-block;
    background-color: #dbdcdf;
}

.d4-user-selector-user-row {
    cursor: default;
    display: inline-block;
    padding: 6px;
}

.d4-user-selector-user-row .ui-input-root > select.ui-input-editor {
    width: initial !important;
}

.d4-user-selector-user .grok-icon-group,
.d4-user-selector-user .grok-icon-user {
    width: 24px;
    height: 24px;
    font-size: 10px;
}

.d4-user-selector-user-row .grok-icon-group, .d4-user-selector-user-row > .grok-icon, .d4-user-selector-user-row > .grok-icon-user {
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    background-size: 100%;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
    background-color: var(--grey-1);
}

.d4-user-selector-user-name {
    margin-left: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.d4-user-selector-user-selected {
    background-color: #2083d5;
}

.d4-user-selector-input {
    width: 100%;
    display: inline-block;
    height: 28px;
}

.d4-user-selector-input-lookup {
    flex-grow: 1;
}.grok-permissions-action {
    display:inline-block;
    margin: 0!important;
}

.grok-permissions {
    max-width: 700px;
}

.grok-permissions .d4-flex-row {
    display: flex;
    align-items: flex-end;
}

.grok-permissions-action > select {
    width: initial!important;
}

.grok-permissions-existing .grok-wait,
.grok-permissions-existing .d4-user-selector-user-row {
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding: 0!important;
}

.grok-permissions-existing .d4-user-selector-user-row.grok-permissions-inherited,.grok-permissions-existing .d4-user-selector-user-row.grok-permissions-self {
    opacity: 0.5;
    pointer-events: none;
}

.grok-permissions-existing .d4-user-selector-user-row.grok-permissions-inherited.grok-permissions-self {
    display: none;
}

.grok-permissions-existing .d4-user-selector-user-row.grok-permissions-inherited .grok-permission-existing-action-delete {
    visibility: hidden;
}

.grok-permissions-existing .d4-user-selector-user-row.grok-permissions-inherited .ui-input-root > select.ui-input-editor {
    background-image: none;
}

.grok-permissions .ui-input-user {
    display: flex;
    flex-grow: 1;
    margin-bottom: 0!important;
    margin-right: 0!important;
}

.grok-permissions-existing .d4-user-selector-user-row:hover .grok-permission-existing-action-delete {
    visibility: visible;
}

.grok-permissions-existing {
    margin-top: 5px;
    min-height: 160px;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.grok-permissions-existing table td {
    margin: 0;
    padding: 0;
}

.d4-dialog:hover .grok-permissions-existing::-webkit-scrollbar-thumb {
    background-color: var(--grey-2);
}

.grok-permissions-existing .user-selector-user-image {
    cursor: pointer;
    width: 32px;
    height: 32px;
    font-size: 16px;
    display: inline-block;
    border-radius: 16px;
    background-size: 100%;
    background-color: #7990A5;
    color: #ffffff;
    text-align: center;
    line-height: 32px;
}

.grok-permissions-existing .d4-user-selector-user-name {
    display: inline-block;
    vertical-align: top;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
    margin-right: 10px;
}

.grok-permissions-message{
    margin-top: 5px;
    max-height: 300px;
    min-height: 160px;
    overflow-x: hidden;
    width:100%;
}

.grok-permissions-message textarea {
    resize: none;
    width:100%;
    border: none;
}

.grok-permissions-message textarea::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.grok-permissions-message textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.grok-permissions-message textarea::-webkit-scrollbar-thumb {
    background-color: #dbdcdf;
}


.grok-permissions-existing-action {
    display: inline-block;
    line-height: 32px;
    /* float: right; */
    margin-right: 10px;
    margin-left: auto;
}

.grok-permissions-existing-action select {
    line-height: 32px;
    padding: 0;
    padding-left: 6px;
    height: 32px;
    margin: 0;
    border:none!important;
    background-color: transparent;
    color: #717581;
}

.grok-permission-existing-action-delete {
    /* visibility: hidden; */
    order: 100;
    width: 28px!important;
    color: #B8BAC0!important;
    margin: 0!important;
}

.grok-permission-existing-action-delete:hover {
    color: #4D5261;
}

.d4-table.memberships {
    width: 100%;
}

.membership-add-row button {
    visibility: visible;
}

.membership-add-row:hover button {
    background: #2083d5;
    color: #ffffff;
    box-shadow: 0 1px 10px 0 #dedddc;
    font-weight: normal;
}

.membership-row:hover button {
    visibility: visible;
    align-self: center;
}

.membership-row {
    display: flex;
    align-items: center;
}
.membership-add-row {
    display: flex;
    align-items: center;
}

.membership-row .membership-row-admin {
    display: flex;
    flex-direction: row-reverse;
    margin: 0;
    margin-left: auto;
    margin-right: 10px;
    cursor: pointer;
}

.membership-row .membership-row-admin input[type="checkbox"] {
    position: relative;
    left: -0.5rem;
    margin: 0;
}

.membership-add-row .membership-row-admin {
    opacity: 0;
}

.permissions-add-button {
    float:right;
}

.grok-permission-notifications {
    display: flex;
    align-items: center;
}

.grok-permission-notifications label {
    display: flex!important;
    align-items: center;
    width: initial!important;
    padding: 0!important;
    margin-right: 8px!important;
}

.grok-permission-notifications label input {
    margin-right: 6px;
}

.grok-permissions-also {
    max-height: 100px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.grok-permissions-also > span {
    margin-left: 8px;
}

.grok-permissions-also > label {
    margin-top:16px;
    margin-bottom: 8px;
}

.grok-pane-platform_permissions input.d4-user-selector-input::placeholder {
    color: transparent;
}

.grok-pane-platform_permissions .ui-input-root:hover input.d4-user-selector-input::placeholder {
    color: var(--grey-3);
}

.grok-permissions-inherited span {
    color: var(--grey-3)!important;
    pointer-events: all;
}

/* Membership/permissions editor inside dialogs: fill available space with scrollable list */
.d4-dialog-contents .grok-permissions {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.d4-dialog-contents .grok-permissions > .d4-user-selector-area {
    flex-grow: 0;
    flex-shrink: 0;
}

.d4-dialog-contents .grok-permissions-existing {
    flex: 1;
    min-height: 0;
}
.grok-sticky-meta-schema-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.grok-sticky-meta-editor-actions {
    float: right;
    align-items: center;
    visibility: hidden;
}

.grok-sticky-meta-editor-actions i {
    margin-left: 10px;
}

.grok-sticky-meta-add-column {
    visibility: hidden;
}

.grok-sticky-meta-add-column-container:hover .grok-sticky-meta-add-column {
    visibility: visible;
}

.grok-sticky-meta-add-column-container:hover .grok-sticky-meta-editor-actions {
    visibility: visible;
}

.grok-batch-edit .property-grid-item-name-text::before {
    content: "\f111";
    color: #719CAA;
    font-family: FontAwesome;
    margin-right: 4px;
    font-size: 8px;
}

.grok-sticky-meta-types-selector .property-grid-item-name-text {
    position: relative;
}.grok-ds.grok-icon {
        background: url('/images/connectors/sprite.png') no-repeat top left;
        width: 16px;
        height: 16px;
        background-size: 16px;
}

.grok-ds.grok-ds-sqlite {
        background-position: 0 0;
}
.grok-ds.grok-ds-square {
        background-position: 0 -16px;
}
.grok-ds.grok-ds-teradata {
        background-position: 0 -32px;
}
.grok-ds.grok-ds-twitter {
        background-position: 0 -48px;
}
.grok-ds.grok-ds-vertica {
        background-position: 0 -64px;
}
.grok-ds.grok-ds-access {
        background-position: 0 -80px;
}
.grok-ds.grok-ds-athena {
        background-position: 0 -96px;
}
.grok-ds.grok-ds-aws {
        background-position: 0 -112px;
}
.grok-ds.grok-ds-azureblob {
        background-position: 0 -128px;
}
.grok-ds.grok-ds-bigquery {
        background-position: 0 -144px;
}
.grok-ds.grok-ds-cassandra {
        background-position: 0 -160px;
}
.grok-ds.grok-ds-clickhouse {
        background-position: 0 -176px;
}
.grok-ds.grok-ds-coreweave {
        background-position: 0 -192px;
}
.grok-ds.grok-ds-csv {
        background-position: 0 -208px;
}
.grok-ds.grok-ds-db2 {
        background-position: 0 -224px;
}
.grok-ds.grok-ds-denodo {
        background-position: 0 -240px;
}
.grok-ds.grok-ds-dropbox {
        background-position: 0 -256px;
}
.grok-ds.grok-ds-dynamodb {
        background-position: 0 -272px;
}
.grok-ds.grok-ds-files {
        background-position: 0 -288px;
}
.grok-ds.grok-ds-firebird {
        background-position: 0 -304px;
}
.grok-ds.grok-ds-git {
        background-position: 0 -320px;
}
.grok-ds.grok-ds-github {
        background-position: 0 -336px;
}
.grok-ds.grok-ds-googlecloud {
        background-position: 0 -352px;
}
.grok-ds.grok-ds-hbase {
        background-position: 0 -368px;
}
.grok-ds.grok-ds-hive {
        background-position: 0 -384px;
}
.grok-ds.grok-ds-hive2 {
        background-position: 0 -400px;
}
.grok-ds.grok-ds-impala {
        background-position: 0 -416px;
}
.grok-ds.grok-ds-json {
        background-position: 0 -432px;
}
.grok-ds.grok-ds-mariadb {
        background-position: 0 -448px;
}
.grok-ds.grok-ds-mlflow {
        background-position: 0 -464px;
}
.grok-ds.grok-ds-mongodb {
        background-position: 0 -480px;
}
.grok-ds.grok-ds-mssql {
        background-position: 0 -496px;
}
.grok-ds.grok-ds-mysql {
        background-position: 0 -512px;
}
.grok-ds.grok-ds-neo4j {
        background-position: 0 -528px;
}
.grok-ds.grok-ds-neptune {
        background-position: 0 -544px;
}
.grok-ds.grok-ds-odata {
        background-position: 0 -560px;
}
.grok-ds.grok-ds-odbc {
        background-position: 0 -576px;
}
.grok-ds.grok-ds-oracle {
        background-position: 0 -592px;
}
.grok-ds.grok-ds-pi {
        background-position: 0 -608px;
}
.grok-ds.grok-ds-postgres {
        background-position: 0 -624px;
}
.grok-ds.grok-ds-postgresdart {
        background-position: 0 -640px;
}
.grok-ds.grok-ds-postgresnet {
        background-position: 0 -656px;
}
.grok-ds.grok-ds-postgresql {
        background-position: 0 -672px;
}
.grok-ds.grok-ds-redshift {
        background-position: 0 -688px;
}
.grok-ds.grok-ds-s3 {
        background-position: 0 -704px;
}
.grok-ds.grok-ds-saphana {
        background-position: 0 -720px;
}
.grok-ds.grok-ds-sharepoint {
        background-position: 0 -736px;
}
.grok-ds.grok-ds-snowflake {
        background-position: 0 -752px;
}
.grok-ds.grok-ds-socrata {
        background-position: 0 -768px;
}
.grok-ds.grok-ds-sparql {
        background-position: 0 -784px;
}
.grok-ds.grok-ds-databricks {
        background-position: 0 -800px;
}
.grok-ds.grok-ds-amazonefs {
        background-position: 0 -816px;
}
.grok-ds.grok-ds-gcp {
        background-position: 0 -832px;
}
.d4-column-selector-caption:not(:empty) {
    color: #dbdcdf;
    margin-right: 5px;
}

.d4-aggr-selector-caption {
    position: absolute;
    pointer-events: none;
    color: var(--grey-2);
    padding-left: 26px;
    padding-top: 1px;
    font-size: 12px;
}

.d4-column-selector-column {
    max-width: 20em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.d4-column-selector-triangle {
    font-size: 16px;
}

.d4-column-selector-triangle::after {
    transition: all 0.1s;
    content: "\e904";
    top: 2px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.d4-column-selector-cross .d4-column-selector-triangle::after {
    padding-left: 3px;
    cursor: pointer;
    content: "+";
    font-size: 18px;
    color: #2083d5;
    top: initial;
}

.d4-viewer canvas {
    margin: 0!important;
}

.d4-column-selector {
    outline: none;
    flex-wrap: nowrap;
    cursor: default;
    display: inline-flex;
    align-items: center;
}

.d4-column-selector-search {
    position: absolute;
    top: -21px;
    width: 300px;
    height: 20px;
    border: 1px solid var(--grey-6);
    display: inline-flex;
    background-color: white;
}

.d4-column-selector-search::before {
    content: '\f002';
    font-family: 'Font Awesome 5 Pro';
    font-weight: lighter;
    color: var(--grey-4);
    width:12px;
    height: 20px;
    padding: 2px;
}

.d4-column-selector-search-input {
    width: 100%;
    border: none;
    height: 20px;
    padding-left: 16px;
    margin: 0;
    padding: 2px;
    box-sizing: border-box;
    outline: none;
}

.d4-column-selector-aggregation {
    border: 0 solid #b8bac0;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 20px !important;
    height: initial;
    background-size: 16px;
    background-position-y: 55%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-image: url(/images/chevron.svg);
    border-radius: 0;
}

.d4-column-selector .d4-column-selector-aggregation {
    margin-top: -1px;
}

.d4-column-selector .d4-combo-box-column-selector-aggregation {
    outline: none;
    text-align: left;
    text-align-last: right;
    margin-right: 10px;
    padding-left: 4px;
}

.d4-column-selector .d4-combo-box-column-selector-aggregation option {
    font-size: 12px;
}
.d4-viewers-host {

}.d4-line-chart-selectors-legend {
    position: absolute;
    pointer-events: none;
    display: flex;
    flex-direction: column;
}

.d4-line-chart-selectors-legend-bg > div {
  pointer-events: all;
}

.d4-line-chart-selectors-legend-bg {
  padding: 3px 0px 3px 12px;
  background-color: rgba(255, 255, 255, 0.8);
  overflow-x: scroll;
  max-width: 85%;
}

.d4-line-chart-selectors-legend.left-top {
  align-items: flex-start;
  justify-content: flex-start;
}

.d4-line-chart-selectors-legend.left-center {
  align-items: flex-start;
  justify-content: center;
}

.d4-line-chart-selectors-legend.left-bottom {
  align-items: flex-start;
  justify-content: flex-end;
}

.d4-line-chart-selectors-legend.center-top {
  align-items: center;
  justify-content: flex-start;
}

.d4-line-chart-selectors-legend.center-center {
  align-items: center;
  justify-content: center;
}

.d4-line-chart-selectors-legend.center-bottom {
  align-items: center;
  justify-content: flex-end;
}

.d4-line-chart-selectors-legend.right-top {
  align-items: flex-end;
  justify-content: flex-start;
}

.d4-line-chart-selectors-legend.right-center {
  align-items: flex-end;
  justify-content: center;
}

.d4-line-chart-selectors-legend.right-bottom {
  align-items: flex-end;
  justify-content: flex-end;
}

.d4-line-chart-y-selector {
    appearance: none;
    font-size: smaller;
    pointer-events: auto;
    outline:none;
    margin-top: 3px;
    margin-right: 5px;
}

.d4-line-chart-y-selector option {
    font-size: 12px;
}

.d4-line-chart-split-selector {
    position: absolute;
    top: 2px;
    left: 10px;
}

.d4-line-chart-x-selector {
    color: #4d5261;
}

select.d4-line-chart-y-selector {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 20px !important;
    height: initial;
    background-size: 0px;
    background-position-y: 55%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-image: url(/images/chevron.svg);
    border-radius: 0;
}

select.d4-line-chart-split-selector {
    position: absolute;
    top: 2px;
    left: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 20px !important;
    height: initial;
    background-size: 16px;
    background-position-y: 55%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-image: url(/images/chevron.svg);
    border-radius: 0;
}

select.d4-line-chart-x-selector {
    color: #4d5261;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 20px !important;
    height: initial;
    background-size: 16px;
    background-position-y: 55%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-image: url(/images/chevron.svg);
    border-radius: 0;
}

.d4-line-chart-aggr-type-selector-container {
    position: absolute;
    /* display: inline-block; */
    z-index: 1;
    top: 11px;
    left: 5px;
    padding-left: 10px;
}

.d4-line-chart-aggr-type-selector-container label {
    /* font-size: 10px;
    color: #dbdcdf; */
    padding-top: -1px;
}

.d4-line-chart-aggr-type-selector {
    outline: none;
    text-align: left;
    text-align-last: right;
    margin-right: 10px;
    padding-left: 4px;
  }

.d4-line-chart-aggr-type-selector option {
    font-size: 12px;
}.d4-tile-viewer-form {
    padding: 10px;
    font-weight: lighter;
}

canvas.d4-selected,
div.d4-selected,
.d4-tile-viewer-form.d4-selected {
    background: #F2F2DC;
}

.d4-tile-viewer-form td:nth-child(1) {

}

.d4-tile-viewer-form td:nth-child(2) {
    padding-left: 10px;
}

.d4-tile-viewer-form-header {
    font-weight: bold;
    margin-bottom: 5px;
}

.d4-tile-viewer-form {
    border: 1px solid var(--grey-1);
}

.d4-tile-viewer-lanes-host {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
}

.d4-tile-viewer-lane {
    display: flex;
    flex-direction: column;
}

.d4-tile-viewer-lane-header {
    font: bold 13px Roboto, Roboto Local;
    color: var(--blue-1);
    padding: 5px;
    text-align: center;
}

.d4-tile-viewer-lane-content {
    flex-grow: 1;
    flex-direction: column;
    height: initial;
}

/** Only one lane occupying all screen (just like old tile viewer with no lanes) */
.d4-tile-viewer-lane-single {
    flex-grow: 1;
}

.d4-tile-viewer-lane-multi {
    flex: 1;
}

.d4-tile-viewer-lane-single .d4-tile-viewer-lane-header {
    display: none;
}

.d4-tile-viewer-lane-content:hover::-webkit-scrollbar-thumb {
    background-color: var(--grey-2);
}

.d4-tile-viewer .d4-sketch {
    background-color: initial !important;
}/*  */
.d4-drop-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #7990a5;
    opacity: 0.8;
}

.d4-drop-overlay-hint {
    color: #ffffff;
    font: 20px  Arial;
}

.d4-filter-group-header {
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
}

.d4-filter-group-header > .d4-flex-row {
    align-items: center;
}

.d4-filter-group-header > .d4-flex-row > .d4-flex-row:last-child {
  margin-left: auto;
}

.d4-filter-header div.ui-input-root.ui-input-bool,
.d4-filter-group-header div.ui-input-root.ui-input-bool {
    padding: 0;
    height: 14px;
    /*width: 16px;*/
    align-items: baseline;
}

.d4-filter-group-header div.ui-input-root.ui-input-bool input.ui-input-editor,
.d4-filter-header div.ui-input-root.ui-input-bool input.ui-input-editor {
    height: 14px;
    width: 14px;
    min-width: 14px;
    margin: 0;
}

.d4-filter-group-header-greyed-out div.ui-input-root.ui-input-bool {
    opacity: 0.8;
}

.d4-filter-group-header-greyed-out div.ui-input-root.ui-input-bool:hover {
    opacity: 1;
}

/*.d4-filter-group-header > .d4-flex-row:last-child*/

/* Inner filter element */
.d4-filter-element {
    position: relative;
}

/* show-header property */
.d4-filter-group[show-header="false"] .d4-filter-group-header {
    display: none;
}

.d4-flex-col.ui-div.d4-filter-element .ui-box {
    width: 100%;
}

.d4-filter {
    min-width: 200px;
    max-width: 400px;
    margin: 0 8px;
    margin-bottom: 18px;
    flex-grow: 1;
    flex-basis: 0;
}

.d4-filter-group .d4-search-input {
    margin-top: 8px;
    margin-bottom: 4px;
    height: 24px;
    /* border: 1px solid var(--grey-2); */
    border: none;
    outline: none;
    width: 100%;
    padding: 4px 0px;
    border-bottom: 1px solid lightgray;
}

.d4-filter-group[show-search-box=false] .d4-filter .d4-search-input {
    display: none;
}

.panel-content > .ui-box.d4-filter-group {
    overflow: hidden;
}

.d4-filter-group {
    display: flex;
    overflow-y: hidden;
    flex-direction: column;
}

.d4-filter-group-wrapper {
    overflow: auto;
    flex-grow: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
}

.d4-filter-header {
    align-items: center;
}

.d4-filter-header > .d4-flex-row {
    align-items: center;
    margin-left: auto;
    display: none;
}

.d4-filter:hover > .d4-filter-header > .d4-flex-row {
    display: flex;
}

.d4-filter-group .fal {
    margin: 0;
    width: 20px;
    text-align: center;
    color: var(--grey-4);
    align-items: center;
    display: flex;
    justify-content: center;
}

.d4-filter-group-header-greyed-out .fal {
    color: var(--grey-3);
}

.d4-filter-group .fal:hover {
    color: var(--grey-6);
}

.d4-filter-group .fal:last-child {
    margin-right: -3px;
}

.d4-filter-column-name {
    font-weight: bold;
    margin-right: 10px;
    line-height: 17px;
}

.d4-filter-column-groups {
    margin-bottom: 8px;
}

.d4-filter-column-groups .d4-tree-view-node {
    margin-left: 4px;
}

.d4-filter-histogram {
    margin-top: 12px;
    height: 70px;
}

/** Number of selected categories, number of active filters, etc */
.d4-filter-indicator {
    border: 1px solid #0E61AF;
    border-radius: 3px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    box-sizing: border-box;
    min-width: 16px;
    margin: -1px;
    box-sizing: border-box;
    margin-right: 6px;
}

.d4-filter-indicator:hover {
    background-color: #0D60AF;
    color: #F5F9FB;
}

.d4-filter-collapsed .d4-filter-indicator {
    color: initial;
    background: initial;
}

.d4-filter-disabled {
    filter: grayscale(100%);
    opacity: 0.6;
}

.d4-filter-disabled .d4-filter-header {
    color: gray;
}

/*.d4-filter-disabled-cover {*/
/*    position: absolute;*/
/*    z-index: 99;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*}*/

.d4-filter-input {
    position: absolute;
    bottom: 5px;
    width: 78px;
    height: 24px!important;
}

.d4-filter-input-min {
    left: 10px;
}

.d4-filter-input-max {
    right: 25px;
}

.d4-filter-out-missing-values {
    position: absolute;
    bottom: 25px;
    left: 7px;
}

.d4-filter-group .d4-filter-out-missing-values {
    bottom: 12px !important;
    right: 4px;
    left: unset;
}

.d4-filter-histogram.d4-no-histogram {
    height: 40px;
}

.d4-filter-categorical {
    width: 100% !important;
    float: left;
}

.d4-free-text-filter {
    width: 200px;
    display: inline-block;
}

.d4-#4d5261-border {
    border: 1px #4d5261 solid;
}

.d4-#717581-border {
    border: 1px #717581 solid;
}

.d4-free-text-filter-box {
    width: 10px;
    height: 20px;
    float: left;
    margin: 1px;
    cursor: pointer;
}

.d4-free-text-filter-input {
    margin-left: 34px;
}

.d4-invalid {
    color: #eb6767;
    border-color: #eb6767 !important;
}

.d4-partially-invalid {
    color: #ffa24a;
    border-color: #ffa24a !important;
}

.d4-expression-filter label {
    width: unset !important;
    min-width: 60px !important;
}

.d4-expression-filter .ui-input-root select {
    width: 100% !important;
}

.d4-hierarchical-filter-caption-label {
    width: 100%;
    margin-left: 2px !important;
    position: relative;
    justify-content: space-between;
}

.d4-hierarchical-filter-caption-label > .d4-hierarchical-filter-caption-value {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 0 1 auto;
    z-index: 1;
}

.d4-viewer.d4-filters .d4-tree-view-node .d4-hierarchical-filter-caption-label.d4-tree-view-group-label {
    border: none !important;
}

.d4-hierarchical-filter-caption-label > .d4-hierarchical-filter-caption-count {
    flex: 0 0 auto;
    white-space: nowrap;
    margin-left: 5px;
    padding-right: 4px;
    z-index: 1;
    color: #D3D3D3;
    font-weight: 400;
}

.d4-hierarchical-filter-indicator {
    width: 5px;
    height: 5px;
    min-width: 5px;
    min-height: 5px;
    background: transparent;
    border-radius: 50%;
}

.d4-hierarchical-filter-indicator.d4-hierarchical-filter-current {
    background: var(--green-2);
}

.d4-hierarchical-filter-indicator.d4-hierarchical-filter-mouseover {
    background: var(--grey-4);
}

.d4-hierarchical-filter-checkbox {
    opacity: 0;
    cursor: pointer;
}

.d4-hierarchical-filter-checkbox-container {
    position: relative;
}

.d4-hierarchical-filter-checkbox-substitute {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 100;
    font-size: 14px;
    color: var(--grey-2);
    text-align: left;
    position: absolute;
    left: 0;
    width: 13px;
    height: 13px;
    line-height: 14px;
    top: 50%;
    transform: translateY(-50%);
}


.d4-hierarchical-filter-caption-selection-bar,
.d4-hierarchical-filter-caption-mouseover-group-bar,
.d4-hierarchical-filter-caption-count-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 0;
}

.d4-hierarchical-filter-caption-selection-bar {
    background: #ff8c001e;
}

.d4-hierarchical-filter-caption-mouseover-group-bar {
    background: #add8e678;
}

.d4-hierarchical-filter-caption-count-bar {
    background: #add8e65a;
}

.d4-text-filter .grok-loader {
    width: 100%;
    height: 100%;
    transform: translateX(50%) translateY(50%);
}

.d4-filter-summary {
    margin-top: 4px;
}.d4-histogram-canvas {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 10px;
}.d4-trellis-plot { }

.d4-trellis-plot .d4-columns-host select {
    border-width: 0px 0px 1px 0px;
    margin-left: 5px;
    max-width: 150px;
}

.d4-trellis-plot .d4-combo-popup {
    margin: 5px 10px 5px 5px;
    min-width: 38px;
    height: 24px;
}

.d4-trellis-plot-cell {
    position: relative;
}

.d4-trellis-cell-current {
    outline: solid 2px var(--grey-4)!important;
    z-index: 100;
}

.d4-trellis-plot-charts-grid {
    position: relative;
}

.d4-trellis-plot-charts-grid:focus-visible {
    outline: none!important;
}

.d4-trellis-plot-charts-grid .d4-trellis-plot-cell {
    box-shadow: -1px -1px 0px 0px rgb(211, 211, 211);
}

.d4-trellis-plot .d4-combo-popup {
    padding:2px;
}
.d4-trellis-plot .d4-combo-popup.d4-combo-popup-expanded {
    margin-left: 5px;
    margin-right: 10px;
    padding: 2px;
    flex-grow: 0;
}
.d4-trellis-plot .d4-combo-popup-expanded .d4-combo-drop-down {
    top: 26px;
    min-width: 127px;
}

.d4-trellis-plot-props-host {
    display: flex;
}

.d4-trellis-plot-props-host .property-grid {
    overflow: hidden;
    margin-top: 0px;
}

.d4-trellis-plot-props-host .property-grid-base {
    min-width: 150px;
    margin-bottom: 6px;
    overflow: hidden;
}

.d4-trellis-plot-props-host .property-grid-multi-column-editor {
    min-width: 80px;
}

.d4-trellis-plot-props-host .property-grid-slider-slider {
    display: none;
}


.d4-trellis-plot-add-remove-cat-icons-vert {
    opacity: 0;
    display: flex;
    justify-content: center;
}

.d4-trellis-plot-add-remove-cat-parent-div:hover .d4-trellis-plot-add-remove-cat-icons-horz {
    opacity: 1;
}

.d4-trellis-plot-add-remove-cat-parent-div:hover .d4-trellis-plot-add-remove-cat-icons-vert {
    opacity: 1;
}

.d4-trellis-plot-cat-horz:hover ~ * .d4-trellis-plot-add-remove-cat-icons-horz {
    opacity: 1;
}

.d4-trellis-plot-cat-vert:hover ~ * .d4-trellis-plot-add-remove-cat-icons-vert {
    opacity: 1;
}

.d4-trellis-plot-cat-item-horz:hover ~ * .d4-trellis-plot-add-remove-cat-icons-horz {
    opacity: 1;
}

.d4-trellis-plot-cat-item-vert:hover ~ * .d4-trellis-plot-add-remove-cat-icons-vert {
    opacity: 1;
}

.d4-trellis-plot-add-remove-cat-icons-horz {
    opacity: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

.d4-trellis-plot-add-remove-cat-icon {
    font-size: 13px;
    color: #2083d5;
    font-weight: 500;
}

.d4-trellis-plot-add-cat-icon {
    margin-left: 2px;
}

.d4-trellis-plot-remove-cat-icon {
    margin-left: 0px;
}

.d4-trellis-plot-cat-icon-disabled {
    pointer-events: none;
    cursor: default;
    color: var(--grey-4);
}

.d4-trellis-axis-active {
    stroke: var(--warm-grey-4) !important;
    z-index: 100;
}
.d4-card {
    width: 200px;
    height: 65px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.d4-card #caption {
    font-size: 15px;
    font-weight: bold;
    color: #717581;
}

.d4-card #value {
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
}
.d4-viewer-description {
    line-height: normal;
}

.d4-viewer-title {
    position: relative;
}

.d4-viewer-title textarea {
    outline: none;
    border: none;
    text-align: center;
    resize: none;
    width: 100%;
    font-size: 1.2rem;
    font-family:  'Roboto', 'Roboto Local', sans-serif;
}

.ui-items-grid > .ui-input-text > .d4-flex-row > .ui-input-color-input {
    display: none;
}

.ui-items-grid > .ui-input-text > .ui-input-color-input {
    display: none;
}

.d4-items-grid {
    display: grid;
    height: fit-content;
}

.d4-items-grid .ui-input-color-input {
    display: none;
}

.d4-items-grid-column-header {
    margin: 5px;
    font-weight: bolder;
}

.ui-input-text {}

.ui-download-image {
    position: relative;
    font-size: 40px;
    color: var(--grey-6);
}

.ui-download-image img {
    width: 300px;
    height: 200px;
    -webkit-transition: 400ms ease 100ms;
    -moz-transition: 400ms ease 100ms;
    transition: 400ms ease-in 100ms;
}

.ui-download-image:hover > *:not(i){
    filter: blur(2px);
}

.ui-download-image i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ui-input-image {}

.ui-input-image img {
    width: 300px;
    height: 200px;
}

/** "Remove" link */
.ui-input-image label.d4-remove-link {
    position: absolute;
    right: 10px;
    top: 10px;
}

/** Undo the usual monospace font in text areas */
.ui-input-root textarea {
    font-family: 'Roboto', 'Roboto Local', sans-serif;
    font-size: 13px;
    padding-top: 6px !important;
}

.dlg-report-an-error textarea {
    min-width: 80px;
}

.dlg-report-an-error.ui-form .ui-input-root {
    max-width: initial !important;
}

.d4-image-thumbnail {
    position: relative;
    cursor: pointer;
    color: var(--grey-4);
}

.d4-image-thumbnail:hover {
    color: black;
}

.d4-image-thumbnail::after {
    content: "\f144";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    font-size: 36px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
input[type=range] {
    -webkit-appearance: none;
    height: 18px;
    background-color: transparent;
    /*width: 100%;*/
    /*margin: 9px 0;*/
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    top: 50%;
    cursor: pointer;
    /*box-shadow: 0px 0px 0px #4d5261, 0px 0px 0px #4d5261;*/
    /*background: #7990a5;*/
    background: #f2f2f5/*#676d81*/;
    /*border-radius: 1px;*/
    /*border: 0.1px solid #4d5261;*/
}

input[type=range]::-webkit-slider-thumb {
    /*box-shadow: 0px 0px 4.6px #4d5261, 0px 0px 0px #4d5261;*/
    border: none; /*1px solid #4d5261;*/
    height: 12px;
    width: 12px;
    border-radius: 13px;
    background: #2083d5;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #dbdcdf;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 0px;
    cursor: pointer;
    box-shadow: 0px 0px 0px #4d5261, 0px 0px 0px #4d5261;
    background: #7990a5;
    border-radius: 0px;
    border: 0.1px solid #4d5261;
}

input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 4.6px #4d5261, 0px 0px 0px #4d5261;
    border: 1px solid #4d5261;
    height: 9px;
    width: 10px;
    border-radius: 13px;
    background: #ffffff;
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 0px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #7990a5;
    border: 1px solid #4d5261;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #4d5261, 0px 0px 0px #4d5261;
}

input[type=range]::-ms-fill-upper {
    background: #7990a5;
    border: 1px solid #4d5261;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #4d5261, 0px 0px 0px #4d5261;
}

input[type=range]::-ms-thumb {
    box-shadow: 0px 0px 4.6px #4d5261, 0px 0px 0px #4d5261;
    border: 1px solid #4d5261;
    height: 9px;
    width: 10px;
    border-radius: 13px;
    background: #ffffff;
    cursor: pointer;
    height: 0px;
}

/*input[type=range]:focus::-ms-fill-lower {*/
    /*background: #7990a5;*/
/*}*/

/*input[type=range]:focus::-ms-fill-upper {*/
    /*background: #367ebd;*/
/*}*/.d4-tree-view {
    user-select: none;
}

.d4-tree-view-dimmed {
    color: #dbdcdf;
}

.d4-tree-view-bold > .d4-tree-view-node, .d4-tree-view-bold.d4-tree-view-item{
    font-weight: bold;
}

.d4-tree-view-node {
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 8px;
}

.d4-tree-view-node .grok-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    cursor: default;
    position: relative;
}

.d4-tree-view-node .grok-icon:hover {
    cursor: default;
    -webkit-filter: none;
}

.d4-tree-view-list-more:hover, .d4-tree-view-list-more {
    background-color: initial!important;
    margin-bottom: 12px
}

.d4-tree-view-list-more i {
    width: initial!important;
    height: initial!important;
    cursor: pointer!important;
}

.d4-tree-view-node .grok-icon.fal,
.d4-tree-view-node .grok-icon.far,
.d4-tree-view-node .grok-icon.fab,
.d4-tree-view-node .grok-icon.fas {
    margin-top: 4px;
    text-align: center;
}

.d4-tree-view-node:hover {
    background-color: #f2f2f5;
    filter: none !important;
    -webkit-filter: none !important;
}

.d4-tree-view-item {
    margin-left: 20px;
    padding-left: 4px;
}

.d4-tree-view-group {
    align-self: flex-start;
    flex-direction: column;
    display: flex;
}

.d4-tree-view-group-label, .d4-tree-view-item-label {
    flex-shrink: 1;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: default;
}

.d4-tree-view-group-label > span {
    display: flex;
    align-items: center;
}

.d4-tree-view-group-host .d4-tree-view-group-host {
    margin-left: 20px;
}

.d4-tree-view-group-host {
    display: flex;
    flex-direction: column;
}

i +.d4-tree-view-group-label, i + .d4-tree-view-item-label {
    margin-left: 6px;
}

.d4-tree-view-tri {
    transition: all 0.1s;
    cursor: pointer;
    width: 24px;
    transform: rotate(-90deg);
    height: 24px;
    flex-shrink: 0;
    background-size: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/images/chevron.svg');
}


.d4-tree-view-tri.d4-tree-view-tri-expanded{
    transform: rotate(0deg);
}

.d4-tree-view-loader {
    margin-right:6px;
    height: 22px;
}

.d4-tree-view-root {
    tab-index: 0;
    outline: 0;
    max-width: 100%;
    overflow-y: auto;
    cursor: default;
    -webkit-user-select: none;
    color: #4d5261;
}

.d4-tree-view-node-selected {
    background-color: #f2f2f5;
    filter: none !important;
    -webkit-filter: none !important;
}

.d4-toolbar .d4-tree-view-group-host .d4-tree-view-group-host {
    margin-left: 6px;
}

.d4-toolbar .d4-tree-view-group-host {
    width: 100%;
}

.d4-toolbar .d4-tree-view-node-selected {
    background-color: var(--warm-grey-2);
}

.d4-toolbar .d4-tree-view-node:hover {
    background-color: var(--warm-grey-2);
}

.d4-toolbar .d4-tree-view-group {
    width: 100%;
    cursor: pointer;
}

.d4-toolbar .d4-tree-large .d4-tree-view-node {
    height: 32px;
}


.d4-tree-view-root.d4-tree-view-lines .d4-tree-view-group, .d4-tree-view-node, .d4-tree-view-group-host {
    position: relative;
}

.d4-tree-view-root.d4-tree-view-lines .d4-tree-view-node::before {
    content: " ";
    background-color: var(--grey-2);
    position: absolute;
    top: 50%;
    left: -8px;
    width: 8px;
    height: 1px;
}

.d4-tree-view-root.d4-tree-view-lines .d4-tree-view-group-host:before {
    content: " ";
    background-color: var(--grey-2);
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    width: 1px;
}

.d4-tree-view-root.d4-tree-view-lines .d4-tree-view-group-host > .d4-tree-view-item.d4-tree-view-node:last-child::after {
    content: " ";
    background-color: white;
    left: -32px;
    top: 50%;
    bottom: 0;
    width: 10px;
    position: absolute;
    margin-top: 1px;
}

.d4-tree-view-root.d4-tree-view-lines .d4-tree-view-group-host > .d4-tree-view-group:last-child > .d4-tree-view-node::after {
    content: " ";
    background-color: white;
    left: -12px;
    top: 50%;
    bottom: 0;
    width: 10px;
    position: absolute;
    margin-top: 1px;
}

.d4-tree-view-root.d4-tree-view-lines .d4-tree-view-group-host > .d4-tree-view-group:last-child > .d4-tree-view-group-host::after {
    content: " ";
    background-color: white;
    width: 10px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: -32px;
}

.d4-tree-view-root.d4-tree-view-lines .d4-tree-view-item::before {
    left: -28px;
    width: 24px;
}

.d4-tree-view-root.d4-tree-view-sticky .d4-tree-view-group-host >.d4-tree-view-group > .d4-tree-view-node {
    position: initial;
    position: sticky;
}


.d4-tree-view-root.d4-tree-view-sticky .d4-tree-view-group-host >.d4-tree-view-group > .d4-tree-view-node:not(.d4-tree-view-node-selected):not(:hover) {
    background-color: white;
}

.d4-tree-view-root.d4-tree-view-sticky .d4-tree-view-group > .d4-tree-view-node:not(.d4-drop.d4-tree-drop) {
    top: calc(var(--depth) * 20px);
    z-index: calc(100 - var(--depth));
}.ui-input-font .ui-input-font-left {
    display: inline-flex;
    align-items: center;
    gap: 0;
}
.ui-input-font .ui-input-font-size-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0;
    position: relative;
    height: 18px;
}
.ui-input-font .ui-input-minus,
.ui-input-font .ui-input-plus,
.ui-input-font .ui-input-toggle {
    margin-left: 2px !important;
}
.ui-input-font .ui-input-font .ui-input-toggle {
    margin-left: 1px !important;
}
.ui-input-font .font-size-popup {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 32px;
    z-index: 4001;
    background: #ECEFF2;
    border: 1px solid #7990A5;
    border-radius: 3px;
    box-shadow: 0px 0px 2px #40607F;
    margin-top: 2px;
    padding: 3px 0 0 0;
    display: none;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: auto;
}
.ui-input-font .font-size-popup.open {
    display: block;
}

/* When dropdown is positioned above */
.ui-input-font .font-size-popup.above {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 2px;
}
.ui-input-font .font-size-popup .d4-list > div,
.ui-input-font .font-size-popup .d4-list .d4-list-item {
    outline: none;
    padding: 1px 4px;
    font-size: 11px;
    min-width: 32px;
    transition: background 0.15s ease;
    color: #40607f;
    cursor: pointer;
    user-select: none;
    line-height: 1.2;
    background-color: transparent;
}

/* Force hover styles to work */
.ui-input-font .font-size-popup .d4-list > div:hover,
.ui-input-font .font-size-popup .d4-list .d4-list-item:hover {
    background-color: rgb(32, 131, 213) !important;
    color: white !important;
    outline: 1px solid rgb(32, 131, 213) !important;
    transform: scale(1.02) !important;
}
.ui-input-font .font-size-popup .d4-list > div + div,
.ui-input-font .font-size-popup .d4-list .d4-list-item + .d4-list-item {
    border-top: 1px solid #f2f2f5;
}
.ui-input-font .font-size-popup .d4-list > div.active,
.ui-input-font .font-size-popup .d4-list .d4-list-item.active {
    background-color: #d4d4d4;
    color: #000;
}
.ui-input-font .ui-input-minus {
    order: 2 !important;
}
.ui-input-font .ui-input-plus {
    order: 3 !important;
}

.ui-input-font .ui-input-minus:hover,
.ui-input-font .ui-input-plus:hover {
    background-color: rgba(32, 131, 213, 0.15) !important;
}

.ui-input-font .ui-input-minus:active,
.ui-input-font .ui-input-plus:active {
    -webkit-filter: brightness(90%) contrast(90%) !important;
}

.ui-input-font .ui-input-toggle {
    visibility: visible;
    width: 14px;
    height: 14px;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    margin-left: 4px !important;
    padding: 0;
}

.ui-input-font .ui-input-toggle.active {
    background-color: #d4d4d4;
    color: #000;
    border-color: #d4d4d4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.ui-input-font .ui-input-toggle:hover:not(.active) {
    background-color: var(--grey-1);
    border-color: #7990A5;
}

.ui-input-font .ui-input-bold {
    font-weight: bold;
    order: 4;
}

.ui-input-font .ui-input-italic {
    font-style: italic;
    order: 5;
}

.ui-input-font .ui-input-italic {
    font-family: "Times New Roman", Georgia, serif;
    font-weight: 600;
    font-size: 13px;
}

.ui-input-font select.ui-input-editor {
    height: 18px;
    min-height: 18px;
    font-size: 11px;
    padding: 0 12px 0 3px;
    border-radius: 2px;
    margin-left: 4px;
    width: 80px;
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: static !important;
    z-index: auto !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2340607f' d='M0 2l4 4 4-4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
.ui-input-font select.ui-input-editor option {
    font-size: 11px;
}
.ui-input-font select.ui-input-editor::-ms-expand {
    display: none;
}
.ui-input-font select.ui-input-editor::-webkit-input-placeholder {
    color: #aaa;
}
.ui-input-font select.ui-input-editor {
    background-position: right 2px center;
    background-size: 8px 8px;
    padding-right: 12px;
}

.ui-input-font .d4-combo-drop-down .d4-list > div {
    padding: 1px 4px;
    font-size: 11px;
}

.d4-combo-popup:hover {
    background-color: var(--grey-1);
}

.d4-combo-popup {
    position: relative;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    border-color: #7990A5;
    min-width: 50px;
    padding: 0;
    cursor: pointer;
    margin: 8px 0;
}

.d4-combo-popup.d4-disabled::after {
    border-color: var(--grey-3) transparent transparent transparent;
}

.d4-combo-popup:not(.d4-property-color-scheme) > canvas {
    margin: 4px !important;
    height: 16px;
}

.d4-property-color-scheme {
    float: right;
    flex-grow: 0 !important;
    width: 60px !important;
    margin: 0 0 0 2px !important;
    padding: 0 2px !important;
}

.d4-property-color-scheme > canvas {
    margin: 0 !important;
    height: 10px;
}

.d4-property-color-scheme .d4-combo-drop-down {
    min-width: 65px !important;
}

.d4-property-color-scheme .d4-combo-drop-down canvas {
    height: 12px; 
}

.d4-property-color-scheme::before {
    bottom: -6px !important;
}

.d4-property-color-scheme .d4-combo-drop-down {
    top: 13px !important;
    left: -3px !important;
}

.d4-combo-popup .d4-combo-drop-down > .d4-list > div > canvas {
    margin: 4px;
}

.d4-combo-popup .d4-combo-popup-caption {
    margin-left: 7px;
    margin-right: 10px;
    color: #40607f;
}

.d4-combo-popup i {
    flex-shrink: 0;
}

.d4-combo-popup > .d4-combo-drop-down-fixed {
    position: fixed;
    align-self: baseline;
    z-index: 4001;
}

.d4-combo-popup.d4-combo-popup-expanded{
    box-shadow: 0px 0px 2px #40607F;
    z-index: 4000;
    border-radius: 0;
    background-color: #ECEFF2;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0;
    flex-grow: 1;
    margin-right: 2px;
    margin-left: -2px;
}

.d4-combo-popup.d4-combo-popup-expanded::before {
    content: ' ';
    bottom: -1px;
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    z-index: 4002;
    background-color: #ECEFF2;
}

.d4-combo-popup.d4-combo-popup-expanded:hover {
    background-color: #ECEFF2;
}

.d4-combo-popup .d4-combo-drop-down {
    position: absolute;
    left: -2px;
    top: 24px;
    box-shadow: 0px 0px 2px #40607F;
    z-index: 4000;
    background: #ECEFF2;
    padding-top: 3px;
    min-width: 110px;
}

.d4-combo-popup .d4-combo-drop-down .d4-list {
    max-height: 80vh;
}

.d4-combo-popup .d4-combo-drop-down i {
    flex-shrink: 0;
}

.d4-combo-popup .d4-combo-drop-down * {
    cursor: pointer;
}

.d4-combo-popup::after {
    content: ' ';
    margin:0 2px;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #40607f transparent transparent transparent;
}

.d4-combo-popup .d4-icon-text i {
    width: 36px;
    height: 36px;
}

.d4-combo-popup .d4-icon-text-small i {
    width: 24px;
    height: 24px;
}

.grok-datajob-view .d4-combo-popup > img,
.dlg-edit-data-job .d4-combo-popup > img {
    width: 32px;
    height: 32px;
}

.grok-datajob-view #main {
    flex-grow: 1;
}

.grok-info-bar {
  padding: 10px;
  color: #805125;
  background-color: #FDFFE5;
  overflow: hidden;
}

.grok-info-bar-container .fa-times {
  position: absolute;
  top: 10px;
  right: 20px;
}
.grok-info-bar-container {
  position: relative;
  margin-bottom: 10px;
}
.grok-info-bar-containerr .fa-times:hover {
  color: var(--warm-grey-3);
  cursor: pointer;
}
.grok-info-bar-container .fa-lightbulb-exclamation {
  position: absolute;
  display: none;
  top: 10px;
  right: 20px;
  z-index: 1;
  padding-bottom: 20px;
}
.grok-info-bar-container .fa-lightbulb-exclamation:hover {
  color: var(--warm-grey-3);
  cursor: pointer;
}

.d4-rangeslider-scroll-arrow {
    transition: visibility 0.5s ease;
    opacity: 0.7;
}

.d4-rangeslider-scroll-arrow:hover {
    opacity: 1;
}

.d4-pem-upload-button {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    font-size: 13px;
    color: #888;
    cursor: pointer;
    gap: 5px;
    background-color: white;
    user-select: none;
}

.d4-pem-upload-button .icon {
    font-size: 14px;
}
.d4-pem-upload-button:hover {
    border-color: #aaa;
    color: #444;
}
.ui-input-font .ui-input-editor.font-size-input {
    width: 27px;
    text-align: left;
    height: 16px;
    font-size: 11px;
    padding: 0 3px;
    line-height: 14px;
    border: 1px solid transparent;
    border-radius: 2px;
    appearance: none;
    outline: none;
    margin-right: 0;
    background: #fff;
    box-shadow: none;
}
.ui-input-font .ui-input-editor.font-size-input:focus {
    border-color: #7990A5;
    box-shadow: 0 0 2px #7990A5;
}
.ui-input-font .ui-input {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-height: 22px;
    height: 22px;
}
.ui-input-font .ui-input-font-size-wrap {
    height: 18px;
}
.font-input-plus, .font-input-minus {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 16px !important;
    width: 16px !important;
    font-size: 11px !important;
    margin-left: 2px !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--blue-1) !important;
    cursor: pointer;
    border-radius: 2px;
    transition: background 0.15s;
}
.font-input-plus:hover, .font-input-minus:hover {
    background: #e0e6ed !important;
}
.ui-input-font .ui-input-editor.font-size-input,
.ui-input-font select.ui-input-editor {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid transparent !important;
}
.ui-input-font .ui-input-editor.font-size-input:focus,
.ui-input-font select.ui-input-editor:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #7990A5 !important;
}

.d4-legend-marker-picker-icon {
    padding: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
}

.d4-legend-marker-picker-icons-container {
    width: 220px;
    flex-wrap: wrap;
    display: flex;
}

.d4-menu-item {
    color: #4d5261;
    white-space: nowrap;
    user-select: none;
    cursor: default;
    position: relative;
    width:auto;
    /*height: 15px;*/
}

.d4-menu-hint {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid var(--grey-3);
    color: var(--grey-5);
    font-size: 18px;
    background-color: white;
    border-radius: 6px;
    padding-left: 3px;
    cursor: pointer;

    /*top: -10px;*/
    /*right: -25px;*/
}

.layout-toolbar > .d4-menu-item {
    margin: 0;
}

.layout-toolbar > .d4-menu-item::after {
    display: none;
}

.d4-menu-item-disabled {
    color: #b8bac0 !important;
}

.d4-menu-item-disabled > .d4-menu-item-label {
    color: #b8bac0 !important;
}

.d4-menu-item-history {
    display: flex;
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 0px 0px;
}

.d4-menu-item-time {
    width: 100px;
    color: var(--grey-4) !important;
}

.d4-vert-menu > .d4-menu-item-hover {
    background: #D7DFE7;
}

.d4-menu-item-open {
    border: 1px solid #D7DFE7;
}

.d4-menu-item-check {
    width: 20px;
}

.d4-menu-item-check .fa-square {
    opacity: 0.3;
}

.d4-menu-item-check .fa-circle {
    opacity: 0.3;
}

.d4-menu-item-check .fa-dot-circle {
    opacity: 0.88;
}

.d4-menu-item-check .d4-mat-icon {
    font-size: 16px;
    position: absolute;
    top: 3px;
}

.d4-menu-item-label {
    position: relative;
    padding: 0px 6px 0px 0px;
    color: #40607f;
}

.d4-menu-separator {
    border-top: 1px solid #B3BFCC;
    margin: 5px 0;
}

.d4-menu-item-shortcut {
    padding: 0px 2px 0px 5px;
    margin: 0px 5px 0px 0px;
    position: relative;
    color: #7990A5;
    margin-left: auto;
}

.d4-menu-item-chevron::after {
    content: "\e904";
    font-size: 16px;
    transform: rotate(-90deg);
    right: 0;
    /* top: 0px; */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* line-height: 1; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
}
/*
.d4-menu-popup {
    max-height: 100%;
    overflow: auto;
}
*/

.d4-menu-item-vert {
    display: flex;
    padding: 4px 0px 4px 6px;
    margin: 0px 0px 0px 0px;
}

.d4-menu-item-horz {
    padding: 4px 9px 4px 6px;
}

.d4-menu-item-horz .d4-menu-item-container {
    display:flex;
    flex-direction: row;
}

.d4-vert-menu > .d4-menu-group > .d4-menu-item-container-fixed > .d4-vert-menu::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.d4-vert-menu > .d4-menu-group > .d4-menu-item-container-fixed > .d4-vert-menu {
    margin-left: -4px;
    margin-top: -9px;
    max-height: 95vh;
    overflow-y: scroll;
}


body.dartium .d4-menu-item-container.d4-vert-menu {
    overflow: initial!important;
}

.d4-menu-item-horz .d4-vert-menu > .d4-menu-group > .d4-menu-item-container-fixed > .d4-vert-menu::before {
    content: " ";
    background-color: transparent;
    width: 5px;
    height: 100%;
    position: fixed;
    margin-top: -16px;
    margin-left: -4px;
}

.d4-menu-item-horz .d4-vert-menu > .d4-menu-group > .d4-menu-item-container-fixed > .d4-vert-menu {
    margin-left: -3px;
    margin-top: -6px;
}


.grok-main-menu > .d4-menu-item-container-fixed > .d4-menu-item-container {
    max-height: 24px;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 4px 4px;
}

.d4-menu-item-container-fixed {
    position:fixed;
    z-index: 5000;
}

.grok-main-menu > .d4-menu-item-container-fixed {
    position: initial;
    z-index: 1000;
}

.d4-menu-item-horz > .d4-menu-item-check {
    display: none;
}

.grok-main-menu > .d4-menu-item-container-fixed > .d4-menu-item-container > .d4-menu-item-horz > .d4-menu-item-container-fixed {
    z-index: 0;
}

.d4-menu-item-container {
    position: relative;
    display: block;
}

.d4-vert-menu .d4-menu-item-container > * {
    order: 999; /* needed to support custom order */
}


/* WRAPPER */
body>.d4-menu-group > .d4-menu-item-container {
    z-index: 1000;
    /* that z-index create stacking context for top menu and always should be greater then z-index
    formed by js(see dialog) for viewers(now which started from 1000 and is incrementing at each bring of front) */
    /* as wrapper to overlap child menu */
}

/*.d4-menu-item-vert .d4-vert-menu {
    margin-left: 0px;
}*/

.d4-menu-item-container > .d4-menu-item-horz {
    /*border: #ffffff  1px solid;*/
   /* border: transparent 1px solid;*/
}

.dartium .d4-menu-item.d4-menu-group.d4-menu-item-horz {
    z-index: initial;
}

.d4-menu-item-container > .d4-menu-item-horz:hover {
    position: relative;
    box-shadow: 0px 0px 2px #40607F;
    z-index: 3500;
    /*border-left-color: transparent;*/
    background: #ECEFF2;
}

.d4-menu-item.d4-menu-group.d4-menu-item-horz:hover:not(.grok-main-menu)::after {
    content: ' ';
    width: 100%;
    position: absolute;
    background-color: #ECEFF2;
    height: 8px;
    margin-left: -6px;
}
/*

.d4-menu-item.d4-menu-group.d4-menu-item-horz:hover::before {
    content: ' ';
    width: 110%;
    position: absolute;
    background-color: #ECEFF2;
    height: 3px;
    margin-left: -6px;
    bottom: -2px;
}
*/

.d4-vert-menu {
    position: absolute;
    top: 19px;
    padding: 5px 0px 5px 0px;
    min-width: 160px;
    box-shadow: 0px 0px 2px #40607F;
    background: #ECEFF2;
    margin-left: -6px;
    z-index: 100;
    flex-direction: column !important;
}

.layout-toolbar > .d4-menu-group .d4-menu-item-vert > .d4-menu-item-container {
    z-index:3500;
}
/*
.layout-toolbar > .d4-menu-group > .d4-menu-item-container {
    z-index:3500;
}*/

body > .d4-vert-menu,
body > .d4-vert-menu .d4-menu-item-container {
    z-index: 5000;
}

.d4-menu-icons-list {
    display: flex;
    flex-wrap: wrap;
    min-width: 186px;
}

.d4-menu-icons-list .grok-icon:hover {
    background-color: #D7DFE7;
    -webkit-filter: none;
    border-radius: 2px;
}

.d4-menu-icons-list .grok-icon {
    width: 36px;
    height: 36px;
    margin: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d4-menu-icons-list .grok-icon.d4-checked {
    background-color: #B8D8F3;
}

.d4-menu-icons-list .grok-icon.d4-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--grey-3);
    opacity: 0.7;
}

.d4-ribbon-item .d4-combo-popup.d4-combo-popup-expanded .d4-list-item .grok-icon.fa-times {
    position: absolute;
    right: 5px;
    font-size: 14px;
    color: var(--grey-3);
}

.d4-ribbon-item .d4-combo-popup.d4-combo-popup-expanded .d4-list-item .grok-icon.fa-times:hover {
    color: var(--grey-4);
}

body.disable-selection .d4-menu-item-container.d4-vert-menu {
    display: none!important;
}

.d4-menu-item-placeholder {
    order: 1000;
}

.d4-menu-item-more {

}

.d4-menu-item-more > .d4-menu-item-label::after {
    content: ' ';
    /* margin: 7px 2px; */
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #40607f transparent transparent transparent;
    top: 10px;
    /* lefT: 4px; */
    position: relative;
}.d4-icon-pushed-down {
    transform: translate(1px, 1px);
}

.d4-toolbox {
    overflow: hidden;
    height:100%;
}

.d4-toolbox div.entity {
    margin-left: 10px;
    margin-bottom: 7px;
}

.d4-toolbox select {
    background-color: transparent;
    border-width: 0;
}

.d4-toolbox i+button.btn {
    margin-left: 20px;
}

.d4-toolbox .d4-tag-editor {
    min-height: 70px;
    margin-right: 10px;
    white-space: normal;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;   height: auto;
    max-height: 175px;
    border: 1px solid var(--warm-grey-2);
    background-color: var(--warm-grey-1);
    align-items: start;
}

.d4-toolbox .d4-tag-editor .d4-tag {
    font-size: 13px!important;
    padding: 8px 6px;
    background: var(--warm-grey-2);
    color: var(--warm-grey-3);
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.d4-toolbox .d4-tag-editor .d4-tag span {
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: hidden;
}

.d4-toolbox label:not(.d4-link-label) {
    margin-right: 10px;
}

.d4-toolbox input[type=checkbox] {
    flex-shrink: 0;
}

.d4-table-view-toolbox .d4-toolbar-item-text {
    display: none;
}

.d4-table-view-toolbox .entity-pic-small,
.d4-table-view-toolbox .entity-icon {
    display: none;
}

.d4-toolbox .d4-search {
    margin-top: 6px;
    position: relative;

}

.d4-toolbox .grok-icon:hover, .d4-toolbox .ui-btn:hover > .grok-icon  {
    color: #4d5261;
    -webkit-filter: none;
}

.d4-toolbox .grok-icon {
    color: #b8bac0;
}

.d4-toolbox .ui-btn-raised > .grok-icon,
.d4-toolbox .ui-btn-raised:hover > .grok-icon{
    color: white;
}

.d4-toolbox .grok-context-arrow-down:hover {
    background-color: #DEDDDC;
}

.d4-toolbox .grok-icon-filter:hover {
    background-color: #DEDDDC;
    border-radius: 2px;
}

.d4-toolbox .d4-search input{
    flex-grow: 1;
    border: none;
    color: #4A4A49;
    border-bottom: 1px solid #dbdcdf;
    height: 22px;
    outline: none;
    padding-left: 2px;
    padding-right: 24px;
    margin-left: -2px;
    background-color: transparent;
}

.d4-toolbox .d4-search i {
    font-size: 18px;
    color: #DEDDDC;
    position: absolute;
    padding: 2px 4px;
    bottom: 2px;
    flex-shrink: 0;
    right: -2px;
    display: flex;
}

.d4-toolbox h1 {
    font-size: 18px;
    color: #949492;
    font-weight: normal;
}

.d4-toolbox .grok-welcome-panel {
    margin-top: 0px;
    margin-left: 0px;
}

.d4-toolbox .d4-accordion-header {
    margin-left:0px;
    margin-bottom:12px;
}

.d4-toolbox .d4-accordion-pane-header {
    padding: 8px;
    color: var(--warm-grey-4);
    margin: 0;
    /*
    font-size: 14px;
    */
}

.d4-toolbox .d4-accordion-pane-header::after {
    transform: rotate(90deg);
    position: relative;
    left: 12px;
    top: 0px;
}


body:not(.selenium) .d4-toolbox .grok-context-arrow-down {
    visibility: hidden;
}

body:not(.selenium) .d4-toolbox:hover .grok-context-arrow-down {
    visibility: visible;
}

.d4-toolbar .d4-accordion {
    padding: 0;
}

.d4-toolbox .d4-accordion-pane-content {
    margin-left: 12px!important;
    padding-left: 0!important;
}

.d4-accordion-pane .d4-pane-preview .grok-view {
    height: 300px;
}

.d4-pane-distributions .ui-input-bool {
    padding: 0;
    margin: -5px -88px;
}

.d4-toolbox span.d4-entity-markup-row {
    margin-left: -8px!important;
}

.d4-toolbox span.d4-entity-markup-row > .d4-link-label {
    margin: 0 4px 0 2px;
}

.d4-toolbox .d4-accordion-pane-header.expanded:after {
}

.d4-toolbox .d4-accordion-pane-header:hover {
    background-color: #DEDDDC;
}

.d4-toolbox .grok-icon-filter{
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    /* padding: 2px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.d4-toolbox .ui-input-multi-choice {
    flex-direction: column;
}

.d4-toolbar {
    height:100%;
    padding-left: 6px;
    overflow-y: scroll;
    box-sizing: border-box;
}

.d4-toolbar > .d4-toolbar {
    padding: 0!important;
    overflow-y: initial;
}

.d4-toolbar-commands {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
}

.d4-toolbar-commands label {
    margin-bottom: 6px;
}

.d4-toolbar-commands:empty {
    margin-bottom:0;
}

.d4-toolbar .d4-toolbar-item-icon img {
    width: 20px;
    /* height: 16px; */
}

.d4-toolbar label.d4-link-label.selected::before {
    visibility: visible;
    background-color: #2083d5;
    color: #2083d5;
    margin: 6px;
}


span.d4-select-line span:first-child {
    width: 60px;
    color: #949492;
    display: inline-block;
    margin-bottom: 4px;
}

.d4-toolbar-item {
    display: flex;
}

.d4-toolbar-item-no-text {
    display: inline-block;
}

.d4-toolbar-item:hover {
    cursor: pointer;
    background: #D7DFE7;
}

.d4-toolbar-item-text {
    display: flex;
    align-items: center;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.d4-toolbar-item-icon {
    margin: 0px 4px 0px 4px;
    border: 2px;
    padding: 2px;
}

.d4-disabled .ui-input-options .grok-icon,
.d4-disabled {
    cursor: default!important;
    pointer-events: none;
    color: var(--grey-3)!important;
}

.d4-disabled:focus {
    color: var(--grey-3) !important;
}

label.d4-disabled {
    color: var(--grey-3);
}

.d4-toolbar-item.d4-disabled {
    opacity: 0.4;
}

.d4-md-icon.d4-disabled,
.d4-icon.d4-disabled,
.d4-ribbon-item.d4-disabled {
    opacity: 0.4;
}

/* Ribbon: same classes, but 'ribbon' instead of 'toolbar' */

.layout-toolbar .d4-ribbon {
    overflow: hidden;
}

.d4-ribbon {
    display: flex;
    align-items: center;
    flex-grow: 0;
}

.d4-ribbon-separator {
    display: flex;
    align-items: center;
    align-self: center;
    width: 1px;
    background-color: var(--grey-2);
    height: 18px;
    margin: 0 4px;
    border: none;
}

.d4-ribbon-panel .d4-ribbon-panel {
    flex-wrap: wrap;
}

.d4-ribbon-panel {
    display: flex;
    overflow: hidden;
    height: 32px;
    align-items: center;
    flex-direction: row!important;
}

.d4-ribbon-panel.d4-ribbon-panel-hidden {
    display: none;
}

.d4-ribbon-panel.d4-ribbon-panel-hidden~.d4-ribbon-separator {
    display: none;
}

.d4-ribbon-spacer {
    flex-grow: 1;
}

.d4-ribbon-item .d4-input {
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #40607F;
    cursor: pointer;
    padding: 0 4px;
}

.d4-ribbon-item .d4-input.d4-input-choice {
    flex-direction: row;
}

.d4-ribbon-item .d4-input label {
    flex-grow: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.d4-ribbon-item .d4-input label input {
    cursor: pointer;
    margin-right: 4px;
}

.d4-ribbon-item select {
    border: none;
    background-color: transparent;
    outline: none;
    padding-left: 4px;
    cursor: pointer;
    /*color: #40607F;*/
}

.d4-ribbon-item .fal,
.d4-ribbon-item .fas,
.d4-ribbon-item .fab,
.d4-ribbon-item .far {
    color: #40607F;
}

.d4-ribbon-item .fal,
.d4-ribbon-item .fas,
.d4-ribbon-item .fab,
.d4-ribbon-item .far {
    font-size: 16px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d4-ribbon-item {
    display: flex;
    align-items: center;
    height:28px;
}


.d4-ribbon-item > *:not(.grok-icon):not(.d4-ribbon-wrapper) {
    margin: 2px;
    height: 100%;
    display: flex;
    align-items: center;
}

.d4-ribbon-item > .ui-input-root {
    margin-right:6px;
    padding: 0 2px 0 4px;
}
.d4-ribbon-item > .ui-input-root.ui-input-bool-switch, .d4-ribbon-item > .ui-input-root.ui-input-bool {
    margin-left:6px;
    padding: 0 6px 0 4px;
}

.d4-accordion-pane-header > .d4-ribbon {
    display: none;
}

.d4-accordion-pane-header:hover > .d4-ribbon {
    display: flex;
}

.d4-accordion-pane-header .d4-ribbon > .d4-ribbon-item {
    max-height: 20px;
}

.d4-accordion-pane-header .d4-ribbon > .d4-ribbon-item > i.grok-icon {
    font-size: 12px;
}

.d4-ribbon .d4-ribbon-item > .ui-input-root > .ui-input-label{
    font-size: 14px;
    margin: 0;
    margin-right: 6px;
    padding: 0;
}

.d4-ribbon .d4-ribbon-item > .ui-input-root > input.ui-input-editor:not([type='checkbox']){
    border: 1px solid var(--grey-2);
    border-radius: 3px;
    max-height: 25px;
    line-height: normal;
    min-width: 50px;
    max-width: 150px;
    width: 100px;
    padding: 0 4px;
}

.d4-ribbon .d4-ribbon-item > .ui-input-root > .ui-input-editor:focus{
    background: rgba(255,255,255,.5);
    border: 1px solid var(--blue-1);
    border-radius: 3px;
}

.d4-ribbon .d4-ribbon-item > .ui-input-root{
    align-items: center;
}

.d4-ribbon-item > .ui-input-root > i.ui-input-icon-left {
    font-size: 14px;
    color: var(--grey-5);
    padding: 0;
    left: 6px;
}
.d4-ribbon-item > .ui-input-root > i.ui-input-icon-right {
    font-size: 14px;
    color: var(--grey-5);
    padding: 0;
    right: 12px; 
}

.d4-ribbon-item > .ui-drop-down-root {
    margin-right:6px;
}

.d4-ribbon-item .grok-icon.d4-checked {
    background-color: var(--grey-2);
    color: var(--grey-4);
    border-radius: 2px;
}

.d4-ribbon-item .grok-icon.d4-checked:hover {
    color: var(--grey-5);
}

.d4-ribbon-item-no-text {
    /*display: inline-block;*/
}

.d4-ribbon-item.active > *,
.d4-ribbon-item > *:active:not(.d4-combo-popup):not(.d4-ribbon-wrapper) {
    border-radius: 3px;
    background-color: var(--grey-1);
    -webkit-filter: contrast(100%) brightness(95%);
}

.d4-ribbon-item > *:hover:not(.d4-ribbon-wrapper) {
    -webkit-filter: none;
    cursor: pointer;
    border-radius: 4px;
    color: #4d5261;
    background-color: var(--grey-1);
}

.d4-ribbon-item.no-hover:hover {
    background-color: initial;
}

.d4-ribbon-item:hover i{
    -webkit-filter: none;
    color: #4d5261;
}

.d4-ribbon-item-text {

}

.d4-ribbon-item-icon {
    /*border: 2px;*/
    color: #40607f;
}

.d4-ribbon-item-icon .grok-icon {
    margin:0.5rem
}

button span.badge {
    position: relative;
    top: -1px;
}

span.badge {
    display: inline-block;
    /* background-color: #f2f2f5; */
    padding: 0px 5px;
    font-size: 10px;
    border-radius: 4px;
    color: var(--warm-grey-3);
    margin-left: 5px;
    height: 16px;
}

span.badge-unread {
    background-color: #eb6767;
    color: #ffffff;
}

.viewers-list-toolbox .grok-icon {
    margin-right: 1px;
    width: 36px;
    height: 36px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.viewers-list-toolbox .grok-icon:hover {
    background-color: #DEDDDC;
    -webkit-filter: none;
    border-radius: 2px;
}

.viewers-list-toolbox .custom-viewer-icon {
    background-size: cover;
}

.d4-toolbox .d4-accordion-pane-content .d4-viewer {
    margin-left: 0;
}

.viewers-list-toolbox {
    max-width: 185px;
    display: flex;
    flex-wrap: wrap;
    /*margin-left: -12px;
    justify-content: space-between;*/
}

.layout-toolbar .d4-combo-popup,
.d4-ribbon-item .d4-combo-popup{
    display: flex;
    align-items: center;
    position: relative;
    width: initial;
    min-width: initial;
    padding: 0 2px;
    margin: 2px;
    height: 24px;
}


.layout-toolbar .d4-combo-popup .d4-combo-drop-down .d4-list-item,
.d4-ribbon-item .d4-combo-popup .d4-combo-drop-down .d4-list-item{
    border-bottom: 1px solid #D7DFE7;
    min-height: 24px;
    display: flex;
    align-items: center;
    padding: 4px 12px 4px 4px;
    box-sizing: border-box;
}

.layout-toolbar .d4-combo-popup .d4-combo-drop-down .d4-list label,
.d4-ribbon-item .d4-combo-popup .d4-combo-drop-down .d4-list label {
    margin: 0 4px;
    color: #40607F;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.d4-ribbon-item button.ui-btn.ui-btn-raised {
    padding: 4px 10px;
    height: 22px;
    font-size: 10px;
    text-transform: uppercase;
    box-shadow: none;
    letter-spacing: 1px;
    background-color: var(--blue-2);
    color: white;
}

.d4-ribbon-item button.ui-btn.ui-btn-raised i {
    margin: 0;
    color: white;
    font-size: 12px;
    padding: 0;
    width: 16px;
    height: 16px;
}

.d4-ribbon-item button.ui-btn.ui-btn-raised.dim i {
    color: var(--steel-4);
}

.d4-ribbon .fas.fa-play {
    color: var(--green-2);
}

.d4-ribbon .fas.fa-stop {
    color: var(--red-3);
}

.d4-ribbon-item button.ui-btn.ui-btn-raised:hover{
    -webkit-filter: contrast(90%) brightness(110%);
}


.d4-ribbon .d4-combo-popup:hover {
    cursor: pointer;
}

.layout-toolbar:hover div::-webkit-scrollbar-thumb {
    background-color: var(--steel-3);
}

.layout-toolbox:hover div::-webkit-scrollbar-thumb {
    background-color: var(--warm-grey-2);
}

.layout-toolbar div::-webkit-scrollbar-track {
     -webkit-box-shadow: none;
}

.d4-toolbox .ui-btn {
    margin: 0;
    width: auto;
    display: flex;
    flex-shrink: 1;
    padding: 4px 11px;
    margin-left: 10px;
    font-size: 10px;
    text-transform: uppercase;
    box-shadow: none;
    font-weight: 600;
    letter-spacing: 0.04em;
    height: 24px;
}

.d4-toolbox button.ui-btn.ui-btn-raised {
    background-color: #50a9c5;
    color: #ffffff;
}

.d4-toolbox .ui-btn:hover {
    opacity:0.8;
}

#view-selector.d4-combo-popup span {
    color: var(--steel-5);
    width: 16px;
    height: 8px;
    text-align: center;
    position: absolute;
    left: 6px;
    top: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 8px;
}


.d4-accordion-pane-content.d4-pane-query .ui-form.ui-form-condensed {
    margin-left: 0;
    width: 179px;
}

.d4-toolbox-separator {
    display: flex;
    height: 32px;
    align-items: center;
    color: var(--warm-grey-3);
    justify-content: center;
}

.d4-toolbox-separator .grok-icon {
    margin: 0 8px;
}

.d4-toolbox .grok-view-browse {
    padding: 0;
}

.d4-toolbar .d4-toolbar {
    padding: 0;
    overflow-y: initial;
}

.grok-welcome-toolbox .d4-link-label {
    padding: 8px;
    color: var(--warm-grey-4);
    align-items: center;
}

.grok-welcome-toolbox .d4-link-label.selected {
    background-color: var(--warm-grey-2);
}

.layout-sidebar + .d4-toolbox {
    background-color: var(--warm-grey-1);
    border-right: 1px solid var(--warm-grey-2);
    transition: transform 0.2s ease 0.4s, opacity 0.4s ease 0.4s;
    transform: translateX(-10px);
    left: -250px;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 224px;
    z-index: 1001;
    opacity: 0;
    padding: 0 0 12px 0;
}

.layout-sidebar.hover + .d4-toolbox, .layout-sidebar.hover + .d4-toolbox:hover {
    transform: translateX(300px);
    /* z-index: 600; */
    overflow: visible;
    opacity: 1;
}

.d4-ribbon-item button.ui-btn.ui-btn-raised .grok-loader {
    left: -19px;
}

.d4-ribbon-item button.ui-btn.ui-btn-raised .grok-loader div {
    border-color: var(--blue-2);
}.d4-tooltip {
    color: #4A4A49;
    max-width: 600px;
    overflow: hidden;
    background: #fdffe5; /* for Dartium compatibility */
    background: #fdffe5e0;
    border: 1px solid #E4E6CE;
    border-radius: 2px;
    padding: 5px;
    min-width: 50px;
    box-shadow: 0 0 5px #E4E6CE;
    z-index: 6000;
    position: fixed;
    font-size: 0.9rem;
    pointer-events: none;
    /* opacity: 0.9; */
    backdrop-filter: blur(5px);
}

/*.d4-tooltip button {*/
/*    display: none;*/
/*}*/

.d4-tooltip > .d4-sketch {
    font-size: 1rem;
}

/* Tooltip form */
.d4-tooltip .d4-sketch,
.d4-tooltip .d4-sketch .ui-input-editor {
    background: initial;
}

/* Used for multi-line entries etc*/
.d4-tooltip pre {
    font: inherit !important;
    margin: inherit !important;
    overflow: visible;
    white-space: normal;
}

.d4-tooltip .fa-spinner {
    visibility: hidden;
}

.d4-tooltip-description {
    display: block;
    max-width: 350px;
}

/** Validation message inside the tooltip */
.d4-tooltip-error-message {
    color: #eb6767;
}

.d4-tooltip-error-message p {
    margin: 0;
}


.d4-row-tooltip-table {
    max-width: 600px;
}

.d4-row-tooltip-table tr {
    height: 18px;
}

/* Single value without name */
.d4-row-tooltip-table td[colspan="3"]:nth-child(1) {
    vertical-align: top;
    font-weight: bold;
    text-align: end;
    padding-right: 8px;
    padding-left: 8px;
}

/* column name */
.d4-row-tooltip-table td:nth-child(1) {
    vertical-align: top;
    font-weight: bold;
    text-align: end;
    padding-right: 8px;
    border-right: 1px solid #fdffe5;
}

/* splitter */
.d4-row-tooltip-table td:nth-child(2) {
    padding-left: 8px;
}

/* value */
.d4-row-tooltip-table td:nth-child(3) div {
    padding-left: 8px;
    overflow: hidden;
    white-space: nowrap;
    height: 15px;
}

/* mouse-over value */
.d4-row-tooltip-table-current-column td:nth-child(3) div {
    word-wrap: break-word;
    overflow: initial;
    white-space: initial;
    height: initial;
}

.d4-row-tooltip-table-current-column {
    color: #40607f;
}

.d4-tooltip > .ui-div > h2 {
    margin-top: 0;
}

.d4-row-tooltip-table .d4-tooltip-text-value-cell {
    max-width: 350px;
    overflow: hidden;
}

.d4-row-tooltip-table td[colspan="3"] .d4-tooltip-text-value-cell {
    max-width: unset;
}.d4-assign-markers-mapping-host {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 10px;
    min-width: 400px;
}

.d4-assign-markers-warning-text {
    color: var(--grey-4);
    font-style: italic;
    padding: 5px;
}

.d4-assign-markers-list-container {
    width: 100%;
}

.d4-assign-markers-icon-container {
    padding-right: 10px;
    padding-top: 6px;
}

.d4-assign-markers-choice-input {
    width: 150px;
    margin-bottom: 0;
}

.d4-assign-markers-category-label {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 150px;
    padding-top: 5px;
}

.d4-assign-markers-right-controls {
    align-items: center;
}

.d4-assign-markers-row {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    padding-right: 15px;
}

.d4-marker-picker-root {
    width: 380px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    padding: 10px;
}

.d4-marker-picker-item {
    width: 40px;
    height: 40px;
    margin: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
}
.d4-balloon-container {
    position: fixed;
    top: 60px;
    right: 10px;
    width: 301px;
    z-index: 1003;
}

.presentation .d4-balloon-container {
    top: 24px;
}

.d4-balloon {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background: #dcf3e7;
    color: #40607f;
    padding: 12px 32px 6px 12px;
    margin: 10px;
    white-space: pre-wrap;
}

.d4-balloon-content {
    margin-bottom: 6px;
    word-break: break-word;
}

.d4-balloon-content pre {
    white-space : pre-wrap;
}

.d4-balloon-icon {
    font-weight: 400;
    padding: 0;
    font-size: 18px;
    display: block;
    margin-bottom: 6px;
    margin-right: 10px;
}

.d4-balloon.info .d4-balloon-icon {
    color: #3cb173;
}

.d4-balloon.warning .d4-balloon-icon {
    color: #ffa24a;
}

.d4-balloon.error .d4-balloon-icon {
    color: #eb6767;
}

.d4-balloon.info {
    color: #286344;
    border: 1px solid #3cb173;
    background: #dcf3e7;
    box-shadow: 1px 1px 6px #3cb173
}

.d4-balloon.warning {
    color: #805125;
    border: 1px solid #ffa24a;
    background: #ffecdb;
    box-shadow: 1px 1px 6px #ffa24a;
}

.d4-balloon.error {
    color: #763434;
    border: 1px solid #eb6767;
    background: #fbe0e0;
    box-shadow: 1px 1px 6px #eb6767
}


.d4-balloon-content button.ui-btn {
    margin: 6px 4px 0 0;
    height: 26px;
    font-size: 12px;
    box-shadow: none;
    font-weight: 600;
}

.d4-balloon.info button.ui-btn {
    background-color: transparent;
    color: var(--green-2);
}

.d4-balloon.info button.ui-btn.ui-btn-raised {
    background-color: var(--green-2);
    color: var(--green-1);
}

.d4-balloon.warning button.ui-btn {
    background-color: transparent;
    color: var(--orange-2);
}

.d4-balloon.warning button.ui-btn.ui-btn-raised {
    background-color: var(--orange-2);
    color: var(--orange-1);
}

.d4-balloon.error button.ui-btn {
    background-color: transparent;
}

.d4-balloon.error button.ui-btn.ui-btn-raised {
    background-color: var(--red-3);
}

.d4-balloon.info .d4-balloon-autohide {
    background-color: #3cb173;
}

.d4-balloon.warning .d4-balloon-autohide {
    background-color: #ffa24a;
}

.d4-balloon.error .d4-balloon-autohide {
    background-color: #eb6767;
}

.d4-balloon .d4-balloon-autohide {
    position: absolute;
    content: ' ';
    background-color: #eb6767;
    left: 0;
    width: 100%;
    height: 1px;
    bottom: 0;
}

.d4-balloon:hover .d4-balloon-autohide {
    animation-play-state: paused;
}

.d4-balloon .d4-balloon-autohide {;
    animation: d4-balloon-hiding;
    animation-fill-mode: forwards;
}

@-webkit-keyframes d4-balloon-hiding {
    0% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}

.d4-balloon-link {
    cursor: pointer;
}

label.d4-balloon-link:hover {
    -webkit-filter: contrast(80%) brightness(120%);
}
.d4-task-bar {
    width: 224px;
    position: relative;
    display: flex;
    box-sizing: border-box;
    background-color: var(--warm-grey-1);
    padding: 0;
    cursor: pointer;
    align-items: stretch;
}

.d4-task-bar > * {
    cursor: pointer;
}

.d4-task-bar > .d4-task-bar-tasks {
    display: flex;
    align-items: center;
    padding-left: 8px;
    flex-grow: 1;
}

.d4-task-bar-entry {
    width: 100%;
    box-sizing: border-box;
    height: 24px;
    z-index: 0;
    display: flex;
    position: relative;
}

.d4-task-bar-entry > * {
    z-index: 0;
}

.d4-task-bar-entry-label {
    height: 24px;
    background: transparent;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-left: 8px;
    margin-right: auto;
}

.d4-task-bar-entry-label > span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.d4-task-bar-entry i {
}

.d4-task-bar-progress-indicator {
    width: 100%;
    position: relative;
}

.d4-task-bar-progress-completed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: var(--warm-grey-2);
    box-sizing: border-box;
    z-index: -1;
}

.d4-task-bar:hover .d4-task-bar-tooltip:not(:empty),
.d4-task-bar-tooltip:hover:not(:empty),
.d4-task-bar .d4-task-bar-tooltip.d4-task-bar-tooltip-pinned:not(:empty) {
    display: flex;
}

.d4-task-bar-tooltip {
    border-top: 1px solid var(--warm-grey-2);
    background-color: var(--warm-grey-1);
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    display: none;
    z-index: 101;
}

.d4-task-bar i,
.d4-task-bar-entry i {
    width: 16px;
    color: var(--warm-grey-3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.d4-task-bar i:hover,
.d4-task-bar-entry i:hover {
    color: var(--warm-grey-4);
}

.d4-task-bar-entry .fa-pause {
    font-size: 8px;
    font-weight: 900;
    padding-bottom: 1px;
}

.d4-task-bar i.fa-thumbtack {
    margin-left: auto;
    width: 24px;
    height: 23px;
    margin-right: 4px;
    display: none;
    font-size: 10px;
    transform: rotate(90deg);
    background-color: var(--warm-grey-1);
    overflow: hidden;
}

.d4-task-bar:hover i.fa-thumbtack {
   display: flex;
}

.d4-task-bar i.fa-thumbtack:hover {
    color: var(--warm-grey-4);
}

.d4-task-bar i.fa-thumbtack.d4-task-bar-tooltip-pinned {
    display: flex;
    font-weight: 900;
    transform: rotate(180deg);
}

.d4-task-bar > .d4-task-bar-tasks,
.d4-task-bar > .d4-task-bar-entry {
    background: linear-gradient(90deg, var(--steel-4) 0, var(--steel-4) 10px,transparent 0);
    background-size: 200% 100%;
    animation: task-bar-progress 3s ease infinite;
}

@-webkit-keyframes task-bar-progress {
    0%{background-position-x: -100%}
    100%{background-position-x: -20px}
}
.d4-sketch .d4-context-cmd-view {
    width: 170px;
    position: absolute;
    top: 50px;
    right: 10px;
}

.d4-sketch {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-user-select: none;
}

.d4-g-cell .d4-sketch {
    width: 100% !important;
    height: 100% !important;
}

.d4-sketch input {
    padding: 0 !important;
}

.grok-view.grok-view-sketch .d4-sketch {
    border: 10px solid transparent;
    box-sizing: border-box;
}

.d4-tile-viewer-form .d4-sketch {
    overflow: initial;
}

.d4-sketch:focus {
    outline: none;
}

.d4-sketch.d4-sketch-presentation .d4-host-header {
    visibility: hidden;
}

.d4-sketch.d4-sketch-presentation .d4-host {
    /*border: 1px solid transparent;*/
    box-shadow: initial;
}

.d4-sketch.d4-sketch-presentation .d4-host-resizer {
    display: none;
}

.d4-sketch.d4-sketch-presentation .ui-input-editor {
    border: none;
}

.d4-sketch:not(.d4-readonly) .ui-input-editor:not(.d4-input-molecule-canvas) {
    box-shadow: initial;
    border: none;
    border-bottom: 1px solid lightgray;
}

.d4-sketch:not(.d4-readonly) .ui-input-editor:not(.d4-input-molecule-canvas):focus {
    outline: 0;
    border-color: #129FEA;
}

.d4-sketch-grid {
    background: url('/images/cross-20.png');
}

.d4-sketch-item-header {
    font-weight: bold;
    background-color: #dbdcdf;
    cursor: move;
}

.d4-sketch-item-content {

}

.d4-sketch-item-list-element {
    position: relative;
}

.d4-sketch-item-overlay {
    position: absolute;
    top: 0px;
    background-color: #fdffe5;
    height: 100%;
    opacity: 0.5;
}

.d4-sketch-item-list-element:hover {
    background-color: #eceff2;
}

.d4-sketch-item {
    /*position: absolute;*/
    display: flex;
    flex-direction: column;
    border: 1px solid #717581;
    background-color: #ffffff;
    /*margin: 2px;*/
}

.d4-sketch-item.d4-selected {
    border: 3px solid #4d5261;
    margin: 0px;
    z-index: 1;
}

.d4-sketch-item.d4-current {
    z-index: 2;
}


.d4-sketch-item > * {
    padding: 4px;
}

.d4-sketch-column-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
}

.d4-host {
    z-index: 1;
    position: absolute;
    /*border: 1px solid var(--grey-2);*/
    box-shadow: 0 0 0 1px var(--grey-2);
}

/* Panels should always be in the background */
.d4-host:has(.panel) {
    z-index: 0;
}

.d4-host.d4-selected {
    /*border: 1px solid #4d5261;*/
    box-shadow: 0 0 0 1px #4d5261;
    margin: 0px;
    z-index: 1;
}

.d4-host-header {
    font-weight: bold;
    background-color: #dbdcdf;
    cursor: move;
}

.d4-host-left-resizer {
    position: absolute;
    left: 0px;
    top: 3px;
    width: 2px;
    height: calc(100% - 6px);
    cursor: ew-resize;
}

.d4-host-right-resizer {
    position: absolute;
    right: 0px;
    top: 3px;
    width: 2px;
    height: calc(100% - 6px);
    cursor: ew-resize;
}

.d4-host-top-resizer {
    position: absolute;
    top: 0px;
    left: 3px;
    height: 2px;
    width: calc(100% - 6px);
    cursor: ns-resize;
}

.d4-host-bottom-resizer {
    position: absolute;
    bottom: 0px;
    left: 3px;
    height: 2px;
    width: calc(100% - 6px);
    cursor: ns-resize;
}

.d4-host-top-left-resizer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 3px;
    height: 3px;
    cursor: nwse-resize;
}

.d4-host-top-right-resizer {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 3px;
    height: 3px;
    cursor: nesw-resize;
}

.d4-host-bottom-left-resizer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 3px;
    height: 3px;
    cursor: nesw-resize;
}

.d4-host-bottom-right-resizer {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 3px;
    height: 3px;
    cursor: nwse-resize;
}

.d4-host-element-panel {
    /*position: absolute;*/
    /*left: 2px;*/
    /*top: 2px;*/
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    display: flex;
    align-items: center;
}

.d4-host-element-panel > span.d4-markup {
    display: inline-flex;
}

.d4-sketch .d4-panel-title {
    position: absolute;
    top: -6px;
    left: 20px;
    background-color: white;
    padding: 0 10px 0 10px;
    font-size: large;
    color: var(--grey-6);
}
.d4-tab-host {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    flex-shrink: 0;
}

.d4-tab-host.d4-tab-vertical {
    flex-direction: row;
}

.grok-view-func .d4-tab-header-stripe {
    text-transform: uppercase;
}

.d4-tab-header-stripe {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
}

.d4-tab-host.d4-tab-vertical .d4-tab-header-stripe {
    flex-direction: column;
}

.d4-tab-header {
    cursor: pointer;
    color: #2083d5;
    padding: 8px 16px;
    position: relative;
    border-bottom: 2px solid transparent;
}

.d4-tab-header > i.fa-times {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    align-items: center;
    display: flex;
    color: var(--grey-2);
}

.d4-tab-header:hover > i.fa-times {
    visibility: visible;
}

.d4-tab-header > i.fa-times:hover {
    color: var(--grey-4);
}

.d4-tab-header.selected {
    border-bottom: 2px solid #2083d5;
    color: #2083d5;
    cursor: default;
}

.d4-tab-host:not(.d4-tab-vertical) .d4-tab-header.selected {
    padding-bottom: 1px;
    margin-bottom: 7px;
}

.d4-tab-header span.icon-label {
    margin-left: 4px;
}

.d4-tab-vertical .d4-tab-header {
    border-right: 4px solid transparent;
    text-align: right;
    padding: 8px;
    border-bottom: none;
}

.d4-tab-vertical .d4-tab-header.selected {
    border-bottom: none;
    border-right: 4px solid #2083d5;
    color: initial;
}

.d4-tab-content {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    flex-direction: column;
}

.d4-tab-header-stripe.d4-tab-header-highlight .d4-tab-header:not([data-highlight]) {
    display: none;
}

.d4-tab-header-stripe .d4-tab-header[name="HighlightBack"] {
    display: none;
}

.d4-tab-header-stripe.d4-tab-header-highlight .d4-tab-header[name="HighlightBack"] {
    display: block;
}

/* Condensed header with navigations icons */
.d4-tab-header-stripe.d4-tab-header-condensed {
    display: flex;
    justify-content: space-between;
}

.d4-tab-header-stripe > .d4-tab-header-icon {
    display: none;
}

.d4-tab-header-stripe.d4-tab-header-condensed > .d4-tab-header-icon {
    display: flex;
    width: 16px;
    justify-content: center;
    align-items: center;
    color: var(--blue-1);
}

.d4-tab-header-stripe.d4-tab-header-condensed > .d4-tab-header-icon:hover {
    cursor: pointer;
    -webkit-filter: contrast(90%) brightness(110%);
}

.d4-tab-header-stripe.d4-tab-header-condensed > .d4-tab-header {
    display: none;
}

.d4-tab-header-stripe.d4-tab-header-condensed > .d4-tab-header.selected {
    display: flex;
}

.d4-tab-combo-host {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.d4-tab-combo-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.d4-tab-combo-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 !important;
    padding: 4px 0;
}

.d4-tab-combo-header label {
    font-size: 11px;
    color: #8ea1b0;
    margin-bottom: 2px;
    margin-left: 1px;
    line-height: 1.2;
}

.d4-tab-combo-header select,
.d4-tab-combo-header input {
    width: 97% !important;
    height: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #202124;
    background-color: #f1f3f4;
    border: 1px solid transparent !important;
    border-radius: 4px;
    padding: 0 8px !important;
    outline: none;
    cursor: pointer;
    box-shadow: none;
    transition: background-color 0.2s, border-color 0.2s;
}

.d4-tab-combo-header select:hover,
.d4-tab-combo-header input:hover {
    background-color: #e8eaed;
}

.d4-tab-combo-header select:focus,
.d4-tab-combo-header input:focus {
    background-color: #ffffff;
    border-color: #1f68c1 !important;
    box-shadow: 0 0 0 2px rgba(31, 104, 193, 0.1);
}

.d4-tab-combo-input {
    margin-left: 5px !important;
}
.d4-accordion {
    display: flex;
    padding-right: 6px;
    padding-left: 6px;
    flex-direction: column;
    box-sizing: border-box;
}

.grok-entity-prop-panel > .d4-accordion {
    padding-left: 0;
}

.d4-accordion-title .d4-link-label i {
    display: none;
}

.d4-accordion-pane {
    display: flex;
    flex-shrink: 0;
    margin-bottom: 0;
    flex-direction: column;
    position: relative;
}

.d4-accordion-pane-header {
    -webkit-user-select: none;
    color: #4d5261;
    flex-wrap: nowrap;
    display: flex;
    flex-shrink: 0;
    white-space: nowrap;
    position: relative;
    padding: 6px 0 6px 24px;
    cursor: pointer;
    height: 16px;
    align-items: center;
}

.d4-accordion-pane-loader {
    display: none;
    order: 100;
    margin-right: 10px;
    margin-left: auto;
    height: 30px;
    width: 50px;
}

.d4-accordion-pane-header:hover {
    background-color: #f2f2f5;
}

.d4-accordion-pane-header.expanded:after {
    transform: rotate(0deg);
}

.d4-accordion-pane-header::after {
    transition: all 0.1s;
    content: "\e904";
    font-size: 16px;
    transform: rotate(-90deg);
    left: 3px;
    top: 5px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    /* background-size: contain; */
    /* background-image: url('/images/chevron.svg'); */
}

.d4-accordion-pane-header .grok-icon:hover {
    color: var(--grey-6);
    -webkit-filter: none;
}

.d4-accordion-pane-header .grok-icon {
    color: #9497a0;
    margin-left: 5px;
}

.d4-accordion-pane-header #info {
    display: inline-flex;
    font-size: 12px;
    color: #9497a0;
    margin-left: 12px;
}

.d4-accordion-pane-content {
    max-height: 0;
    display: none;
    position: relative;
}

.d4-accordion-pane-header-short {
    margin-right: 23px;
}

.d4-accordion-pane-content > canvas,
.d4-accordion-pane-content pre {
    margin-left: -12px;
    margin-top: 6px;
}

.d4-accordion-pane-content > .d4-viewer,
.d4-accordion-pane-content > .grok-view {
    margin-left: -32px;
}

.d4-accordion-pane-content.expanded {
    max-height: inherit;
    margin: 2px 0 10px 20px;
    color: #717581;
    display: flex;
}

.d4-accordion-title {
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.d4-accordion-title :not(.d4-editable) .grok-icon:not(.grok-context-arrow-down) {
    flex-shrink: 0;
    margin-left: -16px;
    width: 16px;
    margin-right: 6px;
    height: 16px;
    cursor: default;
    position: relative;
}

.d4-accordion-title :not(.d4-editable) .grok-icon.grok-icon-group {
  font-size: 10px;
}

.grok-notebook-markup {
    white-space: initial;
}

.d4-accordion .grok-notebook-markup {
    white-space: nowrap !important;
}

.d4-accordion-title span, .d4-accordion-header span  {
    display: flex;
    padding-bottom: 2px;
}

.d4-accordion-title .d4-link-label,
.d4-accordion-title label {
    font-size: 18px;
    height: 18px;
    color: #9497a0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
    user-select: all;
}

.d4-accordion-title .d4-link-label .d4-tag {
    font-size: 18px;
    height: 18px;
    color: #9497a0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
    padding: 0;
    text-align: left;
    line-height: 1.2;
    background-color: white;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
}

.d4-accordion-header .d4-link-label,
.d4-accordion-header label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}

.d4-accordion-title .grok-context-arrow-down::before {
    border-top-color: #9497a0;
}

.d4-accordion-title .d4-star {
    order: 10000;
    margin-left: auto;
    width: 16px;
    text-align: right;
    margin-top: 4px;
    font-size: 10px;
}


.d4-accordion-header {
    margin-left: 20px;
}
/*
.d4-accordion-pane-content .btn:not(.btn-raised) {
    margin: 0;
    padding: 0;
    align-self: baseline;
    font-weight: normal;
}*/

.d4-accordion-pane[d4-info="0"] {
    opacity: 0.4;
}

.grok-prop-panel .d4-accordion .d4-accordion {
    margin-left: -18px;
}

.d4-popup-host .d4-accordion div:not(.d4-trellis-plot-cell) .ui-box:not(.d4-legend),
.grok-prop-panel .d4-accordion div:not(.d4-trellis-plot-cell) .ui-box:not(.d4-legend):not(.d4-pm-model-widget)  {
    width: initial;
    min-width: 250px;
    max-width: 800px;
}

.d4-trellis-plot-cell .d4-root {
    min-width: initial !important;
    min-height: initial !important;
    max-width: initial !important;
    max-height: initial !important;
}

.grok-prop-panel .d4-accordion-pane[d4-info="0"] {
    display: none;
}

.grok-prop-panel .d4-accordion-pane-content div.ui-form .ui-input-root > label.ui-input-label:not(:empty) {
    min-width: 80px;
}

.d4-accordion-pane-content .ui-form  {
    padding: 0;
    flex-grow: 1;
}

.d4-accordion-error i {
    margin-right: 6px;
}

.d4-accordion[d4-title="rows"] .d4-accordion-pane[d4-title="Content"] .d4-viewer[name="viewer-Grid"] {
    max-width: initial !important;
}

.d4-accordion[d4-title="column"] .d4-accordion-pane[d4-title="Plots"] > .d4-viewer,
.d4-accordion[d4-title="list"] .d4-accordion-pane[d4-title="Plots"] > .d4-viewer {
    height: 250px;
    max-width: 800px;
}

/*accordion forms styles for context panel*/
.grok-prop-panel .d4-accordion {
    max-width: 60vw;
}

.grok-prop-panel > div {
    flex-grow: 1;
    overflow-x: hidden;
    min-width: 200px;
    padding: 0 0 0 6px;
}

.grok-prop-panel .d4-accordion .d4-accordion-pane-content pre {
    margin-left: 0;
}
/*.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-form {
    width: 100%;
}
.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-form > .ui-input-root {
    padding: 2px 0;
    max-width: 100%;
}

.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-items-grid .ui-input-editor {
    width: 100%;
} 

.grok-prop-panel .d4-accordion .d4-accordion-pane-content select.ui-input-editor {
    height: 24px;
    line-height: 24px;
}

.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-input-editor {
    margin: 0px!important;
    padding: 0px 4px!important;
}
.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-input-editor > div {
    padding: 0px!important;
}
.grok-prop-panel .d4-accordion .d4-accordion-pane-content div.ui-input-editor {
    justify-content: flex-start;
}
.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-input-editor > div > input.ui-input-editor {
    margin-right: 8px!important;
}
.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-input-editor.ui-input-multi-choice-checks {
    padding-top: 2px!important;
}
.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-input-editor[type="checkbox"] {
    margin: 0 8px 0 0;
}
.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-input-editor .chem-sketch-link {
    justify-content: flex-start;
}

!*accordion condensed form*!
.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-form-condensed .ui-input-root {
    padding: 4px 0;
}
.grok-prop-panel .d4-accordion .d4-accordion-pane-content .ui-form-condensed .ui-input-root > .ui-input-options {
    height: 24px;
    top: 16px;
}
.grok-prop-panel .d4-accordion .d4-accordion-pane-content .grok-icon-sharing-help {
    left: -12px;
}*/

.d4-accordion-pane-icons-div {
    margin-left: 12px;
    display: flex;
    align-items: center;
}

.d4-accordion-pane-icons-div > i {
    padding: 0 3px;
    color: #2083d5!important;
}

.d4-accordion-pane-icons-div > i:hover {
    -webkit-filter: contrast(90%) brightness(110%);
    color: #2083d5;
    text-decoration: none;
}
.d4-validator-helper {
  color: #4A4A49;
  max-width: 300px;
  overflow: hidden;
  background: #fdffe5;
  border: 1px solid #e4e6ce;
  border-radius: 2px;
  padding: 9px;
  min-width: 50px;
  box-shadow: 0px 0px 4px #e4e6ce;
  z-index: 5999;
  position: fixed;
  font-size: 0.9rem;
  display: flex;
}

.d4-validator-helper-message {
}

.d4-validator-helper-message p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0.1em;
}

.d4-validator-helper-link {
  width: initial !important;
  margin-left: 6px !important;
}
.entity-pic-small {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 5px;
    vertical-align: middle;
    margin-left: 3px;
}

.user-pic-small {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 100% 100%;
    /*
    background-color: #dbdcdf;
    */
    margin-right: 5px;
    vertical-align: middle;
    margin-left: 3px;
    border-radius: 8px;
}

.grok-markup-user i {
    border-radius: 50%;
}

.grok-markup-dataset {
    /*color: #40607f;*/
    /*cursor: pointer;*/
}

.d4-tooltip .user {
    position: relative;
}

.d4-tooltip .user img {
    background-size: cover;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-right: 25px;
}

.d4-tooltip .user #name {
    font-weight: bold;
    color: #9497a0;
    font-size: larger;
    margin-bottom: 5px;
}

.d4-html-markup span.entity {
    display: inline-block;
}

/** HTML cells in the grid */
.d4-g-cell  {
    position: absolute;
    overflow: hidden;
    pointer-events: none;
}

.d4-g-cell * {
    pointer-events: initial;
}

.d4-g-cell .grok-info-panel {
    width: 100%;
    height: 100%;
    background: white;
    overflow: auto;
}

.d4-g-cell.d4-cell-user {
    display: flex;
    align-items: center;
}

.d4-g-cell.d4-cell-user > .grok-wait > i {
    left: calc(50% - 8px);
}

.d4-g-cell .grok-info-panel .grok-scripting-image-container-info-panel {
    width: 100%;
    height: 100%;
    background-position: center;
}

span.entity #icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.d4-tooltip .user {
    font-family: 'Open Sans',  sans-serif;
}

.d4-tooltip .dataset {
    font-family: 'Open Sans', sans-serif;
}.grok-view {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.grok-view-container {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.d4-dock-container > .grok-variables-pane.grok-view.grok-view-variables {
    overflow: auto;
}

.d4-dock-container > .grok-view.ui-panel {
    overflow: auto;
}

.grok-view:focus {
    outline: none;
}

.grok-view.grok-table-view {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.grok-view.grok-table-view >.d4-root {
    overflow: hidden;
}

.grok-view .tab-handle-list-container {
    /*
    height: 0px;
    */
    display: flex;
    overflow: auto;
}

.grok-view .tab-handle-list-container::-webkit-scrollbar {
    display: none;
}

.grok-view .tab-handle-content-separator {
    height: 0;
    overflow: auto;
}

.grok-view .tab-handle {
    min-width: unset;
    overflow: unset;
}

.grok-view-container > div {
    flex-grow: 1;
    outline: none;
    display: flex;
    flex-direction: column;
}

.grok-view > div {
    flex-grow: 1;
    outline: none;
}

.grok-view > .d4-ribbon {
    flex-grow: 0;
    flex-shrink: 0;
    flex-direction: row;
}

.grok-view-container > .d4-ribbon {
    flex-grow: 0;
    flex-shrink: 0;
    flex-direction: row;
}

.ui-box > .grok-view {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.d4-icon {
    width: 24px;
    height: 24px;
    background-size: 100%;
}

.d4-icon:hover {
    cursor: pointer;
    background-color: #dbdcdf;
}

.d4-viewer-icons-line .d4-icon {
    margin: 5px 5px;
}

/* view icon */
.tab-handle-text .d4-view-icon {
    display: inline-flex;
    position: relative;
    /*left: -6px;*/
    width: 16px;
    height: 16px;
    cursor: default;
    flex-shrink: 0;
}

.tab-handle-text .grok-icon-user,
.tab-handle-text .grok-icon-group {
    font-size: 10px;
}

.d4-similarity-search div.d4-current {
    background: rgba(0, 255, 0, 0.1960);
}
.grok-project-view {
    padding: 10px;
    overflow: auto;
}

/* Accordion panel */
.d4-panel {
}

.dlg-create-project {
    max-width: 710px;
}

.grok-project-summary #left{
    margin-right: 8px;
}

.grok-project-summary > .ui-input-bool label {
    width: initial!important;
    text-align: left!important;
}
/*

.grok-project-view .d4-panel {
    width: 200px;
    color: #4d5261;
}
*/

/*.grok-project-summary {
    padding: 10px;
    width: 480px !important;
}*/

.grok-project-summary #project-picture {

}

.grok-project-summary #name {
    font-size: 20px;
    width: 100%;
    margin-bottom: 8px;
}

.grok-project-summary > .ui-input-root {
    margin-bottom: 4px;
}

.grok-project-summary .ui-input-bool.ui-input-root label {
    order: 2;
    text-align: left;
}

.grok-project-summary #description {
    width: 100% !important;
    height: 24px;
    font-family: Roboto, Roboto Local, sans-serif;
    font-size: 14px;
    flex-grow: 1;
    padding: 0 4px;
    box-sizing: border-box;
}
/*

.grok-project-summary input,
.grok-project-summary textarea {
    background-color: transparent;
    border-width: 0 0 1px 0;
    border-color: #dbdcdf;
    margin-bottom: 5px;
}
*/

.grok-project-summary .d4-entity-markup-row .ui-input-bool-switch.ui-input-root {
    padding: 0;
    height: 16px;
}

.grok-project-summary table {
    margin: 10px 0;
}

.grok-project-summary .grok-icon.fa-link {
    font-size: smaller;
    margin: 0 4px;
    color: var(--grey-3);
}

.grok-project-view #dashboards {
    max-height: 300px;
    overflow: auto;
}

.grok-project-view #dashboards canvas {
    width: 208px !important;
    height: 156px !important;
    margin: 5px;
}

.grok-project-picture {
  position:relative;
}

.grok-project-picture .grok-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -4px;
}

.grok-project-picture {
    border: 1px solid var(--grey-2);
    padding: 2px;
}

.grok-project-picture .grok-gallery-grid-item-thumbnail {
    box-sizing: border-box;
}

.grok-project-picture.grok-project-picture-frame .grok-gallery-grid-item-thumbnail {
    box-sizing: border-box;
    background-position-x: 20px;
    background-position-y: 12px;
    padding-left: 20px;
    padding-top: 12px;
}

.grok-project-picture.grok-project-picture-frame::after {
    content: " ";
    background: url('/images/project_frame.png');
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: 200%;
}

.grok-project-picture canvas {
    width: 100%;
    height: 100%;
}
.grok-actions-view {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.grok-actions-view #action-summary {
    max-width: 250px;
}

.grok-actions-view #actions-table {
    border-collapse: collapse;
}

.grok-actions-view #actions-table tr {
    border-bottom: 1px solid #dbdcdf;
}

.grok-actions-view #actions-table td {
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*.grok-actions-view #params-table {*/
    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
/*}*/

.grok-actions-browser .fas.fa-play {
    top: -1px;
    position: relative;
    color: var(--green-2);
    margin-right: 10px;
    font-size: 10px;
}

.grok-actions-browser-categories {
    overflow-y: auto;
    min-width: 150px;
}

.grok-actions-view #params-table td {
    padding: 0px;
}

/* Under the search div */
.grok-actions-browser #bottom {
    position: relative;
    height: calc(100% - 50px);
}

/*.grok-actions-browser #categories,
.grok-actions-browser #actions {
    margin-left: 16px;
    padding-right: 8px;

}*/

.d4-toolbox .grok-actions-browser .grok-actions-browser-categories {
  display: none;
}

.blur {
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.d4-toolbox .grok-actions-browser #actions {
    margin-left:0;
    overflow:hidden;
}

.d4-toolbox .grok-actions-browser #bottom {
    overflow-y: auto;
    overflow-x: hidden;
}

.d4-toolbox .grok-actions-browser .d4-search-bar input {
  width:100px;
}

.d4-toolbox .grok-actions-browser .grok-gallery-search-bar {
    margin: 0 8px;
}

.grok-actions-browser #actions {
    overflow-y: auto;
    flex-grow: 1;
    padding-bottom:18px;
    /*width: 250px;*/
}

.grok-actions-browser-table td {
  padding-left: 5px !important;
}

.grok-actions-browser .grok-function-params {
    color: var(--grey-3);
    margin-left: 5px;
}

.grok-functions-widget-sort-icon {
    padding-top: 13px;
    padding-right: 10px;
    color: var(--blue-1);
    font-weight: 300;
}

.grok-functions-widget-action-plus-button {
    padding-right: 4px;
}

.grok-functions-widget-search-and-sort-div {
    justify-content: space-between;
}

.grok-functions-widget-search-and-sort-div > .ui-input-text {
    width: 85%;
}

.grok-action-editor .grok-loader{
    position: absolute;
    top: 50%;
    display:none;
    right: 70px;
}

.grok-action-editor-cnt {
    font-size: 10px;
    top: 0;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    right: 20px;
    padding-bottom: 2px;
    color: var(--grey-3);
}

.grok-action-editor.running .grok-loader{
    display:flex;
}

.grok-action-editor-number {
    width: 20px;
    height: 20px;
    margin-top: 8px;
    position: absolute;
    text-align: center;
    box-sizing: border-box;
    justify-content: center;
    display: flex;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    z-index: 1;
}

.d4-current-object .grok-action-editor-number {
    background-color: var(--blue-1);
    color: white;
}

.grok-action-editor #drag-handle {
    width: 16px;
    /*background-image: url("/images/drag.png");*/
}

.grok-action-editor-host {
    flex-grow: 1;
}

.grok-params-editor {
    color: #4d5261;
}

.grok-action-editor #name {
    color: #4d5261;
}

.error.grok-action-editor #name {
    color: #763434;
}

.success.grok-action-editor #name {
    color: #286344;
}

.running.grok-action-editor #name {
    color: #40607f;
}

.grok-action-editor #error {
    color: #763434;
}

.grok-params-editor .ui-form {
    padding: 0;
}

/*
.grok-params-editor .pure-form-aligned .pure-control-group {
    margin-bottom: .5em;
    position: relative;
    display: inline-flex;
    padding-top: 1.5rem;
    flex-direction: row;
}

.grok-params-editor .pure-form-aligned .pure-control-group label {
    color: #717581;
    display: flex;
    align-items: center;
}

.grok-params-editor .pure-form-aligned .pure-control-group > * {
    width: inherit !important;
    height: inherit !important;
    padding: 0px;
    display: inline-flex;
}

.grok-params-editor .pure-form-aligned .pure-controls {
    margin: 0;
}

.grok-step-editor table {
    padding-right: 4px;
}*/

.grok-action-editor {
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
}

.d4-current-object .grok-action-editor {
}

.d4-current-object .grok-action-editor.running::after, .d4-current-object .grok-action-editor.running::before, .d4-current-object .grok-action-editor.running {
    animation: blink-animation 0.5s steps(20, start) infinite;
    -webkit-animation: blink-animation 0.5s steps(20, start) infinite;
}
@keyframes blink-animation {
    to {
        background-blend-mode: color;
    }
}
@-webkit-keyframes blink-animation {
    to {
        background-blend-mode: color;
    }
}

.grok-action-editor .grok-params-editor .d4-input-columns > div{
    max-width:90px!important;
    text-overflow: ellipsis;
}

.grok-action-editor .grok-params-editor .d4-input-choice label{
    display: flex;
    align-items: center;
}

.grok-action-editor .grok-action-editor-name {
    -webkit-user-select: none;
    color: #4d5261;
    flex-wrap: nowrap;
    display: flex;
    flex-shrink: 0;
    white-space: nowrap;
    position: relative;
    margin-left: 16px;
    padding: 6px 0 6px 24px;
    cursor: pointer;
    height: 16px;
    align-items: center;
}

.grok-action-editor .grok-action-editor-name.empty .grok-action-editor-name-chevron:after {
    content: "";
}

.grok-action-editor .grok-action-editor-name.expanded .grok-action-editor-name-chevron:after {
    transform: rotate(0deg);
}

.grok-action-editor .grok-action-editor-name-chevron {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
}

.grok-action-editor .grok-action-editor-name-chevron:after {
    transition: all 0.1s;
    content: "\e904";
    font-size: 16px;
    transform: rotate(-90deg);
    left: 6px;
    top: 5px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
}

.selenium .grok-action-editor .grok-action-editor-name .grok-action-editor-delete {
    visibility: visible!important;
}

.grok-action-editor .grok-action-editor-name .grok-action-editor-delete {
    position: absolute;
    top: 7px;
    margin-left: 2rem;
    right: 6px;
    visibility: hidden;
    color: var(--grey-3);
}

.grok-action-editor .grok-action-editor-name .grok-action-editor-delete:hover {
    color: var(--grey-5);
}

.grok-action-editor:hover .grok-action-editor-name .grok-action-editor-delete,
.grok-action-editor:hover .grok-action-editor-name .grok-action-editor-collapse {
    visibility: visible;
}

.grok-action-editor .d4-column-editor {
    max-width: 150px;
}

.grok-func-results-header {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    flex-direction: row!important;
    height: 28px;
}

.grok-func-results-header i.svg-table {
    width: 18px;
    opacity: 0.6;
}

.grok-func-results-header i.svg-table:hover {
    opacity: 1;
}

.grok-func-results-header i.svg-table.active {
    opacity: 1;
}

.grok-func-results-header i.svg-table:hover {
    opacity: 0.8;
}

.grok-func-results-header > h1 {
    margin:0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grok-func-results-header > .grok-icon {
    margin-left: 8px;
    color: var(--grey-4);
}

.grok-func-results-header > .grok-icon:hover {
    color: var(--grey-6);
    -webkit-filter: none;
}

.grok-func-param-results {
    display: flex;
}

.grok-func-results {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
}

.grok-func-results-header {
    margin-top: 4px;
}

.grok-func-results .ui-div.ui-block + .ui-block {
    padding-right: 10px;
}

.grok-func-results .ui-div.ui-block {
    display: flex;
    flex-direction: column;
    min-width: 150px;
    flex-grow: 1;
}

.ui-panel.grok-func-results .d4-viewer-title {
    display: none;
}
.grok-actions-browser-categories td > label {
    display: block;
}
.grok-dev-inspector-storage-item {
    display: flex;
}

.grok-dev-inspector-storage-key {
    width: 250px;
    color: #4d5261;
}

.grok-dev-inspector-storage-value {
    color: #717581;
    width: 200px;
}

.grok-dev-inspector #markup-table td:nth-child(2) {
    max-width: 160px;
}

.grok-dev-inspector #markup-table td:nth-child(1) {
    max-width: 140px;
}.grok-data-categorizer {
    align-items: baseline;
}

.grok-data-categorizer td {
    min-width: 16px;
}

.grok-data-categorizer table {
    margin: 10px 0 10px 0;
}

.grok-data-categorizer #stats {
    margin-bottom: 10px;
}

.grok-data-categorizer .d4-column-selector {
    margin-left: 10px;
}

.d4-table {
    /*margin: 10px;*/
    /*border: 1px solid #dbdcdf;*/
}

.dlg-query-builder .d4-table td {
    padding-left: 10px;
}

.d4-table .header {
    font-weight: bold;
    /*background-color: #dbdcdf;*/
    padding: 3px 0 3px 0;
}

.d4-table .pure-checkbox {
    margin: 0.1em 0.3em 0.1em 0.3em;
}

.dlg-query-builder .d4-editor {
    border: 1px solid #dbdcdf;
}

.grok-schema-preview-table {
    height: 250px;
    position: relative;
    border-top: 1px solid #dbdcdf;
}

.grok-db-schema-view > .d4-flex-col {
    height: 100%;
}

.grok-db-schema-view .d4-sketch {
    flex-grow: 1;
}

.grok-db-schema-view .d4-host-element-panel {
    width: initial !important;
    height: initial !important;
}

.dlg-query-builder .d4-table label.ui-label.ui-input-label {
    width: 100px;
    padding-left: 12px;
}

.d4-table label.ui-label.ui-input-root {
    height: 24px;
}.grok-datajob-view #name {
    font-size: 20px;
    width: 463px;
}

.grok-datajob-view h2 {
    font-size: 15px;
    color: #717581;
    font-weight: bold;
    margin-top: 1.5rem;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: default;
}

.grok-datajob-view .d4-editor {
    height: initial;
    width: initial;
}

.dlg-edit-data-job {
    min-width: 400px;
}

.dlg-edit-data-job-query {
    display: flex;
    height: 24px;
}

.dlg-edit-data-job-query label {
    min-width: 150px;
    margin-right: 10px;
}

.dlg-change-type .d4-flex-row {
    height: 30px;
}

.grok-step-editor {
    overflow-x: hidden;
    overflow-y: auto;
    min-width: 280px;
    padding: 12px;
}

.grok-step-editor .d4-current-object {
    background-color: transparent!important;
}

.joint-paper {
    position: relative;
    overflow: hidden;
}

.joint-paper .joint-paper-selection {
    position:absolute;
    border: 1px dashed #4d5261;
    pointer-events:none;
    margin: -6px;
    padding-right: 10px;
    padding-bottom: 15px;
}

.joint-paper .joint-paper-selection .grok-icon{
    left: -15px;
    pointer-events: auto;
    width: 20px;
    /* font-size: 10px; */
    /* height: 20px; */
    position: absolute;
}

.joint-paper .joint-paper-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: #dbdcdf;
    line-height: 3.5rem;
    text-align: center;
}

.grok-datajob-param {
    margin-bottom:2px;
}

.grok-datajob-name input {
    flex-grow: 1;
    border: none;
    color: #4A4A49;
    border-bottom: 1px solid #dbdcdf;
    height: 22px;
    outline: none;
    padding-left: 2px;
    margin-left: -2px;
    background-color: transparent;
}

.grok-datajob-publish-alerts {
    position: absolute;
    left: 0;
    right: 0;
    top: 34px;
    z-index: 10;
}

.grok-datajob-publish-alert {
    padding: 10px;
    color: #805125;
    background-color: #FDFFE5;
    white-space: nowrap;
    overflow: hidden;
}

.grok-datajob-publish-alert i {
    margin-right: 12px;
    cursor: default;
}

.grok-datajob-publish-alert p {
    display: inline-block;
    margin: 0;
}

.grok-datajob-editor-root {
    overflow: scroll;
    flex-grow: 1;
    height: 100%;
}

.grok-query-builder-tables .ui-input-bool.ui-input-root, .grok-query-builder-tables .header {
    padding: 0;
}

.grok-query-builder-content {
    max-height: 80vh;
    max-width: 80vw;
    height: 800px;
    width: 1000px;
    overflow: hidden;
}

.grok-query-builder-content > div:nth-child(1) {
    height: 60%;
}

.grok-query-builder-content > div:nth-child(2) {
    height: 40%;
}.grok-scripting-editor {
    flex-grow: 1;
    position: relative;
}
.d4-dialog-contents .CodeMirror .CodeMirror-scroll,
.grok-scripting-editor .CodeMirror .CodeMirror-scroll {
    flex-grow: 1;
}

.d4-dialog-contents .CodeMirror,
.grok-scripting-editor .CodeMirror {
    height: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.grok-scripting-image-container {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.grok-scripting-image-container-info-panel {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}

.grok-scripting-viewer {}

.grok-scripting-viewer .grok-loader {
    margin-top: 12px;
    margin-right: 48px;
}

.grok-scripting-viewer #plot {
    width: 100%;
    height: 100%;
}

.grok-app-card {
    margin: 0 0 10px 10px;
    width: 200px;
    height: 45px;
    flex-grow: initial;
    display: flex;
    flex-direction: row;
    border: none;
    align-items: center;
}

.grok-app-card .d4-picture {
    width: 32px;
    height: 32px;
    flex-grow: 0;
    margin: 8px;
    flex-shrink: 0;
    font-size: 22px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.grok-app-card .grok-package-download {
    display:none;
}

.grok-app-card .grok-icon.fa-cloud {
    display:none;
}

.grok-package-external-card .grok-icon.fa-cloud {
    display:flex;
}

.grok-package-external-card:hover .grok-package-download  {
    display: flex;
    color: var(--blue-1);
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}

.grok-package-external-card:hover .grok-package-download:hover {
    display: flex;
    color: #40607f;
    font-weight: 900;
}

.grok-package-external-card .fa-bars.grok-icon  {
   display: none;
}

.grok-app-card:hover .fa-bars.grok-icon  {
    color: var(--blue-1);
}

.grok-app-card:hover .fa-bars.grok-icon:hover {
    color: #40607f;
    -webkit-filter: none;
}

.grok-package-external-card:hover .grok-icon.fa-cloud {
    display: none;
}

.grok-app-card .grok-package-version .grok-icon.fa-cloud {
    display: none;
}

.grok-package-external-card .grok-icon.fa-cloud {
    display: flex;
}

.grok-gallery-grid-item.grok-scripting-script {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.grok-app-card .grok-package-version {
    color: var(--grey-4);
    font-size: 10px;
    /* line-height: 101%; */
    margin-left: 1px;
    display: none;
    /* margin-right: 10px; */
}

.grok-package-installed-card {
    background-color: var(--green-2);
}

.grok-package-debug-card {
    -webkit-filter: none!important;
    filter: none!important;
    opacity: 100%!important;
}

.grok-package-debug-card::before {
    content: " ";
    position: absolute;
    width: 10px;
    height: 0;
    box-sizing: border-box;
    border: 10px solid transparent;
    border-top-color: #ffa24a;
    top: -10px;
    lefT: -10px;
    transform: rotate(135deg);
}

.grok-package-external-card {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 55%;
}

.grok-package-external-card:hover, .grok-package-external-card.d4-current {
    -webkit-filter: none;
    filter: none;
    opacity: 100%;
}

.grok-package-external-card-pending {
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(64,96,127,0.1) 19%, rgba(0,0,0,0) 40%);
    animation: gradient 2s infinite;
}

.grok-package-error {
    background: var(--red-1);
    box-shadow: 0px 0px 3px var(--red-3) !important;
}

@keyframes gradient {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 600px 0;
    }
}

.grok-view-packages .grok-gallery-grid .d4-tree-view-group-host .d4-tree-view-group-host {
    margin-left: 62px;
}

.grok-view-packages .grok-gallery-grid > .d4-tree-view-group.d4-tree-view-root .d4-tree-view-node {
    height: 30px;
}

.grok-view-packages .d4-tree-view-group-label {
    color: var(--grey-6);
    font-size: 22px;
}

.grok-app-card.d4-current-object .grok-package-controls,
.grok-app-card:hover .grok-package-controls {
    visibility: initial;
}

.grok-app-card .grok-package-controls {
    visibility: hidden;
    overflow: hidden;
    /* height: 0; */
    /* transition: height 0.1s; */
    display: flex;
    align-items: center;
    margin-left: auto;
    flex-shrink: 1;
    width: 36px;
    flex-grow: 0;
    justify-content: center;
}

.grok-app-card .grok-package-name {
    display: flex;
    /* align-items: center; */
    overflow: hidden;
    flex-shrink: 1;
    white-space: nowrap;
    flex-direction: column;
}

.grok-app-card .grok-package-name > div {
    overflow: hidden;
    max-width: 127px;
    text-overflow: ellipsis;
}

.grok-scripting-script #inputs,
.grok-scripting-script #outputs {
    margin-top: 5px;
    font-weight: bold;
}

.grok-scripting-script #section {
    margin-top: 5px;
}

.grok-scripting-script #description {
    margin-top: 5px;
    font-size: 12px;
    font-style: italic;
}

.grok-scripting-script-info #bold {
    font-weight: bold;
}

.d4-sketch-item.d4-current {
    z-index: 2;
}

.grok-gallery-grid-item.grok-scripting-script.d4-current {
    border: 1px solid var(--grey-4);
}


.d4-accordion-pane-content .d4-pane-manage-button {
    position: absolute;
    top: -32px;
    left: 80px;
}

.grok-scripting-highlight-error {
    background-color: #f8d7da;
    border-left: 3px solid #dc3545;
}

.grok-scripting-widget-error {
    background-color: #f8d7da;
    border-left: 3px solid #dc3545;
    color: #721c24;
    padding: 4px 8px;
    font-size: 13px;
    white-space: pre-wrap;
    border-radius: 4px;
}
.grok-data-query {}

.grok-gallery-grid-item.grok-data-query,
.grok-gallery-grid-item.grok-predictive-model {
    padding: 10px;
    overflow: hidden;
}

.grok-predictive-model #predict,
.grok-predictive-model #by {
    font-weight: bold;
}

.grok-predictive-model-info #bold {
    font-weight: bold;
}

.grok-gallery-grid-item.grok-predictive-model * {
    margin-top: 5px;
}

.grok-gallery-grid-item.grok-predictive-model div {
    overflow: hidden;
}

.d4-sketch-item.d4-current {
    z-index: 2;
}

.markup.d4-current {
    border: initial;
    color: #286344;
}

.d4-engine-parameters-card {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: scroll;
    text-overflow: clip;
    padding: 10px;
    margin: 10px 0;
    position: relative;
    background-color: #f9f9f9;
    cursor: pointer;
}

.d4-engine-parameters-card:active {
    background-color: #ccc;
}

.d4-engine-parameters-header {
    position: relative;
    width: 100%;
}


.d4-model-icons {
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.d4-model-icons i {
    color: #007bff;
    cursor: pointer;
    font-size: larger;
    margin-left: 3px;
    padding: 8px;
}

.d4-engine-parameters-card.d4-model-selected {
    background-color: #b8d3ed3b;
    cursor: default;
}

.signup-container {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-content: center;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    background-color: rgba(64, 96, 127, 0.84);
    z-index: 7000;
}

.signup-fields {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    flex-grow: 1000;
    justify-content: flex-end;
    padding: 24px;
}


.signup-form {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 640px;
    box-shadow: 0 0 5px #b8bac0;
    background-color: #ffffff;
    overflow: hidden;
}

.signup-box-left {
    display: inline-flex;
    padding: 15px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 300px;
    background-color: #4d5261;
}

.signup-inner-box-left {
    display: inline-flex;
}

.signup-box-right {
    display: flex;
    width: 350px;
    flex-direction: column;
}

.signup-vcenter {
    justify-content: center;
}

.signup-inner-box-right {
    flex-shrink: 0;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
}

.signup-box-right.signup-box-loader > * {
    display: none;
}

.signup-box-right> .grok-preloader {
    display: none;
}
.signup-box-right.signup-box-loader > .grok-preloader {
    display: flex;
    flex-grow: 1;
    justify-content: center;
}

.login-form-prompt {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 28px;
}

.signup-container-logo {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 150px;
    background: url('https://datagrok.ai/img/logo_white.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.signup-tabs {
    width: 50%;
    display: flex;
}

.signup-tabs label {
    height: 48px;
}

.signup-inner-box-form {
    display: flex;
    /* line-height: 12px; */
    /* font-size: 10px; */
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
}

.signup-field {
    display: flex;
    flex-direction: column;
    align-items: left;
    /* justify-content: space-around; */
    /* margin: 3px; */
    width: 100%;
    position: relative;
}

.signup-field-double {
    flex-direction: row;
}

.signup-field-double input + input {
    margin-left: 12px;
}

.signup-field-double input {
    min-width: 0;
}

.signup-field + .signup-field {
    margin-top: 12px
}

.signup-buttons button {
    border: none;
    background-color: var(--green-2);
    color: white;
    height: 36px;
    width: 100%;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: center;
}

.signup-buttons button:hover {
    -webkit-filter: contrast(90%) brightness(110%);
}

.signup-buttons button[disabled] {
    background-color: var(--grey-2);
    cursor: default;
    -webkit-filter: none;
}

/* -------- content ---------- */

.signup-container label.signup-link {
    background-color: var(--grey-1);
    color: var(--grey-3);
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signup-container label.signup-link-active {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey-4);
    background-color: white;
    text-decoration: none;
    font-size: 18px;
}

.signup-container label.signup-link:hover {
    color: #4d5261;
    transition: ease .5s;
}

.signup-container .signup-field label {
    margin-left: 5px;
}

label.signup-status {
    color:#eb6767!important;
    text-align: center;
    margin-top: 6px;
    height: 16px;
}

.signup-container input, .signup-container textarea {
    /* margin: 3px; */
    padding: 12px;
    /* padding-left: 10px; */
    /* width: 200px; */
    /* height: 18px; */
    border: solid 1px var(--steel-2);
    background-color: var(--steel-1);
    /* border-radius: 50px; */
    outline: none;
    /* width: 100%; */
    box-sizing: border-box;
    font-family: 'Roboto', 'Roboto Local', sans-serif;
}

.signup-error {
    background-color: #eb6767!important;
    transition: .2s;
}

.signup-text-base p{
    color: #ffffff!important;
    text-align: center;
}

.signup-text-sign {
    color: var(--grey-4);
    margin: 8px 0;

    line-height: 1.45;
}


.signup-rights {
    width: 200px;
}

.signup-copy p{
    color: #ffffff;
    font-size: 10px;
}

.signup-divider {
    height: 30px;
    border-left: solid 2px #2083d5;
}

.signup-social {
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
    padding: 24px;
    margin-top: -24px;
    padding-top: 0;
    box-sizing: border-box;
    justify-content: center;
}

.signup-social > label {
    margin:18px;
    order: 1000;
}

.signup-social > div {
    width: 100%;
}

.signup-social button {
    border: none;
    background-color: black;
    color: white;
    height: 36px;
    flex-shrink: 0;
    width: 100%;
    outline: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.signup-social button:hover {
    -webkit-filter: contrast(90%) brightness(110%);
}

.signup-social button span {
    margin: 0!important;
}

.signup-social button i {
    /* margin-left: 12px; */
    /* margin-right: auto; */
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    left: 12px;
    font-size: 18px;
}

.signup-social button + button {
    margin-top: 12px;
}

.signup-social span {
    margin: 10px;
}

.signup-reset-password {
    align-self: flex-start;
    margin-top:6px;
}

.signup-fields#signup-reset-fields,
.signup-fields#signup-confirm-fields{
    justify-content: center;
    flex-grow:0;
}
#signup-reset-success .signup-fields{
    justify-content: center;
}

.signup-fields#signup-reset-fields .signup-inner-box-form,
.signup-fields#signup-confirm-fields .signup-inner-box-form {
    flex-grow:0;
    margin-bottom: 32px;
}

.signup-fields#signup-code-fields {
    justify-content: center;
    flex-grow:0;
}

.signup-fields#signup-code-fields .signup-inner-box-form {
    flex-grow:0;
    margin-bottom: 32px;
}

.signup-field#signup-signup-fields {
    flex-grow:0;
}

#applyForm {
    padding-bottom:16px;
}

#applyButton {
    margin-bottom: 24px;
}

.apply-result {
   opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: center;
    padding: 10px;
}

.signup-buttons {
    order: 1000;
    position: relative;
}

.close-button {
    height: 570px;
    margin-top: -48px;
    margin-left: 6px;
    font-size: 20px;
    width: 0;
    color: #D7DFE7;
    cursor: pointer;
}

.close-button:hover {
    color: white;
}

.signup-form.disabled {
    pointer-events: none;
    /*
    -webkit-filter: grayscale(1) blur(2px);
    filter: grayscale(1) blur(2px);
    */
}


.signup-buttons button.button-loader .grok-loader,
.signup-social button.button-loader .grok-loader {
    display: flex;
}

.signup-buttons button .grok-loader,
.signup-social button .grok-loader {
    position: absolute;
    right: 50px;
    top: 15px;
    display: none;
}

.signup-buttons button .grok-loader div,
.signup-social button .grok-loader div {
    background-color: transparent;
    border: solid 1px white;
}

.signup-login-tooltip-wrapper, .signup-password-error-wrapper {
    position: fixed;
    display: none;
}

.signup-login-tooltip {
    position: absolute;
    left: 230px;
    top: 0;
    width: 220px;
    border: 1px solid var(--steel-2);
    color: var(--steel-4);
    padding: 6px;
    margin: 6px;
    text-align: center;
    background: white;
}

.signup-password-error {
    position: absolute;
    left: 230px;
    top: 0;
    width: 220px;
    border: 1px solid var(--red-3);
    color: var(--red-3);
    padding: 6px;
    margin: 6px;
    text-align: center;
    background: white;
}

.signup-password-error.long {
    width: 370px;
}

.signup-field:hover > input + .signup-login-tooltip-wrapper, .signup-field > input:focus + .signup-login-tooltip-wrapper {
    display: flex;
    z-index: 10;
}

.signup-field > input[data-error] + .signup-password-error-wrapper {
    display: flex;
    z-index: 10;
}

div.ui-div > div.grok-sketcher.ui-box {
    width: 335px;
    height: 350px;
}

.grok-sketcher {
    width: 335px;
    height: 350px;
    /*border: 1px solid var(--grey-2);*/
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.grok-sketcher-input {
    position: relative;
    margin-top: 8px;
}

.grok-sketcher-input .d4-input-options {
    position: absolute;
    right: 4px;
    top: 3px;
    font-size: 12px;
}

.grok-sketcher-input input {
    width: 100%;
    margin-bottom: 10px;
    outline: none;
    border: none;
    border-bottom: 1px solid var(--grey-2);
    box-sizing: border-box;
    padding-right: 23px;
}

.grok-sketcher-sketch {
    flex-grow: 1;
    margin-bottom: -25px;
}

.grok-sketcher-sketch canvas {
    margin: 0;
}

.d4-input-molecule {}

.d4-input-molecule-canvas {
    width: 100px;
    height: 70px;
    cursor: pointer;
}

.d4-input-molecule-canvas-host {
    position: relative;
    border: 1px solid #dbdcdf;
    display: inline-flex;
}

.d4-input-molecule-canvas-hint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.dlg-descriptors.ui-form.ui-panel > div.ui-input-root.ui-input-column > label.d4-chem-descriptors-molecule-column-input {
    width: auto;
    min-width: auto;
    margin-left: 6px;
}
.datetime-picker {
    background-color: #ffffff;
    min-width: 210px;
    min-height: 150px;
    z-index: 4000;
    padding: 5px;
    padding-bottom: 15px;
    border: 1px solid #717581;
}

.datetime-picker-table td {
    width: 30px!important;
    text-align: center;
    padding-bottom: 8px;
}

.datetime-picker-month {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.datetime-picker-month .grok-icon {
    padding: 0 6px;
}

.datetime-picker-month span {
    margin-right: 10px;
    margin-left: 10px;
    min-width: 100px;
    text-align: center;
}

.datetime-picker-table span {
    padding-right: 4px;
    padding-left: 4px;
}

.datetime-picker-table span.date {
    cursor: pointer;
}

.datetime-picker-table span.weekday {
    font-weight: bold;
}

.datetime-picker-table span.active {
    cursor: pointer;
    border: 1px solid #717581;
}




.grok-user-profile-view {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-weight: lighter;
}

.grok-user-profile-view h1 {
    font-size: 18px;
    color: #9497a0;
    font-weight: normal;
}

.grok-user-profile-view h1 i {
    top:0!important;
}

.grok-user-profile-view #center {
    flex-grow: 1;
}

.grok-user-profile-view #status {
    padding: 10px;
}

.grok-icon-user {
    display: block;
}

.grok-user-profile-picture {
    height: 150px!important;
    width: 150px!important;
    background-size: cover;
    border-radius: 75px;
}

.grok-user-profile-picture::before {
    font-size: 80px;
}


.grok-user-profile-details {
    white-space: nowrap;
    min-width: 200px;
    float: left;
    width: 100%;
}

.grok-user-profile-details .editable{
    width: 100%;
}

.grok-user-profile-login {
    font-weight: bold;
    color: var(--grey-6);
    font-size: 16px;
    margin-bottom: 6px;
    white-space: normal;
    line-height: 2rem;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.grok-user-profile-name {
    color: var(--grey-6);
    margin-bottom: 6px;
    white-space: normal;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
.grok-user-profile-email {
    margin-bottom: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.grok-user-profile-membership {
    float: left;
    border: #286344 solid 1px;
    border-radius: 3px;
    padding: 7px;
    margin: 5px;
    color: #9497a0;
    font-weight: bolder;
}

.grok-user-profile-panel#notifications {
    overflow-y: auto;
}

.grok-user-profile-panel > div {
    flex-grow: 1;
}

.grok-user-profile-panel .d4-time, .grok-user-profile-notifications .d4-time {
    margin-right: 10px;
    color: #717581;
}

.grok-user-profile-notification {
    float: left;
    min-width: 400px;
    border: #dbdcdf solid 1px;
    border-radius: 3px;
    padding: 7px;
    margin: 5px;
    color: #9497a0;
    font-weight: bolder;
}

.grok-user-profile-details .d4-link-label {
    margin-right: 16px;
    display: block;
    margin-top: 4px;
}


.grok-user-profile-panel {
    padding: 24px!important;
    overflow: hidden;
    flex-grow: 1;
}

.grok-user-profile-panel #personal{
    min-height:220px;
}

.grok-user-profile-panel .grok-forum {
    padding: 0 24px;
    margin: 0 -24px;
    flex-grow:1;
    overflow: hidden;
}

.grok-user-profile-panel .grok-user-profile-picture {
    display: flex;
    width: 150px;
    margin: 24px 0;
}

.grok-user-profile-panel .grok-user-profile-picture i::before {
    position: inherit;
}

.grok-user-profile-panel .grok-user-profile-picture i {
    cursor: default!important;
    width: 150px;
    height: 150px;
    display: flex;
    position: initial;
    background-color: rgb(159, 174, 187);
    padding: 0;
    font-size: 100px;
    font-weight: bolder;
    margin: 24px 0;
    background-image: none;
}


.grok-user-profile-panel .grok-notification {
    margin-bottom: 10px;
    overflow: hidden;
}

.grok-user-profile-panel .grok-notification-unread {
    margin-bottom: 10px;
    overflow: hidden;
    font-weight: bolder;
}

.grok-user-profile-view .d4-tab-host {
    max-height: 500px;
}

.grok-small-profile-picture {
    background-image: url(/images/icons/anon_user_32.png);
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-size: 100%;
}

.grok-user-profile-confirm-email h1 {
    font-weight: normal;
    margin-left:24px;
    margin-right: 6px;
}


.grok-user-profile-confirm-email h1 i{
    position: absolute;
    left: 6px;
    top: 12px;
    color: var(--green-2);
}

.grok-user-profile-view #left {
    width: 200px;
    padding-right: 24px;
}

.grok-user-profile-notifications button{
    margin: 0;
    padding: 4px 10px;
    font-size: 10px;
    text-transform: uppercase;
    box-shadow: none;
    background-color: var(--steel-3);
    font-weight: 600;
    letter-spacing: 0.04em;
    color: white!important;
    float: right;
    visibility: hidden;
}

.grok-user-profile-notifications:hover button {
    visibility: visible;
}

.grok-user-profile-notifications button:hover{
    -webkit-filter: contrast(90%) brightness(110%);
}

.grok-user-profile-view .grok-info-bar {
    flex-grow: 0;
}

.grok-user-profile-badges-div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.grok-user-profile-badge {
    font-size: 20px !important;
    display: inline-block;
    line-height: 1;
    text-align: center;
    cursor: default;
}

.grok-user-profile-badge-unlocked {
    opacity: 1;
    filter: none;
}

.grok-user-profile-badge-locked {
    opacity: 0.25;
    filter: grayscale(100%);
}

.grok-comments, .grok-comments-root {
    display: flex;
    flex-direction: column;
    -webkit-user-select: text;
    overflow: hidden;
    margin-right: -24px;
    padding-right: 24px;
    margin-left: -24px;
    padding-left: 24px;
}

.grok-comments-message{
    min-height:50px;
    clear:both;
}

.grok-comments h1 {
    margin-top: 12px;
    margin-bottom: 24px;
    font-size: 18px;
}

.grok-comments-message-panel {
    overflow-y: scroll;
    flex-shrink: 1;
    margin-right: -24px;
    padding-right: 24px;
}

.grok-comments .grok-comments-post {
    margin-top: 12px;
}

.grok-comments-message-picture {
    width: 32px!important;
    height: 32px!important;
    align-self: flex-start;
    background-size: cover;
    border-radius: 20px;
    flex-shrink: 0;
    margin-right: 15px;
    margin-bottom: 5px;
}

.selenium .grok-comments-message-edit .grok-icon {
    visibility: visible;
}

.grok-comments-message-edit .grok-icon.fa-pencil {
    right: 16px;
}

.grok-comments-message-edit .grok-icon {
    visibility: hidden;
    right: 0;
    top:0;
    position: absolute;
}

.grok-comments-message-block:hover .grok-icon {
    visibility: visible;
}

.grok-comments-message-block {
    padding-right: 12px;
    position: relative;
    flex-grow: 1;
    line-height: 1.7em;
    font-size: 14px;
    max-width: 700px;
}

.grok-comments-message-edit {
    position: absolute;
    right: 0;
    top: 0;
}

.grok-comments-message-user {
    margin-right: 15px;
    font-weight: bold;
}

.grok-comments-message-date {
    opacity:0.7;
}

.grok-comments-message-date:hover {
    opacity:1;
}

.grok-comments-message-text {
    white-space: pre-line;
    word-wrap: break-word;
}

.grok-comments-message-text a {
    color: var(--blue-1);
}

.grok-comments-message-text a:hover {
    color: var(--blue-1);
    text-decoration: underline;
}

.grok-comments-message-text p {
    margin:0;
}

.grok-comments-post {
}

.grok-comments-message-text textarea, .grok-comments-post textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding:0;
    border: none!important;
}

.grok-comments-post-input {
    width: 100%;
    height: 200px;
    resize: none;
    border: 0;
    outline: none;
}


.grok-comments-post-input::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.grok-comments-post-input::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.grok-comments-post-input::-webkit-scrollbar-thumb {
    background-color: #dbdcdf;
}

.grok-chat-header {
    margin-bottom: 24px;
}

.grok-chat-header span {
    margin: 0 7px;
}

.grok-chat-header label:last-child {
    font-weight: 700;
}.grok-forum {
    overflow: hidden;
    padding: 12px;
    display: flex;
    flex-direction: column;
}

.grok-forum > .d4-link-label {
    flex-shrink: 0;
}

.grok-welcome-panel .grok-forum {
    padding: 24px;
}

.unread {
    font-weight: bold;
}

.badge.unread {
    font-weight: normal;
    background-color: #eb6767;
    color:#ffffff;
}

.nowrap {
    white-space:nowrap;
}
.grok-forum td label {
    margin: 0!important;
    white-space: normal!important;
}

.grok-forum td {
    padding: 3px;
    text-align: center;
}

.grok-forum table {
    width:100%;
    max-width: 1000px;
    color: var(--grey-4);
}
.grok-forum table tr.header {
    color: var(--grey-5);
    border-bottom: 18px solid transparent;
}

.grok-forum td:first-child {
    text-align: left;
    width:100%;
}

.grok-forum #new-message #subject {
    font-size: 18px;
    margin: 12px 0;
    border: none;
    border-bottom: 1px solid var(--grey-2);
    outline: none;
}

.grok-forum #new-message textarea {
    /*border: 1px solid #E8E8E8;*/
}

.grok-forum .btn {
    background-color: var(--blue-2);
    color: white;
    font-size: 10px;
    margin: 12px 0 24px 12px;
    padding: 8px 24px;
}

.grok-forum .btn:hover {
    -webkit-filter: contrast(90%) brightness(110%);
}

.grok-forum-thread {

}

.grok-comments .grok-forum-users {
    margin-left: 0;
    margin-bottom: 12px;
}

.grok-forum-users:empty {
    display:none;
}

.grok-forum-users {
    margin-left: 12px;
    display:flex;
    flex-shrink: 0;
    min-width: 64px;
}

.grok-forum-users > div {
    display:flex;
}

.grok-forum-users .grok-icon {
    width: 24px;
    height: 24px;
    font-size: 9px;
    margin-left: -6px;
    border: 2px solid white;
}

.grok-comments-create-topic button {
    margin-left: 0!important;
    margin-top:24px;
}

.grok-forum tr .grok-icon.fa-trash-alt {
    visibility: hidden;
    color: var(--grey-3);
}

.grok-forum tr .grok-icon.fa-trash-alt:hover {
    visibility: hidden;
    color: var(--grey-5);
}

.grok-forum tr:hover .grok-icon.fa-trash-alt, .selenium .grok-forum tr .grok-icon.fa-trash-alt {
    visibility: visible;
}

.grok-forum .grok-forum-threads {
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: -24px;
    margin-bottom: 24px;
}


body:not(.selenium) .grok-forum .grok-context-arrow-down {
    visibility: hidden;
}

body:not(.selenium) .grok-forum tr:hover .grok-context-arrow-down {
    visibility: visible;
}

.grok-forum-topic {
    display: inline;
}