:root {
    --smart-zindex-popover: 1200;
    --smart-zindex-appbar: 1300;
    --smart-zindex-popup: 1000;
    /*--smart-zindex-popup: 1400;*/
    --smart-palette-text-primary: rgba(66,66,66,1);
    --smart-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
    --smart-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
    --smart-palette-surface: rgba(255,255,255,1);
    --smart-default-borderradius: 4px;
    --smart-appbar-height: 64px
}

.smart-popup-container {
    display: flex;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: var(--smart-zindex-popup)
}

    .smart-popup-container.smart-popup-center {
        align-items: center;
        justify-content: center
    }

    .smart-popup-container.smart-popup-topcenter {
        align-items: flex-start;
        justify-content: center;
        padding-top: 32px
    }

    .smart-popup-container.smart-popup-bottomcenter {
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 32px
    }

    .smart-popup-container.smart-popup-centerright {
        align-items: center;
        justify-content: flex-end;
        padding-right: 32px
    }

    .smart-popup-container.smart-popup-centerleft {
        align-items: center;
        justify-content: flex-start;
        padding-left: 32px
    }

    .smart-popup-container.smart-popup-topleft .smart-popup {
        position: absolute;
        top: 32px;
        left: 32px
    }

    .smart-popup-container.smart-popup-topright .smart-popup {
        position: absolute;
        top: 32px;
        right: 32px
    }

    .smart-popup-container.smart-popup-bottomleft .smart-popup {
        position: absolute;
        bottom: 32px;
        left: 32px
    }

    .smart-popup-container.smart-popup-bottomright .smart-popup {
        position: absolute;
        bottom: 32px;
        right: 32px
    }

.smart-popup {
    display: flex;
    z-index: calc(var(--smart-zindex-popup) + 2);
    flex-direction: column;
    color: var(--smart-palette-text-primary);
    background-color: var(--smart-palette-surface);
    border-radius: var(--smart-default-borderradius);
    -webkit-animation: smart-open-popup-center .1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: smart-open-popup-center .1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);
    max-height: calc(100vh - var(--smart-appbar-height));
    overflow-y: auto
}

    .smart-popup.smart-popup-rtl .smart-popup-title .smart-button-close {
        right: unset;
        left: 8px
    }

    .smart-popup .smart-popup-title {
        z-index: 1;
        flex: 0 0 auto;
        margin: 0;
        padding: 8px 16px;
        position: relative;
        border-top-left-radius: var(--smart-default-borderradius);
        border-top-right-radius: var(--smart-default-borderradius)
    }

        .smart-popup .smart-popup-title + * > .smart-popup-content {
            border-radius: 0
        }

        .smart-popup .smart-popup-title .smart-button-close {
            top: 50%;
            right: 8px;
            transform: translateY(-50%);
            position: absolute
        }

    .smart-popup .smart-popup-content {
        position: relative;
        flex: 1 1 auto;
        overflow: auto;
        padding: 8px 16px;
        -webkit-overflow-scrolling: touch;
        border-top-left-radius: var(--smart-default-borderradius);
        border-top-right-radius: var(--smart-default-borderradius)
    }

        .smart-popup .smart-popup-content.smart-popup-no-side-padding {
            padding: 12px 0px
        }

    .smart-popup .smart-popup-actions {
        flex: 0 0 auto;
        display: flex;
        padding: 8px 16px;
        align-items: center;
        justify-content: flex-end;
        border-bottom-left-radius: var(--smart-default-borderradius);
        border-bottom-right-radius: var(--smart-default-borderradius)
    }

        .smart-popup .smart-popup-actions > :not(:first-child) {
            margin-left: 8px;
            margin-inline-start: 8px;
            margin-inline-end: unset
        }

.smart-popup-width-false {
    max-width: calc(100% - 64px)
}

.smart-popup-width-xs {
    max-width: 444px
}

.smart-popup-width-sm {
    max-width: 600px
}

.smart-popup-width-md {
    max-width: 960px
}

.smart-popup-width-lg {
    max-width: 1280px
}

.smart-popup-width-xl {
    max-width: 1920px
}

.smart-popup-width-xxl {
    max-width: 2560px
}

.smart-popup-width-full {
    width: calc(100% - 64px)
}

.smart-popup-fullscreen {
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: 100%;
    max-height: none;
    border-radius: 0;
    overflow-y: hidden
}

@-webkit-keyframes smart-open-popup-center {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes smart-open-popup-center {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.smart-popup-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    display: flex;
    position: fixed;
    transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1),z-index 1ms;
    z-index: 5
}

    .smart-popup-overlay.smart-popup-overlay-absolute {
        position: absolute
    }

    .smart-popup-overlay .smart-popup-overlay-scrim {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: inherit;
        position: absolute;
        height: 100%;
        width: 100%;
        border-color: rgba(0,0,0,0);
        background-color: rgba(0,0,0,0);
        animation: smart-animation-fadein ease .15s;
        -webkit-animation: smart-animation-fadein ease .15s;
        -moz-animation: smart-animation-fadein ease .15s;
        -o-animation: smart-animation-fadein ease .15s
    }

        .smart-popup-overlay .smart-popup-overlay-scrim.smart-popup-overlay-dark {
            border-color: var(--smart-palette-overlay-dark);
            background-color: var(--smart-palette-overlay-dark)
        }

        .smart-popup-overlay .smart-popup-overlay-scrim.smart-popup-overlay-light {
            border-color: var(--smart-palette-overlay-light);
            background-color: var(--smart-palette-overlay-light)
        }

        .smart-popup-overlay .smart-popup-overlay-scrim:hover {
            cursor: default
        }

    .smart-popup-overlay .smart-popup-overlay-content {
        position: relative
    }

    .smart-popup-overlay.smart-popup-overlay-popover {
        z-index: var(--smart-zindex-popover)
    }

    .smart-popup-overlay.smart-popup-overlay-popup {
        z-index: calc(var(--smart-zindex-popup) + 1)
    }

    .smart-popup-overlay.smart-popup-overlay-drawer {
        z-index: calc(var(--smart-zindex-appbar) + 1)
    }

@keyframes smart-animation-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes smart-animation-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes smart-animation-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes smart-animation-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes smart-animation-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes smart-scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes smart-scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes smart-skeleton-keyframes-pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes smart-skeleton-keyframes-wave {
    0% {
        transform: translateX(-100%)
    }

    60% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@-webkit-keyframes smart-progress-circular-keyframes-circular-rotate {
    0% {
        transform-origin: 50% 50%
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes smart-progress-circular-keyframes-circular-dash {
    0% {
        stroke-dasharray: 1px,200px;
        stroke-dashoffset: 0px
    }

    50% {
        stroke-dasharray: 100px,200px;
        stroke-dashoffset: -15px
    }

    100% {
        stroke-dasharray: 100px,200px;
        stroke-dashoffset: -125px
    }
}

@-webkit-keyframes smart-progress-linear-horizontal-keyframes-indeterminate1 {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    100% {
        left: 100%;
        right: -90%
    }
}

@-webkit-keyframes smart-progress-linear-horizontal-keyframes-indeterminate2 {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    100% {
        left: 107%;
        right: -8%
    }
}

@-webkit-keyframes smart-progress-linear-horizontal-keyframes-buffer {
    0% {
        opacity: 1;
        background-position: 0 -23px
    }

    50% {
        opacity: 0;
        background-position: 0 -23px
    }

    100% {
        opacity: 1;
        background-position: -200px -23px
    }
}

@-webkit-keyframes smart-progress-linear-vertical-keyframes-indeterminate1 {
    0% {
        bottom: -35%;
        top: 100%
    }

    60% {
        bottom: 100%;
        top: -90%
    }

    100% {
        bottom: 100%;
        top: -90%
    }
}

@-webkit-keyframes smart-progress-linear-vertical-keyframes-indeterminate2 {
    0% {
        bottom: -200%;
        top: 100%
    }

    60% {
        bottom: 107%;
        top: -8%
    }

    100% {
        bottom: 107%;
        top: -8%
    }
}

@-webkit-keyframes smart-progress-linear-vertical-keyframes-buffer {
    0% {
        opacity: 1;
        background-position: -23px 0
    }

    50% {
        opacity: 0;
        background-position: -23px 0
    }

    100% {
        opacity: 1;
        background-position: -23px -200px
    }
}

@keyframes smart-progress-linear-striped-loading {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 300px 0
    }
}

smart-drop-down-grid {
    height: var(--smart-text-box-default-height);
    width: var(--smart-text-box-default-width);
    overflow: visible;
    --smart-outline: var(--smart-primary);
    display: inline-block;
    border: 1px solid var(--smart-border);
    border-top-left-radius: var(--smart-border-top-left-radius);
    border-top-right-radius: var(--smart-border-top-right-radius);
    border-bottom-left-radius: var(--smart-border-bottom-left-radius);
    border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}

    smart-drop-down-grid, smart-drop-down-grid.smart-element {
        background: var(--smart-background)
    }

        smart-drop-down-grid > option {
            display: none
        }

        smart-drop-down-grid > .smart-container {
            display: flex
        }

        smart-drop-down-grid input::selection {
            background: var(--smart-editor-selection);
            color: var(--smart-editor-selection-color)
        }

        smart-drop-down-grid input.smart-input {
            border: none;
            text-overflow: ellipsis
        }

        smart-drop-down-grid:focus {
            border-color: var(--smart-outline)
        }

        smart-drop-down-grid:hover {
            border-color: var(--smart-ui-state-border-hover)
        }

        smart-drop-down-grid[disabled] {
            border-color: var(--smart-disabled);
            outline: 0
        }

        smart-drop-down-grid[drop-down-button-position=right] .smart-input {
            width: calc(100% - var(--smart-editor-addon-width))
        }

        smart-drop-down-grid.outlined {
            background-color: rgba(0,0,0,0)
        }

        smart-drop-down-grid[disabled] {
            opacity: .55;
            cursor: default;
            pointer-events: none;
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none
        }

.smart-card-view .smart-data-view-header-drop-down .smart-card-view-customize-top smart-drop-down-grid {
    width: 100%
}

.smart-window.smart-card-view-window .smart-card-view-editor.image smart-drop-down-grid {
    width: calc(100% - 40px);
    height: 100%
}

.smart-window.smart-grid-dialog.smart-grid-dialog-expand-row .smart-grid-edit-dialog-layout .smart-grid-edit-dialog-activity-container .format-layout .font-family smart-drop-down-grid {
    height: 35px;
    width: 150px !important
}

.smart-grid-view-bar .smart-grid-view-chooser-container smart-drop-down-grid {
    width: 100%;
    margin-bottom: 10px;
    background: inherit
}

.smart-sort-panel.smart-mobile smart-drop-down-grid {
    max-width: 150px
}

.smart-input-group smart-drop-down-grid .smart-drop-down-button {
    border-left: none
}

.smart-window.smart-pivot-window smart-drop-down-grid {
    width: 100%
}

.smart-query-builder .smart-editors-container smart-drop-down-grid .arrow {
    transition: none
}

.smart-input-list-holder smart-drop-down-grid {
    display: inline-flex;
    height: var(--smart-date-format-panel-smart-input-height);
    margin: var(--smart-date-format-panel-each-smart-input-offset)
}

.smart-window.smart-kanban-window[readonly] smart-drop-down-grid {
    opacity: .7;
    --smart-surface: var(--smart-background);
    --smart-surface-color: var(--smart-background);
    border: none !important;
    border-bottom: 1px solid var(--smart-border) !important;
    pointer-events: none
}

.smart-drop-down-grid .smart-input {
    border: none;
    padding: var(--smart-editor-label-padding);
    height: 100%;
    width: 100%
}

.smart-drop-down-grid[drop-down-button-position=left] .smart-drop-down-button, .smart-drop-down-grid[drop-down-button-position=right] .smart-drop-down-button {
    display: flex
}

.smart-drop-down-grid[drop-down-button-position=right] .smart-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.smart-drop-down-grid .smart-drop-down-button {
    display: none;
    width: var(--smart-editor-addon-width);
    height: 100%;
    flex-direction: column;
    border-left: 1px solid var(--smart-border);
    border-top-right-radius: var(--smart-border-top-right-radius);
    border-bottom-right-radius: var(--smart-border-bottom-right-radius);
    outline: 0
}

.smart-drop-down-grid .smart-drop-down-button, .smart-drop-down-grid[readonly]:not(.underlined):not(.outlined):not([opened]):not(:active) input.smart-input, .smart-drop-down-grid[readonly]:not(.underlined):not(.outlined):not([opened]):not(:active) textarea.smart-input {
    background: var(--smart-surface);
    color: var(--smart-surface-color)
}

.smart-drop-down-grid:not([disabled]) .smart-drop-down-button:active, .smart-drop-down-grid:not([disabled]) .smart-drop-down-button[open], .smart-drop-down-grid:not([disabled])[readonly]:active .smart-drop-down-button, .smart-drop-down-grid:not([disabled])[readonly]:active .smart-input, .smart-drop-down-grid:not([disabled])[readonly][open] .smart-drop-down-button, .smart-drop-down-grid:not([disabled])[readonly][open] .smart-input {
    background: var(--smart-ui-state-active);
    color: var(--smart-ui-state-color-active)
}

.smart-drop-down-grid[focus], .smart-drop-down-grid[focus]:not([disabled]) .smart-drop-down-button {
    border-color: var(--smart-outline)
}

.smart-drop-down-grid .smart-drop-down-button .arrow {
    display: flex;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    font-family: var(--smart-font-family-icon);
    justify-content: center;
    align-items: center;
    font-size: var(--smart-arrow-size);
    outline: 0
}

    .smart-drop-down-grid .smart-drop-down-button .arrow:after {
        content: var(--smart-icon-arrow-down);
        transition: opacity .2s,transform .2s ease-out
    }

.smart-drop-down-grid .smart-drop-down-button[open] .arrow:after {
    transform: rotate(-180deg)
}

.smart-input-drop-down-grid .icon:after {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--smart-font-size) - 2px);
    font-weight: 700
}

.smart-input-drop-down-grid .icon.equals:after {
    content: "="
}

.smart-input-drop-down-grid .icon.notequals:after {
    content: "≠"
}

.smart-input-drop-down-grid .icon.greaterthan:after {
    content: ">"
}

.smart-input-drop-down-grid .icon.greaterthanorequal:after {
    content: "≥"
}

.smart-input-drop-down-grid .icon.lessthan:after {
    content: "<"
}

.smart-input-drop-down-grid .icon.lessthanorequal:after {
    content: "≤"
}

.smart-input-drop-down-grid .icon.startswith:after {
    content: "a|bc"
}

.smart-input-drop-down-grid .icon.endswith:after {
    content: "ab|c"
}

.smart-input-drop-down-grid .icon.contains:after {
    content: "abc"
}

.smart-input-drop-down-grid .icon.notcontains:after {
    content: "!abc"
}

.smart-input-drop-down-grid .icon.isblank:after {
    content: "□"
}

.smart-input-drop-down-grid .icon.isnotblank:after {
    content: "■"
}

.smart-input-drop-down-grid, input.smart-input {
    font-size: var(--smart-font-size);
    font-family: var(--smart-font-family)
}

.smart-input-drop-down-grid, .smart-text-area-mention-menu {
    background-color: var(--smart-background);
    box-shadow: var(--smart-elevation-8)
}

.smart-input-drop-down-grid {
    display: block;
    transform: scaleY(0);
    transform-origin: top left;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: var(--smart-editor-drop-down-z-index);
    float: left;
    padding: 2px;
    margin: var(--smart-list-item-vertical-offset) var(--smart-list-item-horizontal-offset);
    color: var(--smart-background-color);
    border: 1px solid var(--smart-border);
    border-top-left-radius: var(--smart-border-top-left-radius);
    border-top-right-radius: var(--smart-border-top-right-radius);
    border-bottom-left-radius: var(--smart-border-bottom-left-radius);
    border-bottom-right-radius: var(--smart-border-bottom-right-radius);
    overflow: hidden;
    width: auto;
    height: auto;
    --smart-input-drop-down-grid-width: auto;
    --smart-input-drop-down-grid-height: 200px;
    min-height: 0
}

    .smart-input-drop-down-grid[top] {
        transform-origin: bottom
    }

    .smart-input-drop-down-grid:not([animation=none]) {
        transition: opacity .2s,transform .2s ease-out
    }

    .smart-input-drop-down-grid.smart-container {
        box-shadow: none;
        padding: 0;
        margin: 0
    }

    .smart-input-drop-down-grid .smart-scroll-viewer-container, .smart-input-drop-down-grid .smart-scroll-viewer-content-container, .smart-input-drop-down-grid > .smart-container {
        width: var(--smart-input-drop-down-grid-width);
        max-height: calc(var(--smart-input-drop-down-grid-height) - 6px)
    }

    .smart-input-drop-down-grid .smart-scroll-viewer-content-container {
        padding: 0;
        max-height: initial
    }

    .smart-input-drop-down-grid[open] {
        transform: scale(1);
        opacity: 1
    }

.smart-date-range-input-drop-down-grid.smart-input-drop-down-grid {
    height: auto;
    width: var(--smart-input-drop-down-grid-width)
}

    .smart-date-range-input-drop-down-grid.smart-input-drop-down-grid.smart-date-input-drop-down-grid {
        height: 250px
    }

    .smart-date-range-input-drop-down-grid.smart-input-drop-down-grid.smart-date-range-input-drop-down-grid {
        min-height: 250px;
        height: auto !important
    }

        .smart-date-range-input-drop-down-grid.smart-input-drop-down-grid.smart-date-range-input-drop-down-grid .smart-calendar-date-view-container {
            min-height: 250px
        }