.breadcrumbs {
        padding-top: 15px;
        padding-bottom: 15px;
    }
        .breadcrumbs a {
            color: #D00F78;
            font-weight: 600;
        }

#content #action-bar {
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    position: fixed;
    z-index: 3;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 15px;
}
#content #action-bar .action-btns-panel {
    margin: 10px 0;
    display: inline-block;
    white-space: nowrap
}

.content-filters {
    position: absolute;
    left: 180px;
    top: 0;
    height: 50px
}
#content #action-bar #content-actions {
    /*  position: absolute;
    right: 20px;*/
    top: 0;
    height: 50px
}

#content #action-bar #content-actions #ask-question-btn {
    color: #fff;
    font-weight: 600;
    height: 38px;
    text-align: center;
    margin: 6px 0;
    padding: 4px 25px
}

#content #action-bar #content-actions #ask-question-btn > .small-text {
    color: inherit;
    font-size: 20px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: none
}

#content #action-bar #content-actions #ask-question-btn > .large-text {
    display: block
}








#container {
    visibility: visible !important;
}





html, body, #container {
    height: auto;
}

#container, body, html {
    height: 100%;
}

html body main {
    background-color: #eee;
}

html body main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

html body header, html body nav#MainMenu, html body footer, html body section, html body main {
    display: block;
}

html body > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

* {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

user agent stylesheet
main {
    display: block;
}

html body {
    padding: 0;
    margin: 0;
    border: none;
    z-index: 10;
    height: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

body {
    background-color: #fff;
    color: #505050;
    font-family: Segoe UI,Helvetica Neue,Helvetica,Verdana,sans-serif;
    font-size: 16px;
    line-height: 1.42857;
    margin: 0;
}

body {
    background-color: #fff;
    color: #505050;
    font-family: Segoe UI,Helvetica Neue,Helvetica,Verdana,sans-serif;
    font-size: 16px;
    line-height: 1.42857;
    margin: 0;
}

html {
    position: relative;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    background-color: #fff;
    height: 100vh;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

#container {
    visibility: visible !important
}

#content {
    visibility: collapse
}

    #content.ready {
        visibility: visible
    }

#action-bar, #main-content {
    position: relative
}

#sidebar {
    width: 0;
    float: left;
    width: 320px;
    margin-left: -360px;
    z-index: 1;
    visibility: hidden;
    height: 100vh
}

    #sidebar.sidebar-visible {
        margin-left: 0;
        visibility: visible;
        height: 100%
    }

    #sidebar #filter-list {
        position: relative;
        top: 0;
        width: 100%;
        z-index: 2;
        background: #fff;
        border: 1px solid #cfcfcf
    }

#pager {
    height: 85px;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 3
}

    #pager .body {
        display: inline-block
    }

    #pager .collapsed {
        visibility: collapse
    }

    #pager .inner-container {
        text-align: center;
        padding: 15px 0
    }

    #pager .paging-item {
        display: inline-block;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        background-color: transparent;
        width: 50px;
        height: 50px;
        position: relative;
        text-align: start
    }

        #pager .paging-item .icon {
            left: 0
        }

        #pager .paging-item .paging-item-link {
            display: inline-block;
            text-decoration: none;
            position: absolute;
            text-align: center;
            text-align: -webkit-center;
            text-align: -moz-center;
            width: 50px;
            height: 50px;
            line-height: 50px;
            left: 0
        }

        #pager .paging-item.active {
            background-color: #D00F78;
        }

            #pager .paging-item.active a {
                font-weight: 300;
                color: #fff;
                pointer-events: none;
                cursor: default;
                font-size: 21px
            }

        #pager .paging-item.page:not(.active):hover {
            background-color: #fff
        }

        #pager .paging-item.collapsed {
            visibility: collapse
        }

        #pager .paging-item.left-arrow {
            margin-right: 50px;
            cursor: pointer
        }

        #pager .paging-item.right-arrow {
            margin-left: 50px;
            cursor: pointer
        }

            #pager .paging-item.left-arrow .icon, #pager .paging-item.right-arrow .icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 50px;
                height: 50px;
                position: absolute;
                font-size: 20px;
                text-decoration: none
            }

                #pager .paging-item.left-arrow .icon:before, #pager .paging-item.right-arrow .icon:before {
                    content: none
                }

#action-bar .inner-container .overflow-hidden {
    overflow: hidden
}

#action-bar .inner-container .selected-filters-container {
    position: relative;
    display: inline-block
}

    #action-bar .inner-container .selected-filters-container > * {
        display: inline-block;
        vertical-align: middle;
        height: 50px
    }

    #action-bar .inner-container .selected-filters-container button > * {
        display: block;
        float: left
    }

    #action-bar .inner-container .selected-filters-container button.toggle-filter-panel {
        font-size: 18px;
        cursor: pointer;
        color: #969696;
        height: 50px;
        margin-right: 40px;
        position: relative
    }

        #action-bar .inner-container .selected-filters-container button.toggle-filter-panel:focus {
            box-shadow: none
        }

            #action-bar .inner-container .selected-filters-container button.toggle-filter-panel:focus::before {
                content: " ";
                position: absolute;
                left: -3px;
                bottom: 5px;
                top: 5px;
                right: -3px;
                -webkit-box-shadow: 0 0 0 1px #115bc0,0 0 0 3px #afcef8;
                -moz-box-shadow: 0 0 0 1px #115bc0,0 0 0 3px #afcef8;
                box-shadow: 0 0 0 1px #115bc0,0 0 0 3px #afcef8;
                border-radius: 2px
            }

        #action-bar .inner-container .selected-filters-container button.toggle-filter-panel .active-filters-count {
            font-size: 12px;
            background-color: #D00F78;
            color: #fff;
            border-radius: 9px;
            z-index: 1;
            position: absolute;
            min-width: 20px;
            text-align: center;
            border: 1px solid #fff;
            left: 8px;
            top: 4px;
            line-height: 15px
        }

        #action-bar .inner-container .selected-filters-container button.toggle-filter-panel .icon-filter {
            width: 18px;
            height: 18px;
            margin-top: 3px
        }

            #action-bar .inner-container .selected-filters-container button.toggle-filter-panel .icon-filter:before {
                content: none
            }

            #action-bar .inner-container .selected-filters-container button.toggle-filter-panel .icon-filter > svg {
                display: block
            }

        #action-bar .inner-container .selected-filters-container button.toggle-filter-panel .filter-text {
            font-size: 16px;
            margin-left: 14px;
            margin-top: 1px
        }

    #action-bar .inner-container .selected-filters-container button.clear-filters {
        color: #f54062;
        margin-left: 30px
    }

    #action-bar .inner-container .selected-filters-container.has-active-filters .toggle-filter-panel > * {
        color: #D00F78;
    }

        #action-bar .inner-container .selected-filters-container.has-active-filters .toggle-filter-panel > * > svg {
            fill: #D00F78;
        }

    #action-bar .inner-container .selected-filters-container.has-active-filters .toggle-filter-panel:after {
        content: '';
        border-right: 1px solid #cfcfcf;
        height: 25px;
        width: 0;
        position: absolute;
        right: -20px
    }

    #action-bar .inner-container .selected-filters-container.has-active-filters .toggle-filter-panel .active-filters-count {
        color: #fff
    }

    #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown > .icon {
        width: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        font-size: 24px;
        color: #acacac;
        text-decoration: none !important
    }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown > .icon:before {
            content: none
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown > .icon > svg {
            margin-bottom: 2px
        }

    #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-toggle:focus::before {
        padding: 2px;
        box-shadow: 0 0 0 1px #115bc0,0 0 0 3px #afcef8;
        border-radius: 2px
    }

    #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup {
        top: 40px;
        min-width: 260px
    }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup a > span {
            display: inline-block;
            vertical-align: middle
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup a > .icon {
            width: 16px;
            height: 16px
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup a > .action-text {
            margin-left: 5px
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup .share-preset-link .icon {
            font-size: 18px;
            color: #505050
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup .share-preset-link .loader {
            position: absolute;
            width: 30px;
            height: 40px;
            top: 0;
            right: 12px
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup .subscribe-to-rss-link .icon {
            color: #D00F78;
        }

    #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup {
        top: 40px;
        min-width: 330px;
        padding: 20px
    }

        #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup .title {
            color: #969696;
            margin-bottom: 20px;
            font-size: 16px;
            font-weight: 600
        }

        #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup .text-box {
            position: relative
        }

            #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup .text-box input.filter-link-value {
                width: calc(100% - 50px)
            }

            #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup .text-box button.copy-preset-btn {
                border-radius: 0;
                padding: 0;
                width: 40px;
                height: 30px;
                position: absolute;
                right: 0;
                top: 0
            }

                #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup .text-box button.copy-preset-btn > span {
                    float: none
                }

#action-bar .inner-container .selected-filters-panel {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
    height: 34px
}

    #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner {
        display: inline-block;
        overflow: hidden;
        padding: 2px 6px;
        height: 34px
    }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner > * {
            float: left
        }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 4px 1px rgba(17,91,192,.5);
            -moz-box-shadow: 0 0 4px 1px rgba(17,91,192,.5);
            box-shadow: 0 0 4px 1px rgba(17,91,192,.5)
        }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .clear-filters-btn {
            color: #f54062;
            margin-right: 10px;
            padding-right: 14px;
            padding-left: 14px
        }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .clear-filters-btn > * {
                display: block;
                float: left
            }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .clear-filters-btn .icon {
                margin: 2px 5px 2px 0;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items {
            display: inline-block
        }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item {
                float: left;
                display: block;
                margin-right: 10px;
                padding-left: 8px;
                margin-bottom: 10px;
                height: 30px;
                color: #7b7b7b
            }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item > * {
                    display: inline-block;
                    vertical-align: top
                }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item .icon {
                    margin: 0 5px 2px 0;
                    width: 16px;
                    height: 16px;
                    font-size: 16px
                }

                    #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item .icon:before {
                        content: none
                    }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item .filter-text {
                    padding-right: 2px
                }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item.item-hidden {
                    display: none
                }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item:hover .icon {
                    color: #505050
                }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-toggle {
            font-size: 16px;
            height: 30px;
            color: #7b7b7b
        }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-toggle .icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 16px;
                height: 16px
            }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-toggle .icon:before {
                    content: none
                }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup {
            min-width: 240px;
            top: 45px
        }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li a > * {
                display: inline-block;
                vertical-align: middle
            }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li .filter-name {
                width: calc(100% - 30px);
                padding-left: 8px;
                color: #7b7b7b
            }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li .icon {
                margin-top: 1px;
                width: 16px;
                height: 16px
            }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li .icon:before {
                    content: none
                }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li .icon > svg {
                    display: block
                }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li.item-hidden {
                display: none
            }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li:hover .icon {
                color: #505050
            }

#action-bar.sidebar-visible #content-actions {
    margin-left: 0
}

#main-content {
    min-height: calc(100vh - (0 + 50px))
}

    #main-content .inner-container {
        padding-bottom: 20px;
        margin-bottom: -20px
    }

        #main-content .inner-container #primary-content {
            min-height: 100vh;
            position: relative;
            z-index: 0;
            overflow: hidden;
            background-color: #eee;
            padding-bottom: 20px;
            margin-bottom: -20px
        }

            #main-content .inner-container #primary-content #tickets-list .grid {
                display: table;
                width: 100%;
                position: relative;
                border-collapse: collapse
            }

                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row {
                    display: table-row;
                    background-color: #fff;
                    border-bottom: 4px solid #eee
                }

                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell {
                        display: table-cell;
                        vertical-align: middle;
                        height: 79px;
                        padding: 10px 0
                    }

                        #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell .bottom {
                            font-size: 14px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            margin-top: 5px
                        }

                        #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell {
                            z-index: 1
                        }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject {
                                display: inline-block;
                                font-weight: 600;
                                white-space: normal;
                                word-break: break-word
                            }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject .caption {
                                    color: #404040
                                }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject .caption:visited {
                                        color: #7f51a6
                                    }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject > * {
                                    vertical-align: middle
                                }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon {
                                    display: inline-block;
                                    width: 16px;
                                    height: 16px;
                                    font-size: 12px
                                }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon:before {
                                        all: initial;
                                        content: "";
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        background-repeat: no-repeat;
                                        background-size: 13px 13px;
                                        background-position: center 70%
                                    }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon.urgent {
                                        color: #f54062
                                    }

                                        #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon.urgent:before {
                                            background-image: url(/Content/svg/attention.svg)
                                        }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon.private:before {
                                        background-image: url(/Content/svg/lock-alt.svg)
                                    }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon.duplicated:before {
                                        background-image: url(/Content/svg/clone.svg)
                                    }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon .custom-tooltip {
                                        margin-top: 22px;
                                        left: -8px;
                                        font-weight: 400
                                    }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom > div {
                                display: inline-block;
                                vertical-align: middle
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list button, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list div, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list button, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list div {
                                float: left
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list {
                                color: #969696;
                                line-height: 20px;
                                cursor: pointer
                            }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list .category, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list > .tag {
                                    cursor: pointer;
                                    margin-right: 8px;
                                    border-bottom: 1px solid transparent
                                }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list .category:hover, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list > .tag:hover {
                                        border-color: #cfcfcf
                                    }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list .category:focus, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list > .tag:focus {
                                        box-shadow: inset 0 0 0 1px #115bc0;
                                        border-radius: 2px;
                                        border-color: transparent
                                    }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list > .category-dilimeter {
                                height: 20px;
                                text-decoration: none;
                                width: 16px;
                                font-size: 16px;
                                margin-right: 8px
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list .arrow {
                                margin-left: 4px;
                                margin-right: 4px
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .entity-type {
                                border-radius: 3px;
                                margin-right: 8px;
                                border: 1px solid #cfcfcf;
                                color: #969696;
                                padding: 0 6px
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category * {
                                cursor: pointer !important
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell span {
                                cursor: default;
                                white-space: nowrap
                            }

                        #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell {
                            width: 300px;
                            max-width: 300px;
                            position: relative;
                            overflow: hidden;
                            white-space: nowrap;
                            word-break: break-all;
                            text-overflow: ellipsis;
                            padding: 0 20px
                        }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell .top {
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell .last-activity {
                                color: #969696;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis
                            }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell .last-activity .action {
                                    text-transform: lowercase
                                }

                        #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.answer-cell {
                            width: 80px;
                            max-width: 80px;
                            text-align: center
                        }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.answer-cell .answers-count {
                                color: #969696;
                                font-size: 32px;
                                text-align: center;
                                min-height: 60px
                            }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.answer-cell .answers-count.helpful {
                                    color: #D00F78
                                }

                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row.modified {
                        background-color: #e9f6fc !important
                    }

                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row.duplicated .ticket-cell.subject-cell {
                        padding-right: 98px !important
                    }

            #main-content .inner-container #primary-content #tickets-list .search-results {
                padding-bottom: 20px
            }

                #main-content .inner-container #primary-content #tickets-list .search-results .btn {
                    display: block;
                    margin-top: 15px;
                    margin-bottom: 10px;
                    padding: 7px 22px;
                    font-family: 'Open Sans Condensed Bold',sans-serif;
                    font-size: 16px;
                    text-transform: uppercase;
                    border-radius: 50px;
                    color: #7b7b7b;
                    background-color: transparent;
                    border: 2px solid #7b7b7b
                }

                #main-content .inner-container #primary-content #tickets-list .search-results .applied-search-string {
                    color: #7b7b7b;
                    font-size: 18px;
                    font-weight: 600
                }

                    #main-content .inner-container #primary-content #tickets-list .search-results .applied-search-string .icon-close-circle {
                        font-size: 16px;
                        margin-left: 13px;
                        cursor: pointer
                    }

                #main-content .inner-container #primary-content #tickets-list .search-results .sorting {
                    position: relative;
                    font-size: 16px;
                    float: right
                }

                    #main-content .inner-container #primary-content #tickets-list .search-results .sorting > .dropdown-toggle {
                        font-size: 16px;
                        color: #115bc0
                    }

                        #main-content .inner-container #primary-content #tickets-list .search-results .sorting > .dropdown-toggle .icon-chevron-down {
                            color: #115bc0;
                            display: inline-block;
                            font-size: 10px;
                            width: 10px;
                            height: 8px
                        }

                    #main-content .inner-container #primary-content #tickets-list .search-results .sorting .dropdown-popup {
                        min-width: 130px;
                        top: 25px;
                        right: 0
                    }

                        #main-content .inner-container #primary-content #tickets-list .search-results .sorting .dropdown-popup ul li a {
                            width: 100%;
                            display: block
                        }

                #main-content .inner-container #primary-content #tickets-list .search-results > * {
                    display: inline-block
                }

            #main-content .inner-container #primary-content #tickets-list .empty-result {
                text-align: center;
                display: none;
                font-size: 18px;
                margin-top: 50px
            }

                #main-content .inner-container #primary-content #tickets-list .empty-result.visible {
                    display: block
                }

                #main-content .inner-container #primary-content #tickets-list .empty-result p {
                    margin: 0;
                    font-size: 16px
                }

                    #main-content .inner-container #primary-content #tickets-list .empty-result p strong {
                        font-weight: 600;
                        color: #404040;
                        font-size: 18px
                    }

                #main-content .inner-container #primary-content #tickets-list .empty-result a {
                    color: #115bc0;
                    font-weight: 400
                }

                #main-content .inner-container #primary-content #tickets-list .empty-result button {
                    margin-top: 40px;
                    height: 60px;
                    width: 230px;
                    font-size: 26px;
                    line-height: 46px;
                    text-decoration: none !important
                }

                #main-content .inner-container #primary-content #tickets-list .empty-result .error-message {
                    color: #969696
                }

            #main-content .inner-container #primary-content #tickets-list #ticket-page-loader {
                position: absolute;
                background: rgba(255,255,255,.78);
                top: 0;
                bottom: 0;
                width: 100%;
                text-align: center;
                z-index: 1
            }

                #main-content .inner-container #primary-content #tickets-list #ticket-page-loader .content-block {
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%)
                }

            #main-content .inner-container #primary-content.sidebar-visible {
                padding-left: 40px
            }

@media(max-width:1200px) {
    #sidebar {
        width: 280px;
        margin-left: -310px
    }

    #main-content .inner-container #primary-content.sidebar-visible {
        padding-left: 30px
    }

    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell {
        width: 250px;
        max-width: 250px
    }
}

@media(max-width:1024px) {
    .inner-container {
        padding-left: 15px;
        padding-right: 15px
    }

    #action-bar {
        z-index: 4
    }

        #action-bar .inner-container #content-actions {
            right: 15px !important
        }

        #action-bar .inner-container .selected-filters-panel {
            display: none
        }

        #action-bar .inner-container .selected-filters-container .toggle-filter-panel {
            margin-right: 45px
        }

            #action-bar .inner-container .selected-filters-container .toggle-filter-panel .filter-text {
                display: none
            }

        #action-bar .inner-container .selected-filters-container.has-active-filters .toggle-filter-panel::after {
            right: -30px
        }

    #content #main-content {
        z-index: 1
    }

        #content #main-content.sidebar-visible + #pager {
            z-index: 0;
            margin-left: 280px
        }

        #content #main-content > .inner-container {
            padding-top: 15px
        }

            #content #main-content > .inner-container #primary-content {
                margin-left: 0;
                margin-right: 0;
                overflow: visible
            }

                #content #main-content > .inner-container #primary-content.sidebar-visible {
                    margin-left: 280px;
                    margin-right: -280px;
                    padding-left: 20px
                }

                #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row {
                    font-size: 14px
                }

                    #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row.duplicated .ticket-cell.subject-cell {
                        padding-right: 65px !important
                    }

                    #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.answer-cell {
                        display: none
                    }

                    #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.ticket-cell {
                        padding-left: 15px
                    }

                    #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell {
                        padding-left: 15px;
                        padding-right: 15px
                    }

                    #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .states .state {
                        margin: 0 5px
                    }

                #content #main-content > .inner-container #primary-content #tickets-list .search-results {
                    padding-bottom: 15px
                }

                    #content #main-content > .inner-container #primary-content #tickets-list .search-results .applied-search-string {
                        font-size: 16px
                    }

                    #content #main-content > .inner-container #primary-content #tickets-list .search-results #sorting, #content #main-content > .inner-container #primary-content #tickets-list .search-results #sorting .dropdown-toggle {
                        font-size: 14px
                    }

            #content #main-content > .inner-container #sidebar {
                min-height: 100%;
                z-index: 1;
                border-bottom: none;
                box-shadow: none
            }

                #content #main-content > .inner-container #sidebar:after {
                    transition: all .2s ease;
                    content: "";
                    top: 0 !important;
                    left: 100%;
                    height: 100% !important;
                    width: 200vw !important;
                    z-index: 3;
                    background-color: transparent;
                    position: absolute !important
                }

                #content #main-content > .inner-container #sidebar.sidebar-visible:after {
                    left: 278px !important
                }

    #content #pager {
        height: 70px
    }

        #content #pager .inner-container {
            padding: 10px 0
        }

            #content #pager .inner-container .paging-item {
                font-size: 14px
            }

                #content #pager .inner-container .paging-item .icon, #content #pager .inner-container .paging-item.active a {
                    font-size: 16px
                }

                    #content #pager .inner-container .paging-item .icon > svg, #content #pager .inner-container .paging-item.active a > svg {
                        height: 16px
                    }

    .modal .disclaimer {
        margin: 21px 20px
    }
}

@media(max-width:640px) {
    #content #main-content > .inner-container {
        padding-top: 5px
    }

        #content #main-content > .inner-container #primary-content #tickets-list .search-results {
            padding: 15px
        }

            #content #main-content > .inner-container #primary-content #tickets-list .search-results #sorting, #content #main-content > .inner-container #primary-content #tickets-list .search-results .applied-search-string {
                display: block;
                float: none
            }

            #content #main-content > .inner-container #primary-content #tickets-list .search-results #sorting {
                margin-top: 5px
            }

                #content #main-content > .inner-container #primary-content #tickets-list .search-results #sorting .dropdown-popup {
                    right: auto
                }

        #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row.duplicated .ticket-cell.subject-cell {
            padding-right: 0 !important
        }

        #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.ticket-cell {
            padding-right: 15px
        }

        #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell {
            display: none
        }

        #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .states {
            position: relative;
            display: block
        }

            #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .states .state {
                margin-left: 0;
                top: 0;
                transform: none
            }

    #content #pager .paging-item.left-arrow {
        margin-right: 20px
    }

    #content #pager .paging-item.right-arrow {
        margin-left: 20px
    }

    #content #pager .paging-item.page:hover:not(.active) {
        background-color: transparent
    }

    #content #pager .paging-item, #content #pager .paging-item-link {
        width: 36px !important;
        height: 36px !important
    }

    #content #pager .paging-item {
        border-radius: 36px !important;
        margin-top: 10px !important
    }

        #content #pager .paging-item.left-arrow .icon, #content #pager .paging-item.right-arrow .icon {
            width: 36px !important;
            height: 36px !important;
            font-size: 16px
        }

    #content #pager .paging-item-link {
        line-height: inherit !important;
        position: relative !important
    }

    #content #pager .body .paging-item {
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -ms-center
    }

        #content #pager .body .paging-item .paging-item-link {
            display: table-cell;
            vertical-align: middle
        }
}

#filter-list .filters {
    padding: 25px 25px 22px
}

    #filter-list .filters .editor-label {
        font-size: 15px
    }

    #filter-list .filters .dx-checkbox-container {
        padding: 5px;
        margin: -5px
    }

    #filter-list .filters .dx-checkbox-icon, #filter-list .filters .dx-icon-clear, #filter-list .filters .dx-icon-search, #filter-list .filters .dx-treeview-toggle-item-visibility {
        font-family: answerdesk-icons
    }

        #filter-list .filters .dx-icon-clear:before {
            content: '';
            font-size: 16px !important
        }

        #filter-list .filters .dx-icon-search:before {
            content: '';
            font-size: 16px !important;
            display: none
        }

        #filter-list .filters .dx-treeview-toggle-item-visibility:before {
            content: '';
            font-size: 10px !important;
            margin: 0;
            transform: translate(-50%,-50%);
            top: 50%;
            left: 50%
        }

    #filter-list .filters .dx-checkbox {
        width: 100%;
        padding-bottom: 4px
    }

        #filter-list .filters .dx-checkbox .dx-checkbox-icon {
            width: 16px;
            height: 16px;
            border-color: #cfcfcf
        }

        #filter-list .filters .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon:before {
            content: ' ';
            font-size: 10px !important;
            margin: 0;
            transform: translate(-50%,-50%);
            top: 50%;
            left: 50%;
            width: 10px;
            height: 10px;
            background: #D00F78;
            display: block
        }

        #filter-list .filters .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
            color: #fff;
            background-color: #D00F78
        }

            #filter-list .filters .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:before {
                content: "";
                font-size: 10px !important;
                margin: 0;
                transform: translate(-50%,-50%);
                top: 50%;
                left: 50%
            }

        #filter-list .filters .dx-checkbox.dx-state-focused .dx-checkbox-icon {
            border-color: #cfcfcf;
            box-shadow: 0 0 5px 0 rgba(255,118,0,.75)
        }

        #filter-list .filters .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon, #filter-list .filters .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon {
            border-color: #D00F78
        }

        #filter-list .filters .dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon, #filter-list .filters .dx-checkbox.dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon {
            border-color: #D00F78;
            box-shadow: 0 0 5px 0 rgba(255,118,0,.75)
        }

        #filter-list .filters .dx-checkbox .dx-checkbox-text {
            margin-left: -20px;
            padding-left: 32px;
            line-height: 16px;
            color: #505050
        }

    #filter-list .filters .filter:first-child .multiple-dropdown {
        border-top: none;
        margin-top: 0
    }

        #filter-list .filters .filter:first-child .multiple-dropdown .clear-filter-values, #filter-list .filters .filter:first-child .multiple-dropdown .editor-label {
            margin-top: 0
        }

    #filter-list .filters .multiple-dropdown {
        border-top: 1px solid #cfcfcf;
        margin-top: 12px
    }

        #filter-list .filters .multiple-dropdown .plain-tree .dx-scrollable-container {
            overflow: visible
        }

            #filter-list .filters .multiple-dropdown .plain-tree .dx-scrollable-container .dx-scrollable-content {
                padding-left: 5px;
                padding-right: 5px;
                margin-left: -5px;
                margin-right: -5px
            }

                #filter-list .filters .multiple-dropdown .plain-tree .dx-scrollable-container .dx-scrollable-content .dx-treeview-node-container {
                    overflow: visible
                }

        #filter-list .filters .multiple-dropdown .clear-filter-values {
            float: right;
            margin-top: 22px;
            font-size: 14px;
            color: #969696
        }

        #filter-list .filters .multiple-dropdown .editor-label {
            margin-top: 23px;
            margin-bottom: 10px;
            color: #7b7b7b;
            display: inline-block;
            font-weight: 600
        }

        #filter-list .filters .multiple-dropdown .dx-treeview-node {
            padding-bottom: 5px
        }

            #filter-list .filters .multiple-dropdown .dx-treeview-node .dx-checkbox {
                left: 17px
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-node.dx-treeview-node-is-leaf {
                padding-left: 0
            }

                #filter-list .filters .multiple-dropdown .dx-treeview-node.dx-treeview-node-is-leaf .dx-checkbox {
                    left: 0
                }

            #filter-list .filters .multiple-dropdown .dx-treeview-node.dx-state-focused .dx-checkbox-icon {
                border-color: #cfcfcf;
                box-shadow: 0 0 5px 0 rgba(255,118,0,.75)
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-node.dx-state-focused .dx-checkbox-checked .dx-checkbox-icon, #filter-list .filters .multiple-dropdown .dx-treeview-node.dx-state-focused .dx-checkbox-indeterminate .dx-checkbox-icon {
                border-color: #D00F78;
                box-shadow: 0 0 5px 0 rgba(255,118,0,.75)
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-node:last-of-type {
                padding-bottom: 3px
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-node .dx-treeview-item {
                padding: 0 0 0 28px;
                min-height: 26px;
                line-height: 22px;
                color: #505050
            }

                #filter-list .filters .multiple-dropdown .dx-treeview-node .dx-treeview-item.dx-state-hover {
                    background: 0 0
                }

                #filter-list .filters .multiple-dropdown .dx-treeview-node .dx-treeview-item.dx-state-disabled {
                    display: none !important
                }

        #filter-list .filters .multiple-dropdown .dx-treeview-search {
            margin-top: 6px;
            margin-bottom: 15px;
            border-radius: 0;
            border-color: #cfcfcf
        }

            #filter-list .filters .multiple-dropdown .dx-treeview-search .dx-texteditor-input {
                min-height: 30px;
                padding-top: 0;
                padding-bottom: 0;
                padding-left: 8px
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-search .dx-placeholder::before {
                padding-top: 0;
                padding-bottom: 0;
                padding-left: 8px;
                color: #969696
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-search.dx-state-focused {
                border-color: #cfcfcf;
                box-shadow: 0 0 5px 0 rgba(255,118,0,.75)
            }

        #filter-list .filters .multiple-dropdown .dx-treeview-toggle-item-visibility {
            height: 26px;
            transform: rotate(-90deg);
            transition: transform linear .2s;
            left: -6px;
            color: #505050
        }

            #filter-list .filters .multiple-dropdown .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
                transform: rotate(0)
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-toggle-item-visibility ~ .dx-treeview-node-container {
                padding-left: 10px;
                padding-top: 5px
            }

html body > header .r-container, html body > #MainMenuBar .inner-container, html body > footer .r-container {
    max-width: 1500px;
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto
}

html body > #MainMenuBarPlaceHolder {
    position: relative
}

#MainMenuBar {
    width: 100%;
    height: 66px;
    background-color: #303030;
    color: #fff;
    overflow: hidden;
    line-height: 66px;
    position: relative;
    z-index: 100 !important
}

    #MainMenuBar .inner-container {
        height: 66px;
        box-sizing: border-box
    }

        #MainMenuBar .inner-container .logo {
            color: #fff;
            line-height: 66px;
            font-size: 23px;
            float: left
        }

            #MainMenuBar .inner-container .logo a {
                opacity: 0;
                z-index: 0;
                transition: opacity linear 100ms;
                font-family: 'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;
                font-stretch: condensed;
                color: #fff
            }

.wf-active #MainMenuBar .inner-container .logo a {
    opacity: 1;
    font-stretch: normal
}

.wf-inactive #MainMenuBar .inner-container .logo a {
    opacity: 1
}

#MainMenuBar .inner-container a {
    text-decoration: none
}

#MainMenuBar .inner-container .filters {
    float: right
}

    #MainMenuBar .inner-container .filters > * {
        float: left
    }

    #MainMenuBar .inner-container .filters .search-box {
        font-size: 14px;
        position: relative;
        width: 400px;
        height: 36px;
        border-radius: 999px;
        background-color: #595959;
        overflow: hidden;
        font-family: Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
        top: 15px;
        margin-left: 30px
    }

        #MainMenuBar .inner-container .filters .search-box input {
            position: absolute;
            right: 0;
            top: 0;
            left: 0;
            bottom: 0;
            border: none;
            outline: none;
            color: #595959;
            background-color: transparent;
            height: inherit;
            width: inherit;
            font-size: 16px;
            padding: 0 33px 1px 15px;
            line-height: 1.2
        }

            #MainMenuBar .inner-container .filters .search-box input:focus {
                color: #fff
            }

        #MainMenuBar .inner-container .filters .search-box .icon {
            position: absolute;
            width: 18px;
            height: 18px;
            font-size: 18px;
            top: 50%;
            transform: translate(-50%,-50%);
            color: #fff;
            cursor: pointer
        }

            #MainMenuBar .inner-container .filters .search-box .icon.icon-search {
                right: 5px
            }

                #MainMenuBar .inner-container .filters .search-box .icon.icon-search.open-search-btn {
                    display: none
                }

            #MainMenuBar .inner-container .filters .search-box .icon.icon-close {
                right: 35px;
                font-size: 14px;
                color: #acacac;
                display: none
            }

        #MainMenuBar .inner-container .filters .search-box .search-placeholder {
            position: absolute;
            display: block;
            color: #acacac;
            height: 36px;
            line-height: 36px;
            left: 15px;
            right: 15px;
            font-size: 16px
        }

        #MainMenuBar .inner-container .filters .search-box .search-popup {
            position: fixed;
            top: 94px;
            border-radius: 5px;
            width: 400px;
            font-size: 16px;
            padding: 12px 10px;
            border: none;
            box-shadow: 0 2px 15px rgba(0,0,0,.18);
            display: none;
            z-index: 1000;
            float: left;
            text-align: left;
            background-color: #fff
        }

@media(max-width:1200px) {
    #MainMenuBar .inner-container .filters .search-box .search-popup {
        width: 310px
    }
}

@media(max-width:640px) {
    #MainMenuBar .inner-container .filters .search-box .search-popup {
        width: auto;
        right: 15px;
        left: 58px
    }
}

#MainMenuBar .inner-container .filters .search-box .search-popup ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    #MainMenuBar .inner-container .filters .search-box .search-popup ul li {
        position: relative;
        border-radius: 4px;
        margin: 0;
        line-height: 24px;
        cursor: pointer
    }

        #MainMenuBar .inner-container .filters .search-box .search-popup ul li > * {
            padding: 7px 12px 7px 12px;
            display: block;
            position: relative;
            height: auto;
            min-height: 40px
        }

        #MainMenuBar .inner-container .filters .search-box .search-popup ul li:hover, #MainMenuBar .inner-container .filters .search-box .search-popup ul li.active {
            background-color: #e9f6fc
        }

            #MainMenuBar .inner-container .filters .search-box .search-popup ul li:hover:before, #MainMenuBar .inner-container .filters .search-box .search-popup ul li.active:before {
                content: "";
                position: absolute;
                height: 12px;
                width: 11px;
                background-image: url(../svg/arrow-left.svg);
                right: 15px;
                top: 53%;
                transform: translateY(-50%)
            }

#MainMenuBar .inner-container .filters .search-box .search-popup a {
    padding-top: 9px;
    padding-bottom: 11px
}

#MainMenuBar .inner-container .filters .search-box .search-popup .caption {
    display: block;
    color: #7b7b7b;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    padding: 0 0 8px 5px
}

#MainMenuBar .inner-container .filters .search-box.active {
    background-color: #fff
}

    #MainMenuBar .inner-container .filters .search-box.active input {
        padding-right: 70px
    }

    #MainMenuBar .inner-container .filters .search-box.active input, #MainMenuBar .inner-container .filters .search-box.active .icon {
        color: #505050
    }

        #MainMenuBar .inner-container .filters .search-box.active input.icon-close, #MainMenuBar .inner-container .filters .search-box.active .icon.icon-close {
            display: block;
            color: #acacac
        }

#MainMenuBar .inner-container .filters ul.nav-links {
    font-size: 16px;
    margin: 0
}

    #MainMenuBar .inner-container .filters ul.nav-links li {
        display: inline-block
    }

        #MainMenuBar .inner-container .filters ul.nav-links li a {
            opacity: 0;
            z-index: 0;
            transition: opacity linear 100ms;
            font-family: 'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;
            font-stretch: condensed;
            color: #fff;
            text-transform: uppercase
        }

.wf-active #MainMenuBar .inner-container .filters ul.nav-links li a {
    opacity: 1;
    font-stretch: normal
}

.wf-inactive #MainMenuBar .inner-container .filters ul.nav-links li a {
    opacity: 1
}

#MainMenuBar .inner-container .filters ul.nav-links li:not(:last-child)::after {
    content: ' ';
    height: 32px;
    border-left: 1px solid #646464;
    margin: 0 15px
}

#MainMenuBar.fixed {
    position: fixed
}

html body header.Fixed {
    z-index: 1000
}

html body main {
    background-color: #eee
}

    html body main > section:last-child {
        padding-bottom: 0 !important
    }

    html body main > section:first-child {
        padding-top: 0
    }

    html body main > section.section-hidden {
        opacity: 0;
        -moz-animation: opacity-animation 5s;
        -webkit-animation: opacity-animation 5s;
        -o-animation: opacity-animation 5s;
        animation: opacity-animation 5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    html body main > section #main-content {
        min-height: calc(100vh - 273px)
    }

        html body main > section #main-content .inner-container #primary-content {
            min-height: calc(100vh - (273px + 20px))
        }

    html body main .markdown-editor.fullscreen, html body main .editor.fullscreen {
        z-index: 10000 !important
    }

html body.modal-open main {
    z-index: 1000
}

#update-user-info-modal {
    z-index: 9999
}

    #update-user-info-modal .modal-backdrop {
        background-color: #000;
        opacity: .75
    }

    #update-user-info-modal .modal-dialog {
        width: 580px !important;
        border-radius: 3px;
        border: none
    }

        #update-user-info-modal .modal-dialog .modal-content {
            border: none
        }

            #update-user-info-modal .modal-dialog .modal-content .modal-header {
                padding: 23px 30px 0
            }

                #update-user-info-modal .modal-dialog .modal-content .modal-header .modal-title {
                    opacity: 0;
                    z-index: 0;
                    transition: opacity linear 100ms;
                    font-family: 'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;
                    font-stretch: condensed;
                    font-size: 20px;
                    text-transform: none;
                    color: #3d3d3d;
                    line-height: 20px;
                    height: 20px
                }

.wf-active #update-user-info-modal .modal-dialog .modal-content .modal-header .modal-title {
    opacity: 1;
    font-stretch: normal
}

.wf-inactive #update-user-info-modal .modal-dialog .modal-content .modal-header .modal-title {
    opacity: 1
}

#update-user-info-modal .modal-dialog .modal-content .modal-header .close-action > .icon {
    position: ABSOLUTE;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    display: block;
    cursor: pointer
}

#update-user-info-modal .modal-dialog .modal-content .modal-body {
    padding: 53px 110px 50px
}

    #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box {
        margin-bottom: 8px;
        position: relative;
        padding-top: 12px
    }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box.required .editor-label::after {
            content: "*";
            visibility: visible;
            position: relative;
            top: 1px;
            left: 5px;
            transition: all ease-in .15s
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .editor-label {
            position: absolute;
            color: #b9b9b9;
            font-weight: normal;
            margin-bottom: 0;
            display: block;
            font-size: 12px;
            line-height: 12px;
            margin-left: 10px;
            top: 0;
            transition: top ease-in .15s
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box.empty-value .editor-label {
            top: 20px;
            font-size: 14px
        }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box.empty-value .editor-label::after {
                visibility: hidden
            }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box input {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            font-size: 14px;
            line-height: 14px;
            padding: 7px 10px 8px;
            height: 30px;
            border: none;
            border-bottom: 1px solid #cecece;
            background-color: transparent !important
        }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box input:focus {
                border-color: #505050
            }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box.has-error input {
            border-color: #f54062
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box.has-error .error-message {
            position: relative;
            color: #f54062;
            font-size: 12px;
            margin-bottom: -3px;
            text-align: right
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container {
            border-bottom: 1px solid #cecece
        }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container.select2-container--focus:not(.select2-container--open) {
                border-color: #505050
            }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container .select2-selection, #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container .select2-selection__arrow {
                height: 30px;
                border: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                background-color: transparent !important
            }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container .select2-selection__rendered {
                padding-left: 10px;
                line-height: 28px
            }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container .select2-selection__arrow {
                padding: 4px 14px
            }

                #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container .select2-selection__arrow b {
                    height: 10px;
                    width: 10px;
                    font-size: 6px;
                    margin-top: -3px;
                    color: #7f7f7f
                }

    #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small {
        margin-top: 40px
    }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small .inner-checked {
            border-color: #cecece;
            color: #505050
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small > label .inner-text {
            line-height: 20px;
            margin-left: 28px;
            color: #505050
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small > input[type="checkbox"]:checked + label .inner-checked::before {
            content: ''
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small > input[type="checkbox"] + label {
            height: 20px
        }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small > input[type="checkbox"] + label .inner-checked {
                height: 20px;
                width: 20px
            }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small > input:focus + label .inner-checked {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-color: #505050
        }

#update-user-info-modal .modal-dialog .modal-content .modal-footer {
    padding: 5px 110px 70px
}

    #update-user-info-modal .modal-dialog .modal-content .modal-footer .btn-action {
        opacity: 0;
        z-index: 0;
        transition: opacity linear 100ms;
        font-family: 'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;
        font-stretch: condensed;
        background: #3c3c3c;
        border: 2px solid #3c3c3c;
        border-radius: 50px;
        text-transform: uppercase;
        font-size: 15px;
        color: #fff;
        padding: 0 32px
    }

.wf-active #update-user-info-modal .modal-dialog .modal-content .modal-footer .btn-action {
    opacity: 1;
    font-stretch: normal
}

.wf-inactive #update-user-info-modal .modal-dialog .modal-content .modal-footer .btn-action {
    opacity: 1
}

#update-user-info-modal .loading-mode .content-block .loader-image {
    border-left-color: #3c3c3c
}

.confirm-alert {
    display: flex;
    margin: auto -10px 10px -10px;
    border-radius: 3px;
    padding: 12px 10px 13px 10px
}

    .confirm-alert > * {
        font-size: 14px;
        line-height: 21px
    }

    .confirm-alert.shake {
        -ms-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
        backface-visibility: hidden;
        perspective: 1000px
    }

    .confirm-alert.confirm-alert-danger {
        background: #fae4e8;
        box-shadow: 0 0 2px #f54062,0 0 2px #f54062
    }

        .confirm-alert.confirm-alert-danger > * {
            color: #f54062
        }

    .confirm-alert.confirm-alert-success {
        background: #e6f3da
    }

        .confirm-alert.confirm-alert-success > * {
            color: #57ad09
        }

.hints-content {
    position: relative;
    margin: auto -10px 10px -10px;
    padding: 0 15px 7px 15px;
    background-color: #f0f9fd;
    line-height: 21px;
    box-shadow: 0 0 2px 0 #115bc0,0 0 2px 0 #115bc0;
    border-radius: 3px
}

    .hints-content.collapsed {
        padding-bottom: 10px;
        box-shadow: 0 0 2px 0 #115bc0
    }

        .hints-content.collapsed .hints-header {
            margin-bottom: 5px
        }

        .hints-content.collapsed .hints-header-toggle {
            color: #7b7b7b !important
        }

        .hints-content.collapsed .icon-svg {
            transform: rotate(180deg);
            transition: transform 300ms
        }

    .hints-content .hints-header {
        display: flex;
        justify-content: space-between;
        margin: 0;
        margin-bottom: 10px;
        padding-top: 15px;
        font-size: 16px
    }

        .hints-content .hints-header .hints-header-toggle {
            display: flex;
            justify-content: space-between;
            position: relative;
            width: 100%;
            color: #505050;
            cursor: pointer;
            text-decoration: none;
            background: none;
            border: none;
            padding: 0;
            font: inherit;
            outline: inherit
        }

            .hints-content .hints-header .hints-header-toggle:hover {
                text-decoration: none
            }

            .hints-content .hints-header .hints-header-toggle .icon-svg {
                align-self: center
            }

    .hints-content .hints-list {
        margin: 0;
        font-size: 14px
    }

        .hints-content .hints-list .hint-title {
            margin-bottom: 2px;
            color: #505050
        }

        .hints-content .hints-list .hint-description {
            margin: 0;
            margin-bottom: 10px
        }

            .hints-content .hints-list .hint-description .hint-link {
                color: #115bc0;
                text-decoration: underline
            }

                .hints-content .hints-list .hint-description .hint-link:hover {
                    text-decoration: underline
                }

.select2-container .select2-dropdown.user-languages-dropdown {
    border-radius: 0;
    border-top: none;
    z-index: 9999
}

    .select2-container .select2-dropdown.user-languages-dropdown .select2-results__options {
        margin: 0
    }

        .select2-container .select2-dropdown.user-languages-dropdown .select2-results__options .select2-results__option {
            margin: 0;
            border-radius: 0;
            padding: 5px 10px;
            color: #505050 !important
        }

            .select2-container .select2-dropdown.user-languages-dropdown .select2-results__options .select2-results__option[aria-selected="true"] {
                background-color: #eee
            }

        .select2-container .select2-dropdown.user-languages-dropdown .select2-results__options .select2-results__option--highlighted {
            background-color: #e9f6fc
        }

@media(max-width:1200px) {
    html body > #MainMenuBar .inner-container #main-search {
        width: 310px
    }
}

@media(max-width:1100px) {
    html body > header .r-container, html body > footer .r-container, html body > #MainMenuBar .inner-container {
        padding-left: 15px;
        padding-right: 15px
    }

        html body > #MainMenuBar .inner-container #Menu-Toggle {
            display: block !important;
            position: absolute;
            left: 9px;
            top: 13px;
            background-color: transparent;
            padding: 5px;
            z-index: 1;
            border-color: transparent
        }

            html body > #MainMenuBar .inner-container #Menu-Toggle .icon-bar {
                display: block;
                width: 30px;
                height: 3px;
                background-color: #fff;
                margin: 5px 0
            }

            html body > #MainMenuBar .inner-container #Menu-Toggle a {
                padding: 10px;
                color: #fff
            }

        html body > #MainMenuBar .inner-container .logo {
            right: 420px;
            left: 60px;
            position: absolute;
            z-index: 1
        }

        html body > #MainMenuBar .inner-container .filters {
            float: none !important;
            position: absolute;
            right: 15px;
            left: 58px;
            height: 100%;
            background-color: #303030
        }

            html body > #MainMenuBar .inner-container .filters ul.nav-links {
                display: none
            }

            html body > #MainMenuBar .inner-container .filters #main-search {
                float: right
            }

    html body > #MainMenuBar.opened {
        height: 353px
    }

        html body > #MainMenuBar.opened + #container #content {
            top: 353px
        }

        html body > #MainMenuBar.opened .inner-container .filters .nav-links {
            display: block !important;
            left: -60px;
            right: -15px;
            position: absolute;
            top: 65px;
            padding: 24px 15px;
            margin: 0;
            background: #404040
        }

            html body > #MainMenuBar.opened .inner-container .filters .nav-links li {
                display: block;
                padding: 12px 0
            }

                html body > #MainMenuBar.opened .inner-container .filters .nav-links li a {
                    display: block;
                    padding: 0;
                    font-size: 24px;
                    line-height: 24px
                }

                html body > #MainMenuBar.opened .inner-container .filters .nav-links li:after {
                    content: none !important
                }
}

@media(max-width:1024px) {
    .confirm-alert {
        margin-top: 10px;
        margin-left: -8px;
        margin-right: -8px
    }

    .hints-content {
        margin-top: 5px;
        margin-left: -8px;
        margin-right: -8px;
        padding: 0 15px 5px
    }

        .hints-content.collapsed {
            padding-bottom: 10px !important
        }

        .hints-content .hints-header {
            padding-top: 15px
        }

            .hints-content .hints-header .hints-header-toggle {
                justify-content: normal
            }

                .hints-content .hints-header .hints-header-toggle .icon-svg {
                    margin-top: 2px;
                    margin-left: 8px;
                    align-self: center
                }

        .hints-content .hints-list {
            display: flex;
            max-width: 800px
        }

            .hints-content .hints-list .hint {
                margin-right: 40px
            }

                .hints-content .hints-list .hint:last-child {
                    margin-right: 0
                }
}

@media(max-width:768px) {
    #action-bar {
        position: relative !important
    }

    #content {
        top: 0 !important
    }

        #content #main-content {
            margin-top: 0 !important;
            top: 0 !important;
            margin-bottom: 0 !important
        }

    html body > header {
        position: relative
    }

    html body > #MainMenuBarPlaceHolder {
        display: none
    }

    html body > #MainMenuBar {
        top: 0 !important;
        position: relative !important
    }
}

@media(max-width:640px) {
    html body > #MainMenuBar .inner-container .logo {
        text-align: center;
        right: 60px
    }

    html body > #MainMenuBar .inner-container #main-search {
        float: right;
        width: 36px !important;
        height: 36px !important
    }

        html body > #MainMenuBar .inner-container #main-search .search-box {
            width: 200px !important
        }

        html body > #MainMenuBar .inner-container #main-search input {
            display: none
        }

        html body > #MainMenuBar .inner-container #main-search .search-placeholder {
            display: none
        }

        html body > #MainMenuBar .inner-container #main-search .icon.icon-search {
            right: 0
        }

            html body > #MainMenuBar .inner-container #main-search .icon.icon-search.open-search-btn {
                display: block
            }

                html body > #MainMenuBar .inner-container #main-search .icon.icon-search.open-search-btn::before {
                    padding: 5px
                }

                html body > #MainMenuBar .inner-container #main-search .icon.icon-search.open-search-btn + .icon-search {
                    display: none
                }

        html body > #MainMenuBar .inner-container #main-search.active {
            z-index: 1;
            width: 100% !important;
            margin-left: 0
        }

            html body > #MainMenuBar .inner-container #main-search.active input {
                display: block
            }

            html body > #MainMenuBar .inner-container #main-search.active .search-placeholder {
                display: block
            }

    #update-user-info-modal .modal-dialog {
        width: 100% !important;
        padding: 0 15px
    }

        #update-user-info-modal .modal-dialog .modal-content .modal-footer, #update-user-info-modal .modal-dialog .modal-content .modal-body {
            padding-left: 30px;
            padding-right: 30px
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body {
            padding-bottom: 30px
        }

    .hints-content {
        margin-top: 15px;
        margin-bottom: 2px
    }

    .confirm-alert {
        margin: 10px 2px 2px 2px
    }
}

@media(max-width:480px) {
    .hints-content {
        position: relative
    }

        .hints-content .hints-header .hints-header-toggle {
            justify-content: space-between
        }

            .hints-content .hints-header .hints-header-toggle .icon-svg {
                align-self: center
            }

        .hints-content .hints-list {
            display: block
        }
}

@keyframes opacity-animation {
    99% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes opacity-animation {
    99% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes shake {
    10%,90% {
        -ms-transform: translate3d(0,-1px,0);
        -webkit-transform: translate3d(0,-1px,0);
        -o-transform: translate3d(0,-1px,0);
        -moz-transform: translate3d(0,-1px,0);
        transform: translate3d(0,-1px,0)
    }

    20%,80% {
        -ms-transform: translate3d(0,2px,0);
        -webkit-transform: translate3d(0,2px,0);
        -o-transform: translate3d(0,2px,0);
        -moz-transform: translate3d(0,2px,0);
        transform: translate3d(0,2px,0)
    }

    30%,50%,70% {
        -ms-transform: translate3d(0,-4px,0);
        -webkit-transform: translate3d(0,-4px,0);
        -o-transform: translate3d(0,-4px,0);
        -moz-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }

    40%,60% {
        -ms-transform: translate3d(0,4px,0);
        -webkit-transform: translate3d(0,4px,0);
        -o-transform: translate3d(0,4px,0);
        -moz-transform: translate3d(0,4px,0);
        transform: translate3d(0,4px,0)
    }
}

@keyframes shake {
    10%,90% {
        -ms-transform: translate3d(0,-1px,0);
        -webkit-transform: translate3d(0,-1px,0);
        -o-transform: translate3d(0,-1px,0);
        -moz-transform: translate3d(0,-1px,0);
        transform: translate3d(0,-1px,0)
    }

    20%,80% {
        -ms-transform: translate3d(0,2px,0);
        -webkit-transform: translate3d(0,2px,0);
        -o-transform: translate3d(0,2px,0);
        -moz-transform: translate3d(0,2px,0);
        transform: translate3d(0,2px,0)
    }

    30%,50%,70% {
        -ms-transform: translate3d(0,-4px,0);
        -webkit-transform: translate3d(0,-4px,0);
        -o-transform: translate3d(0,-4px,0);
        -moz-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }

    40%,60% {
        -ms-transform: translate3d(0,4px,0);
        -webkit-transform: translate3d(0,4px,0);
        -o-transform: translate3d(0,4px,0);
        -moz-transform: translate3d(0,4px,0);
        transform: translate3d(0,4px,0)
    }
}


/*!
* DevExtreme
* Version: 18.2.6
* Build date: Feb 5, 2019
*
* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
.dx-colorview-palette-handle {
    background: radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #fff 7px, #fff 12px, rgba(0, 0, 0, 0.2) 13px);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.dx-colorview-hue-scale-handle {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset -5px 0px 0px 3px #fff, inset 5px 0px 0px 3px #fff, inset -6px 0px 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset -5px 0px 0px 3px #fff, inset 5px 0px 0px 3px #fff, inset -6px 0px 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.dx-colorview-alpha-channel-handle {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px -5px 0px 3px #fff, inset 0px 5px 0px 3px #fff, inset 0px -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 6px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -5px 0px 3px #fff, inset 0px 5px 0px 3px #fff, inset 0px -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 6px 1px 4px rgba(0, 0, 0, 0.2);
}

.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid #dee1e3;
    border-right: 1px solid #dee1e3;
}

.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-bottom: 1px solid #dee1e3;
}

.dx-datagrid-borders > .dx-datagrid-pager,
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-top: 1px solid #dee1e3;
}

.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-top-width: 0;
    border-left: 1px solid #dee1e3;
    border-right: 1px solid #dee1e3;
    border-bottom: 1px solid #dee1e3;
}

.dx-datagrid {
    color: #333;
    background-color: #fff;
}

    .dx-datagrid .dx-sort-up {
        font: 14px/1 DXIcons;
    }

        .dx-datagrid .dx-sort-up:before {
            content: "\f051";
        }

    .dx-datagrid .dx-sort-down {
        font: 14px/1 DXIcons;
    }

        .dx-datagrid .dx-sort-down:before {
            content: "\f052";
        }

    .dx-datagrid .dx-header-filter {
        position: relative;
        color: #8899a8;
        font: 14px/1 DXIcons;
    }

        .dx-datagrid .dx-header-filter:before {
            content: "\f050";
        }

    .dx-datagrid .dx-header-filter-empty {
        color: rgba(136, 153, 168, 0.5);
    }

    .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

    .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
        background-color: #fff;
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
    .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
    .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
    .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
        border-left: 2px solid #dee1e3;
        border-right: 2px solid #dee1e3;
    }

        .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
        .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
        .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
        .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
            border-left: none;
        }

        .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
        .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
        .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
        .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
            border-right: none;
        }

    .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
        background-color: #fff;
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
        position: relative;
    }

        .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before {
            display: block;
            position: absolute;
            left: 7px;
            right: 7px;
            top: 0;
            bottom: 0;
            content: '';
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDUyODc5REEzRDYzMTFFOEE5NUY5NzJBRDdGNUE5RjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDUyODc5RDkzRDYzMTFFOEE5NUY5NzJBRDdGNUE5RjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgiPayEAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
            background-repeat: no-repeat repeat;
        }

        .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
        }

    .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
        color: #333;
    }

    .dx-datagrid .dx-error-row td {
        color: #fff;
        padding: 0;
    }

    .dx-datagrid .dx-error-row .dx-error-message {
        background-color: #fa94a0;
        white-space: normal;
        word-wrap: break-word;
    }

    .dx-datagrid .dx-column-lines > td:first-child {
        border-left: none;
    }

    .dx-datagrid .dx-column-lines > td:last-child {
        border-right: none;
    }

.dx-datagrid-filter-panel {
    color: #333;
    border-top: 1px solid #dee1e3;
}

.dx-datagrid-form-buttons-container {
    float: right;
}

    .dx-datagrid-form-buttons-container .dx-button {
        margin-left: 10px;
        margin-top: 10px;
    }

.dx-datagrid-column-chooser {
    color: #333;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.35715;
}

    .dx-datagrid-column-chooser input,
    .dx-datagrid-column-chooser textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.35715;
    }

.dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-datagrid-adaptive-more {
    cursor: pointer;
    font: 14px/1 DXIcons;
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    background-size: 21px 21px;
    padding: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

    .dx-datagrid-adaptive-more:before {
        content: "\f06c";
    }

.dx-datagrid-edit-popup .dx-error-message {
    background-color: #fa94a0;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
    margin-bottom: 20px;
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
    border-left: 2px solid #dee1e3;
}

    .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
    .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
    .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
        border-right: none;
    }

    .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
    .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
    .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
        border-left: none;
    }

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
    border-right: none;
    border-left: 1px solid #dee1e3;
}

.dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
    border-left: none;
    border-right: 1px solid #dee1e3;
}

.dx-rtl .dx-datagrid-form-buttons-container {
    float: left;
}

    .dx-rtl .dx-datagrid-form-buttons-container .dx-button {
        margin-left: 0;
        margin-right: 10px;
    }

.dx-datagrid-cell-updated-animation {
    -webkit-animation: dx-datagrid-highlight-change 1s;
    animation: dx-datagrid-highlight-change 1s;
}

@-webkit-keyframes dx-datagrid-highlight-change {
    from {
        background-color: rgba(51, 51, 51, 0.08);
    }

    50% {
        background-color: rgba(51, 51, 51, 0.08);
    }
}

@keyframes dx-datagrid-highlight-change {
    from {
        background-color: rgba(51, 51, 51, 0.08);
    }

    50% {
        background-color: rgba(51, 51, 51, 0.08);
    }
}

.dx-pivotgrid-fields-container .dx-position-indicator {
    background-color: gray;
}

    .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical {
        margin-top: -4px;
        margin-left: -1px;
        height: 2px;
    }

        .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical.dx-position-indicator-last {
            margin-top: -3px;
        }

    .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
        margin-left: -3px;
        width: 2px;
    }

        .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
            margin-left: 3px;
        }

.dx-pivotgrid-fields-container .dx-area-fields {
    position: relative;
}

.dx-pivotgrid-fields-container .dx-sort {
    color: #627789;
    font-size: 14px;
    width: 14px;
}

.dx-pivotgrid-fields-container .dx-sort-up {
    font: 14px/1 DXIcons;
}

    .dx-pivotgrid-fields-container .dx-sort-up:before {
        content: "\f051";
    }

.dx-pivotgrid-fields-container .dx-sort-down {
    font: 14px/1 DXIcons;
}

    .dx-pivotgrid-fields-container .dx-sort-down:before {
        content: "\f052";
    }

.dx-pivotgrid-fields-container .dx-header-filter {
    color: #8899a8;
    font: 14px/1 DXIcons;
    font-size: 14px;
    width: 14px;
}

    .dx-pivotgrid-fields-container .dx-header-filter:before {
        content: "\f050";
    }

.dx-pivotgrid-fields-container .dx-header-filter-empty {
    color: rgba(136, 153, 168, 0.5);
}

.dx-pivotgrid-fields-container .dx-area-field {
    cursor: pointer;
}

.dx-pivotgrid-fields-container.dx-drag {
    opacity: 0.8;
}

    .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
        -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(240, 91, 65, 0.5);
    }

.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
    background-color: #fff;
    margin-bottom: 4px;
    border: 1px solid #dee1e3;
    padding: 7px 10px;
}

.dx-pivotgrid-fields-container .dx-drag-source {
    opacity: 0.5;
}

.dx-pivotgrid-fields-container .dx-column-indicators {
    vertical-align: bottom;
    margin-left: 6px;
}

.dx-pivotgrid-fields-container .dx-area-field-content {
    vertical-align: bottom;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area {
    overflow: hidden;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
    margin-right: 10px;
    float: right;
    display: inline-block;
}

    .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
    .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
        margin-right: 4px;
    }

.dx-pivotgrid .dx-data-header,
.dx-pivotgrid .dx-column-header,
.dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background {
    background-color: #f8f8f8;
}

.dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area {
    color: #333;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.35715;
}

    .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input,
    .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.35715;
    }

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
    margin-left: -5px;
    padding-left: 5px;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 0;
}

.dx-pivotgrid .dx-filter-header .dx-area-field-container {
    border-spacing: 8px;
    border-collapse: separate;
}

.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td {
    padding: 2px;
}

.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 2px;
}

.dx-pivotgrid .dx-area-field.dx-area-box {
    margin-bottom: 0;
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
    border-top: 1px solid #dee1e3;
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td {
    border-top-width: 0px;
}

.dx-pivotgrid .dx-expand-icon-container {
    margin-left: -5px;
    margin-right: 0;
}

.dx-pivotgrid .dx-area-row-cell,
.dx-pivotgrid .dx-area-description-cell {
    border-right: 1px solid #dee1e3;
}

.dx-pivotgrid .dx-area-description-cell {
    white-space: nowrap;
}

    .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
        margin: 1px;
    }

        .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) {
            border-color: transparent;
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

.dx-pivotgrid .dx-bottom-border,
.dx-pivotgrid .dx-area-description-cell,
.dx-pivotgrid .dx-area-column-cell {
    border-bottom: 1px solid #dee1e3;
}

.dx-pivotgrid .dx-pivotgrid-area {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-pivotgrid .dx-pivotgrid-area td {
        color: #627789;
        padding: 7px 10px;
    }

.dx-pivotgrid .dx-pivotgrid-fields-area-head td {
    position: relative;
    border: none;
    padding: 10px 2px;
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 10px;
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
    padding-right: 10px;
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
    white-space: nowrap;
    padding: 6px 0;
    border: 1px solid transparent;
    color: #2a333b;
}

.dx-pivotgrid .dx-group-connector {
    position: absolute;
    width: 2px;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background-color: #dee1e3;
}

    .dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
        left: 0;
    }

    .dx-pivotgrid .dx-group-connector.dx-group-connector-next {
        right: 0;
    }

.dx-pivotgrid .dx-virtual-content {
    display: none;
}

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content {
    position: relative;
    overflow: hidden;
    display: block;
}

    .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td {
        color: transparent;
        background-color: transparent !important;
    }

        .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td span {
            visibility: hidden;
        }

.dx-pivotgrid .dx-virtual-mode table {
    position: absolute;
}

.dx-pivotgrid .dx-pivotgrid-area-data {
    position: relative;
}

    .dx-pivotgrid .dx-pivotgrid-area-data tbody td {
        text-align: right;
        color: #333;
        white-space: nowrap;
        border-left: 1px solid #dee1e3;
    }

        .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
            border-left: 0px;
        }

    .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total,
    .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal {
        border-top-width: 0px;
    }

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
    border-top: 1px solid #dee1e3;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
    border-right: 0px;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
    min-width: 50px;
    border-right: 1px solid #dee1e3;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td {
    border-top: 0px;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child {
    border-right: 0px;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total,
.dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total {
    border-top: 1px solid #dee1e3;
    border-bottom: 1px solid #dee1e3;
}

.dx-pivotgrid .dx-area-tree-view .dx-total {
    border-bottom: none;
}

.dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
    border-top: 1px solid transparent;
    background-color: #f8f8f8;
    width: 24px;
    padding: 0;
    min-width: 24px;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
    border-right: 1px solid #dee1e3;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
    text-align: center;
    border: 1px solid #dee1e3;
}

    .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
    .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
        text-align: left;
    }

    .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
        border-left: 0px;
    }

.dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
    border-top: 0px;
}

.dx-pivotgrid .dx-expand-icon-container {
    width: 14px;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child {
    border-bottom: 0;
}

.dx-pivotgrid .dx-total,
.dx-pivotgrid .dx-data-header,
.dx-pivotgrid .dx-column-header,
.dx-pivotgrid .dx-area-description-cell {
    background-color: #f8f8f8;
}

.dx-pivotgrid .dx-grandtotal {
    background-color: #f5f5f5;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-left: 1px solid #dee1e3;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
    border-right: 1px solid #dee1e3;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-top: 1px solid #dee1e3;
}

    .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td {
        display: inline-block;
    }

.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-bottom: 1px solid #dee1e3;
}

.dx-pivotgrid .dx-icon-sorted {
    display: inline-block;
    margin-left: 5px;
    width: 14px;
}

.dx-pivotgrid .dx-menu-item .dx-icon {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-pivotgrid .dx-popup-content {
    padding: 10px;
}

    .dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td {
        padding: 0px 2px;
    }

.dx-pivotgridfieldchooser .dx-area-fields {
    overflow: hidden;
}

.dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
    margin-bottom: 1px;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-pivotgridfieldchooser .dx-treeview-search {
    margin: 5px;
}

.dx-pivotgridfieldchooser .dx-area-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.dx-pivotgridfieldchooser .dx-area {
    padding: 5px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
    .dx-pivotgridfieldchooser .dx-area > .dx-treeview,
    .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 0;
    }

        .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper,
        .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper,
        .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
            display: -webkit-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 0;
        }

            .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
            .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
            .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
                height: auto;
            }

    .dx-pivotgridfieldchooser .dx-area .dx-area-fields {
        margin-top: 3px;
        border: 1px solid #dee1e3;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 0;
    }

.dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.dx-pivotgridfieldchooser .dx-area-fields[group] {
    padding: 5px;
    background-color: #f8f8f8;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
    border-color: #f05b41;
}

.dx-pivotgridfieldchooser .dx-area-icon-all {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-filter {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-row {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-column {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-data {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-icon-measure {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-icon-dimension {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-icon-hierarchy {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) no-repeat center center;
}

.dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
    margin-left: -3px;
}

    .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
        margin-left: 1px;
    }

.dx-rtl .dx-pivotgrid-fields-container .dx-column-indicators {
    margin-left: 0;
    margin-right: 6px;
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
    margin-right: 0;
    margin-left: 10px;
    float: left;
}

    .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
    .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
        margin-right: 0;
        margin-left: 4px;
    }

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
    margin-left: 0;
    padding-left: 0;
    margin-right: -5px;
    padding-right: 5px;
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 2px;
    padding-right: 0;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td {
    padding: 10px 2px;
}

    .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
        padding-right: 10px;
    }

    .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
        padding-left: 10px;
    }

.dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
    left: initial;
    right: 0;
}

.dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
    right: initial;
    left: 0;
}

.dx-rtl.dx-pivotgrid .dx-area-row-cell,
.dx-rtl.dx-pivotgrid .dx-area-description-cell {
    border-left: 1px solid #dee1e3;
    border-right: 0px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
    border-left: 0px;
    border-right: 1px solid #dee1e3;
}

    .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
        border-left: 1px solid #dee1e3;
        border-right: 0px;
    }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
    border-right: 0px;
    border-left: 1px solid #dee1e3;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
    border-left: 0px;
    border-right: 0px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
    border-right: 0px;
    border-left: 1px solid #dee1e3;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area {
    border-left: 0px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
    border-left: 1px solid #dee1e3;
    border-right: 0px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
    text-align: right;
}

.dx-rtl.dx-pivotgrid .dx-expand-icon-container {
    margin-left: 0;
    margin-right: -5px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl.dx-pivotgrid .dx-icon-sorted {
    margin-left: 0;
    margin-right: 5px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-right: 1px solid #dee1e3;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
    border-left: 1px solid #dee1e3;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
    border-right: none;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
    border-left: none;
}

.dx-treelist-borders > .dx-treelist-headers,
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
    border-left: 1px solid #dee1e3;
    border-right: 1px solid #dee1e3;
}

.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
    border-bottom: 1px solid #dee1e3;
}

.dx-treelist-borders > .dx-treelist-pager,
.dx-treelist-borders > .dx-treelist-headers,
.dx-treelist-borders > .dx-treelist-filter-panel {
    border-top: 1px solid #dee1e3;
}

.dx-treelist-borders > .dx-treelist-filter-panel {
    border-top-width: 0;
    border-left: 1px solid #dee1e3;
    border-right: 1px solid #dee1e3;
}

.dx-treelist .dx-column-lines > td:first-child {
    border-left: none;
}

.dx-treelist .dx-column-lines > td:last-child {
    border-right: none;
}

.dx-treelist-container {
    color: #333;
    background-color: #fff;
}

    .dx-treelist-container .dx-sort-up {
        font: 14px/1 DXIcons;
    }

        .dx-treelist-container .dx-sort-up:before {
            content: "\f051";
        }

    .dx-treelist-container .dx-sort-down {
        font: 14px/1 DXIcons;
    }

        .dx-treelist-container .dx-sort-down:before {
            content: "\f052";
        }

    .dx-treelist-container .dx-header-filter {
        position: relative;
        color: #8899a8;
        font: 14px/1 DXIcons;
    }

        .dx-treelist-container .dx-header-filter:before {
            content: "\f050";
        }

    .dx-treelist-container .dx-header-filter-empty {
        color: rgba(136, 153, 168, 0.5);
    }

    .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

    .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
        background-color: #fff;
    }

    .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
    .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
    .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
        border-left: 2px solid #dee1e3;
        border-right: 2px solid #dee1e3;
    }

        .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
        .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
        .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
            border-left: none;
        }

        .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
        .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
        .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
            border-right: none;
        }

    .dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
        background-color: #fff;
    }

    .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td {
        position: relative;
    }

        .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
            display: block;
            position: absolute;
            left: 7px;
            right: 7px;
            top: 0;
            bottom: 0;
            content: '';
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDUyODc5REEzRDYzMTFFOEE5NUY5NzJBRDdGNUE5RjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDUyODc5RDkzRDYzMTFFOEE5NUY5NzJBRDdGNUE5RjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgiPayEAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
            background-repeat: no-repeat repeat;
        }

        .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
        }

    .dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
        color: #333;
    }

    .dx-treelist-container .dx-error-row td {
        color: #fff;
        padding: 0;
    }

    .dx-treelist-container .dx-error-row .dx-error-message {
        background-color: #fa94a0;
        white-space: normal;
        word-wrap: break-word;
    }

.dx-treelist-filter-panel {
    color: #333;
    border-top: 1px solid #dee1e3;
}

.dx-treelist-form-buttons-container {
    float: right;
}

    .dx-treelist-form-buttons-container .dx-button {
        margin-left: 10px;
        margin-top: 10px;
    }

.dx-treelist-column-chooser {
    color: #333;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.35715;
}

    .dx-treelist-column-chooser input,
    .dx-treelist-column-chooser textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.35715;
    }

.dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-treelist-adaptive-more {
    cursor: pointer;
    font: 14px/1 DXIcons;
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    background-size: 21px 21px;
    padding: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

    .dx-treelist-adaptive-more:before {
        content: "\f06c";
    }

.dx-treelist-edit-popup .dx-error-message {
    background-color: #fa94a0;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
    margin-bottom: 20px;
}

.dx-rtl.dx-treelist .dx-column-lines > td:first-child {
    border-right: none;
    border-left: 1px solid #dee1e3;
}

.dx-rtl.dx-treelist .dx-column-lines > td:last-child {
    border-left: none;
    border-right: 1px solid #dee1e3;
}

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
    border-left: 2px solid #dee1e3;
}

    .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
    .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
    .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
        border-right: none;
    }

    .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
    .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
    .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
        border-left: none;
    }

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.dx-rtl .dx-treelist-form-buttons-container {
    float: left;
}

    .dx-rtl .dx-treelist-form-buttons-container .dx-button {
        margin-left: 0;
        margin-right: 10px;
    }

.dx-treelist-cell-updated-animation {
    -webkit-animation: dx-treelist-highlight-change 1s;
    animation: dx-treelist-highlight-change 1s;
}

@-webkit-keyframes dx-treelist-highlight-change {
    from {
        background-color: rgba(51, 51, 51, 0.08);
    }

    50% {
        background-color: rgba(51, 51, 51, 0.08);
    }
}

@keyframes dx-treelist-highlight-change {
    from {
        background-color: rgba(51, 51, 51, 0.08);
    }

    50% {
        background-color: rgba(51, 51, 51, 0.08);
    }
}

.dx-treeview-node-loadindicator {
    left: auto;
    right: 0px;
}

.dx-rtl .dx-treeview-node .dx-checkbox {
    left: auto;
}

.dx-validationsummary-item {
    color: #f74d61;
}

.dx-validationsummary-item-content {
    border-bottom: 1px dashed;
    display: inline-block;
    line-height: normal;
}

.dx-invalid-message > .dx-overlay-content {
    color: #fff;
    background-color: #f74d61;
}

.dx-filterbuilder {
    background-color: #fff;
}

    .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
        color: #333;
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
            background-color: rgba(247, 77, 97, 0.3);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
                background-color: rgba(247, 77, 97, 0.5);
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus,
            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active {
                background-color: #f74d61;
                color: #FFF;
            }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
            background-color: rgba(240, 91, 65, 0.3);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
                background-color: rgba(240, 91, 65, 0.5);
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus,
            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active {
                background-color: #f05b41;
                color: #FFF;
            }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
            background-color: rgba(92, 184, 92, 0.3);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
                background-color: rgba(92, 184, 92, 0.5);
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus,
            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active {
                background-color: #5cb85c;
                color: #FFF;
            }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
            background-color: rgba(222, 225, 227, 0.5);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
                background-color: rgba(222, 225, 227, 0.5);
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus,
            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active {
                background-color: #dee1e3;
                color: #FFF;
            }

    .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
        color: rgba(92, 184, 92, 0.3);
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
            color: rgba(92, 184, 92, 0.5);
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active {
            color: #5cb85c;
        }

    .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
        color: rgba(247, 77, 97, 0.3);
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
            color: rgba(247, 77, 97, 0.5);
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus {
            color: #f74d61;
        }

.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
    color: #8899a8;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.dx-recurrence-numberbox-interval,
.dx-recurrence-numberbox-day-of-month,
.dx-recurrence-selectbox-month-of-year,
.dx-recurrence-numberbox-repeat-count,
.dx-recurrence-datebox-until-date,
.dx-recurrence-switch-repeat-end {
    float: left;
    position: relative !important;
}

    .dx-recurrence-numberbox-interval.dx-rtl,
    .dx-recurrence-numberbox-day-of-month.dx-rtl,
    .dx-recurrence-selectbox-month-of-year.dx-rtl,
    .dx-recurrence-numberbox-repeat-count.dx-rtl,
    .dx-recurrence-datebox-until-date.dx-rtl,
    .dx-recurrence-switch-repeat-end.dx-rtl {
        float: right;
    }

.dx-recurrence-numberbox-interval,
.dx-recurrence-numberbox-day-of-month,
.dx-recurrence-numberbox-repeat-count {
    width: 70px !important;
}

.dx-recurrence-repeat-end-wrapper {
    padding: 0 5px;
}

.dx-recurrence-radiogroup-repeat-type-label,
.dx-recurrence-repeat-end-label {
    display: inline-block;
    padding-right: 5px;
    vertical-align: top;
}

    .dx-recurrence-radiogroup-repeat-type-label.dx-rtl,
    .dx-recurrence-repeat-end-label.dx-rtl {
        padding-left: 5px;
        padding-right: 0;
    }

.dx-recurrence-repeat-end-label {
    float: left;
    width: auto;
    white-space: nowrap;
    line-height: 36px;
}

.dx-recurrence-selectbox-month-of-year {
    width: 120px !important;
    top: 0 !important;
}

.dx-recurrence-checkbox-day-of-week {
    position: relative !important;
    padding-right: 10px;
}

.dx-recurrence-radiogroup-repeat-type {
    margin: 0;
}

    .dx-recurrence-radiogroup-repeat-type .dx-item:first-child {
        padding-bottom: 10px;
    }

    .dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label {
        float: right;
    }

.dx-recurrence-editor-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
.dx-recurrence-editor-container .dx-field-value-static {
    width: 100%;
}

.dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox {
    float: left;
}

    .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
        float: right;
    }

.dx-recurrence-editor-container .dx-field-label {
    width: auto;
    float: none;
}

.dx-theme-generic-typography {
    background-color: #fff;
    color: #333;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.35715;
}

    .dx-theme-generic-typography input,
    .dx-theme-generic-typography textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.35715;
    }

    .dx-theme-generic-typography h1,
    .dx-theme-generic-typography .dx-font-xl {
        font-weight: 200;
        font-size: 34px;
    }

    .dx-theme-generic-typography h2,
    .dx-theme-generic-typography .dx-font-l {
        font-weight: normal;
        font-size: 28px;
    }

    .dx-theme-generic-typography h3 {
        font-weight: normal;
        font-size: 22px;
    }

    .dx-theme-generic-typography .dx-font-m {
        font-weight: normal;
        font-size: 20px;
    }

    .dx-theme-generic-typography h4,
    .dx-theme-generic-typography .dx-font-s {
        font-weight: 500;
        font-size: 18px;
    }

    .dx-theme-generic-typography h5 {
        font-weight: 700;
        font-size: 16px;
    }

    .dx-theme-generic-typography h6,
    .dx-theme-generic-typography small,
    .dx-theme-generic-typography .dx-font-xs {
        font-weight: 800;
        font-size: 12px;
    }

    .dx-theme-generic-typography a {
        color: #f05b41;
    }

.dx-theme-marker {
    font-family: "dx.generic.carmine";
}

.dx-theme-accent-as-text-color {
    color: #f05b41 !important;
}

.dx-theme-text-color {
    color: #333 !important;
}

.dx-theme-background-color-as-text-color {
    color: #fff !important;
}

.dx-theme-border-color-as-text-color {
    color: #dee1e3 !important;
}

.dx-theme-accent-as-background-color {
    background-color: #f05b41 !important;
    fill: #f05b41 !important;
}

.dx-theme-text-color-as-background-color {
    background-color: #333 !important;
    fill: #333 !important;
}

.dx-theme-background-color {
    background-color: #fff !important;
    fill: #fff !important;
}

.dx-theme-border-color-as-background-color {
    background-color: #dee1e3 !important;
    fill: #dee1e3 !important;
}

.dx-theme-accent-as-border-color {
    border-color: #f05b41 !important;
}

.dx-theme-text-color-as-border-color {
    border-color: #333 !important;
}

.dx-theme-background-color-as-border-color {
    border-color: #fff !important;
}

.dx-theme-border-color {
    border-color: #dee1e3 !important;
}

@font-face {
    font-family: 'DXIcons';
    src: local("DevExtreme Generic Icons"), local("devextreme_generic_icons"), url(icons/dxicons.woff2) format('woff2'), url(icons/dxicons.woff) format('woff'), url(icons/dxicons.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.dx-icon {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.dx-icon-add {
    font: 14px/1 DXIcons;
}

    .dx-icon-add:before {
        content: "\f00b";
    }

.dx-icon-airplane {
    font: 14px/1 DXIcons;
}

    .dx-icon-airplane:before {
        content: "\f000";
    }

.dx-icon-bookmark {
    font: 14px/1 DXIcons;
}

    .dx-icon-bookmark:before {
        content: "\f017";
    }

.dx-icon-box {
    font: 14px/1 DXIcons;
}

    .dx-icon-box:before {
        content: "\f018";
    }

.dx-icon-car {
    font: 14px/1 DXIcons;
}

    .dx-icon-car:before {
        content: "\f01b";
    }

.dx-icon-card {
    font: 14px/1 DXIcons;
}

    .dx-icon-card:before {
        content: "\f019";
    }

.dx-icon-cart {
    font: 14px/1 DXIcons;
}

    .dx-icon-cart:before {
        content: "\f01a";
    }

.dx-icon-chart {
    font: 14px/1 DXIcons;
}

    .dx-icon-chart:before {
        content: "\f01c";
    }

.dx-icon-check {
    font: 14px/1 DXIcons;
}

    .dx-icon-check:before {
        content: "\f005";
    }

.dx-icon-clear {
    font: 14px/1 DXIcons;
}

    .dx-icon-clear:before {
        content: "\f008";
    }

.dx-icon-clock {
    font: 14px/1 DXIcons;
}

    .dx-icon-clock:before {
        content: "\f01d";
    }

.dx-icon-close {
    font: 14px/1 DXIcons;
}

    .dx-icon-close:before {
        content: "\f00a";
    }

.dx-icon-coffee {
    font: 14px/1 DXIcons;
}

    .dx-icon-coffee:before {
        content: "\f02a";
    }

.dx-icon-comment {
    font: 14px/1 DXIcons;
}

    .dx-icon-comment:before {
        content: "\f01e";
    }

.dx-icon-doc {
    font: 14px/1 DXIcons;
}

    .dx-icon-doc:before {
        content: "\f021";
    }

.dx-icon-download {
    font: 14px/1 DXIcons;
}

    .dx-icon-download:before {
        content: "\f022";
    }

.dx-icon-dragvertical {
    font: 14px/1 DXIcons;
}

    .dx-icon-dragvertical:before {
        content: "\f038";
    }

.dx-icon-edit {
    font: 14px/1 DXIcons;
}

    .dx-icon-edit:before {
        content: "\f023";
    }

.dx-icon-email {
    font: 14px/1 DXIcons;
}

    .dx-icon-email:before {
        content: "\f024";
    }

.dx-icon-event {
    font: 14px/1 DXIcons;
}

    .dx-icon-event:before {
        content: "\f026";
    }

.dx-icon-favorites {
    font: 14px/1 DXIcons;
}

    .dx-icon-favorites:before {
        content: "\f025";
    }

.dx-icon-find {
    font: 14px/1 DXIcons;
}

    .dx-icon-find:before {
        content: "\f027";
    }

.dx-icon-filter {
    font: 14px/1 DXIcons;
}

    .dx-icon-filter:before {
        content: "\f050";
    }

.dx-icon-folder {
    font: 14px/1 DXIcons;
}

    .dx-icon-folder:before {
        content: "\f028";
    }

.dx-icon-food {
    font: 14px/1 DXIcons;
}

    .dx-icon-food:before {
        content: "\f029";
    }

.dx-icon-gift {
    font: 14px/1 DXIcons;
}

    .dx-icon-gift:before {
        content: "\f02b";
    }

.dx-icon-globe {
    font: 14px/1 DXIcons;
}

    .dx-icon-globe:before {
        content: "\f02c";
    }

.dx-icon-group {
    font: 14px/1 DXIcons;
}

    .dx-icon-group:before {
        content: "\f02e";
    }

.dx-icon-help {
    font: 14px/1 DXIcons;
}

    .dx-icon-help:before {
        content: "\f02f";
    }

.dx-icon-home {
    font: 14px/1 DXIcons;
}

    .dx-icon-home:before {
        content: "\f030";
    }

.dx-icon-image {
    font: 14px/1 DXIcons;
}

    .dx-icon-image:before {
        content: "\f031";
    }

.dx-icon-info {
    font: 14px/1 DXIcons;
}

    .dx-icon-info:before {
        content: "\f032";
    }

.dx-icon-key {
    font: 14px/1 DXIcons;
}

    .dx-icon-key:before {
        content: "\f033";
    }

.dx-icon-like {
    font: 14px/1 DXIcons;
}

    .dx-icon-like:before {
        content: "\f034";
    }

.dx-icon-map {
    font: 14px/1 DXIcons;
}

    .dx-icon-map:before {
        content: "\f035";
    }

.dx-icon-menu {
    font: 14px/1 DXIcons;
}

    .dx-icon-menu:before {
        content: "\f00c";
    }

.dx-icon-message {
    font: 14px/1 DXIcons;
}

    .dx-icon-message:before {
        content: "\f024";
    }

.dx-icon-money {
    font: 14px/1 DXIcons;
}

    .dx-icon-money:before {
        content: "\f036";
    }

.dx-icon-music {
    font: 14px/1 DXIcons;
}

    .dx-icon-music:before {
        content: "\f037";
    }

.dx-icon-overflow {
    font: 14px/1 DXIcons;
}

    .dx-icon-overflow:before {
        content: "\f00d";
    }

.dx-icon-percent {
    font: 14px/1 DXIcons;
}

    .dx-icon-percent:before {
        content: "\f039";
    }

.dx-icon-photo {
    font: 14px/1 DXIcons;
}

    .dx-icon-photo:before {
        content: "\f03a";
    }

.dx-icon-plus {
    font: 14px/1 DXIcons;
}

    .dx-icon-plus:before {
        content: "\f00b";
    }

.dx-icon-preferences {
    font: 14px/1 DXIcons;
}

    .dx-icon-preferences:before {
        content: "\f03b";
    }

.dx-icon-product {
    font: 14px/1 DXIcons;
}

    .dx-icon-product:before {
        content: "\f03c";
    }

.dx-icon-pulldown {
    font: 14px/1 DXIcons;
}

    .dx-icon-pulldown:before {
        content: "\f062";
    }

.dx-icon-refresh {
    font: 14px/1 DXIcons;
}

    .dx-icon-refresh:before {
        content: "\f03d";
    }

.dx-icon-remove {
    font: 14px/1 DXIcons;
}

    .dx-icon-remove:before {
        content: "\f00a";
    }

.dx-icon-revert {
    font: 14px/1 DXIcons;
}

    .dx-icon-revert:before {
        content: "\f04c";
    }

.dx-icon-runner {
    font: 14px/1 DXIcons;
}

    .dx-icon-runner:before {
        content: "\f040";
    }

.dx-icon-save {
    font: 14px/1 DXIcons;
}

    .dx-icon-save:before {
        content: "\f041";
    }

.dx-icon-search {
    font: 14px/1 DXIcons;
}

    .dx-icon-search:before {
        content: "\f027";
    }

.dx-icon-tags {
    font: 14px/1 DXIcons;
}

    .dx-icon-tags:before {
        content: "\f009";
    }

.dx-icon-tel {
    font: 14px/1 DXIcons;
}

    .dx-icon-tel:before {
        content: "\f003";
    }

.dx-icon-tips {
    font: 14px/1 DXIcons;
}

    .dx-icon-tips:before {
        content: "\f004";
    }

.dx-icon-todo {
    font: 14px/1 DXIcons;
}

    .dx-icon-todo:before {
        content: "\f005";
    }

.dx-icon-toolbox {
    font: 14px/1 DXIcons;
}

    .dx-icon-toolbox:before {
        content: "\f007";
    }

.dx-icon-trash {
    font: 14px/1 DXIcons;
}

    .dx-icon-trash:before {
        content: "\f03e";
    }

.dx-icon-user {
    font: 14px/1 DXIcons;
}

    .dx-icon-user:before {
        content: "\f02d";
    }

.dx-icon-upload {
    font: 14px/1 DXIcons;
}

    .dx-icon-upload:before {
        content: "\f006";
    }

.dx-icon-floppy {
    font: 14px/1 DXIcons;
}

    .dx-icon-floppy:before {
        content: "\f073";
    }

.dx-icon-arrowleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-arrowleft:before {
        content: "\f011";
    }

.dx-icon-arrowdown {
    font: 14px/1 DXIcons;
}

    .dx-icon-arrowdown:before {
        content: "\f015";
    }

.dx-icon-arrowright {
    font: 14px/1 DXIcons;
}

    .dx-icon-arrowright:before {
        content: "\f00e";
    }

.dx-icon-arrowup {
    font: 14px/1 DXIcons;
}

    .dx-icon-arrowup:before {
        content: "\f013";
    }

.dx-icon-spinleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-spinleft:before {
        content: "\f04f";
    }

.dx-icon-spinright {
    font: 14px/1 DXIcons;
}

    .dx-icon-spinright:before {
        content: "\f04e";
    }

.dx-icon-spinnext {
    font: 14px/1 DXIcons;
}

    .dx-icon-spinnext:before {
        content: "\f04e";
    }

.dx-rtl .dx-icon-spinnext:before {
    content: "\f04f";
}

.dx-icon-spinprev {
    font: 14px/1 DXIcons;
}

    .dx-icon-spinprev:before {
        content: "\f04f";
    }

.dx-rtl .dx-icon-spinprev:before {
    content: "\f04e";
}

.dx-icon-spindown {
    font: 14px/1 DXIcons;
}

    .dx-icon-spindown:before {
        content: "\f001";
    }

.dx-icon-spinup {
    font: 14px/1 DXIcons;
}

    .dx-icon-spinup:before {
        content: "\f002";
    }

.dx-icon-chevronleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevronleft:before {
        content: "\f012";
    }

.dx-icon-chevronright {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevronright:before {
        content: "\f010";
    }

.dx-icon-chevronnext {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevronnext:before {
        content: "\f010";
    }

.dx-rtl .dx-icon-chevronnext:before {
    content: "\f012";
}

.dx-icon-chevronprev {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevronprev:before {
        content: "\f012";
    }

.dx-rtl .dx-icon-chevronprev:before {
    content: "\f010";
}

.dx-icon-chevrondown {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevrondown:before {
        content: "\f016";
    }

.dx-icon-chevronup {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevronup:before {
        content: "\f014";
    }

.dx-icon-chevrondoubleleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevrondoubleleft:before {
        content: "\f042";
    }

.dx-icon-chevrondoubleright {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevrondoubleright:before {
        content: "\f043";
    }

.dx-icon-equal {
    font: 14px/1 DXIcons;
}

    .dx-icon-equal:before {
        content: "\f044";
    }

.dx-icon-notequal {
    font: 14px/1 DXIcons;
}

    .dx-icon-notequal:before {
        content: "\f045";
    }

.dx-icon-less {
    font: 14px/1 DXIcons;
}

    .dx-icon-less:before {
        content: "\f046";
    }

.dx-icon-greater {
    font: 14px/1 DXIcons;
}

    .dx-icon-greater:before {
        content: "\f047";
    }

.dx-icon-lessorequal {
    font: 14px/1 DXIcons;
}

    .dx-icon-lessorequal:before {
        content: "\f048";
    }

.dx-icon-greaterorequal {
    font: 14px/1 DXIcons;
}

    .dx-icon-greaterorequal:before {
        content: "\f049";
    }

.dx-icon-isblank {
    font: 14px/1 DXIcons;
}

    .dx-icon-isblank:before {
        content: "\f075";
    }

.dx-icon-isnotblank {
    font: 14px/1 DXIcons;
}

    .dx-icon-isnotblank:before {
        content: "\f076";
    }

.dx-icon-sortup {
    font: 14px/1 DXIcons;
}

    .dx-icon-sortup:before {
        content: "\f051";
    }

.dx-icon-sortdown {
    font: 14px/1 DXIcons;
}

    .dx-icon-sortdown:before {
        content: "\f052";
    }

.dx-icon-sortuptext {
    font: 14px/1 DXIcons;
}

    .dx-icon-sortuptext:before {
        content: "\f053";
    }

.dx-icon-sortdowntext {
    font: 14px/1 DXIcons;
}

    .dx-icon-sortdowntext:before {
        content: "\f054";
    }

.dx-icon-sorted {
    font: 14px/1 DXIcons;
}

    .dx-icon-sorted:before {
        content: "\f055";
    }

.dx-icon-expand {
    font: 14px/1 DXIcons;
}

    .dx-icon-expand:before {
        content: "\f04a";
    }

.dx-icon-collapse {
    font: 14px/1 DXIcons;
}

    .dx-icon-collapse:before {
        content: "\f04b";
    }

.dx-icon-columnfield {
    font: 14px/1 DXIcons;
}

    .dx-icon-columnfield:before {
        content: "\f057";
    }

.dx-icon-rowfield {
    font: 14px/1 DXIcons;
}

    .dx-icon-rowfield:before {
        content: "\f058";
    }

.dx-icon-datafield {
    font: 14px/1 DXIcons;
}

    .dx-icon-datafield:before {
        content: "\f056";
    }

.dx-icon-fields {
    font: 14px/1 DXIcons;
}

    .dx-icon-fields:before {
        content: "\f059";
    }

.dx-icon-fieldchooser {
    font: 14px/1 DXIcons;
}

    .dx-icon-fieldchooser:before {
        content: "\f05a";
    }

.dx-icon-columnchooser {
    font: 14px/1 DXIcons;
}

    .dx-icon-columnchooser:before {
        content: "\f04d";
    }

.dx-icon-pin {
    font: 14px/1 DXIcons;
}

    .dx-icon-pin:before {
        content: "\f05b";
    }

.dx-icon-unpin {
    font: 14px/1 DXIcons;
}

    .dx-icon-unpin:before {
        content: "\f05c";
    }

.dx-icon-pinleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-pinleft:before {
        content: "\f05d";
    }

.dx-icon-pinright {
    font: 14px/1 DXIcons;
}

    .dx-icon-pinright:before {
        content: "\f05e";
    }

.dx-icon-contains {
    font: 14px/1 DXIcons;
}

    .dx-icon-contains:before {
        content: "\f063";
    }

.dx-icon-startswith {
    font: 14px/1 DXIcons;
}

    .dx-icon-startswith:before {
        content: "\f064";
    }

.dx-icon-endswith {
    font: 14px/1 DXIcons;
}

    .dx-icon-endswith:before {
        content: "\f065";
    }

.dx-icon-doesnotcontain {
    font: 14px/1 DXIcons;
}

    .dx-icon-doesnotcontain:before {
        content: "\f066";
    }

.dx-icon-range {
    font: 14px/1 DXIcons;
}

    .dx-icon-range:before {
        content: "\f06a";
    }

.dx-icon-export {
    font: 14px/1 DXIcons;
}

    .dx-icon-export:before {
        content: "\f05f";
    }

.dx-icon-exportxlsx {
    font: 14px/1 DXIcons;
}

    .dx-icon-exportxlsx:before {
        content: "\f060";
    }

.dx-icon-exportpdf {
    font: 14px/1 DXIcons;
}

    .dx-icon-exportpdf:before {
        content: "\f061";
    }

.dx-icon-exportselected {
    font: 14px/1 DXIcons;
}

    .dx-icon-exportselected:before {
        content: "\f06d";
    }

.dx-icon-warning {
    font: 14px/1 DXIcons;
}

    .dx-icon-warning:before {
        content: "\f06b";
    }

.dx-icon-more {
    font: 14px/1 DXIcons;
}

    .dx-icon-more:before {
        content: "\f06c";
    }

.dx-icon-square {
    font: 14px/1 DXIcons;
}

    .dx-icon-square:before {
        content: "\f067";
    }

.dx-icon-clearsquare {
    font: 14px/1 DXIcons;
}

    .dx-icon-clearsquare:before {
        content: "\f068";
    }

.dx-icon-back {
    font: 14px/1 DXIcons;
}

    .dx-icon-back:before {
        content: "\f012";
    }

.dx-rtl .dx-icon-back:before {
    content: "\f010";
}

.dx-icon-repeat {
    font: 14px/1 DXIcons;
}

    .dx-icon-repeat:before {
        content: "\f069";
    }

.dx-icon-selectall {
    font: 14px/1 DXIcons;
}

    .dx-icon-selectall:before {
        content: "\f070";
    }

.dx-icon-unselectall {
    font: 14px/1 DXIcons;
}

    .dx-icon-unselectall:before {
        content: "\f071";
    }

.dx-icon-print {
    font: 14px/1 DXIcons;
}

    .dx-icon-print:before {
        content: "\f072";
    }

.dx-icon-bold {
    font: 14px/1 DXIcons;
}

    .dx-icon-bold:before {
        content: "\f077";
    }

.dx-icon-italic {
    font: 14px/1 DXIcons;
}

    .dx-icon-italic:before {
        content: "\f078";
    }

.dx-icon-underline {
    font: 14px/1 DXIcons;
}

    .dx-icon-underline:before {
        content: "\f079";
    }

.dx-icon-strike {
    font: 14px/1 DXIcons;
}

    .dx-icon-strike:before {
        content: "\f07a";
    }

.dx-icon-indent {
    font: 14px/1 DXIcons;
}

    .dx-icon-indent:before {
        content: "\f07b";
    }

.dx-icon-fontsize {
    font: 14px/1 DXIcons;
}

    .dx-icon-fontsize:before {
        content: "\f07c";
    }

.dx-icon-growfont {
    font: 14px/1 DXIcons;
}

    .dx-icon-growfont:before {
        content: "\f07d";
    }

.dx-icon-shrinkfont {
    font: 14px/1 DXIcons;
}

    .dx-icon-shrinkfont:before {
        content: "\f07e";
    }

.dx-icon-color {
    font: 14px/1 DXIcons;
}

    .dx-icon-color:before {
        content: "\f07f";
    }

.dx-icon-background {
    font: 14px/1 DXIcons;
}

    .dx-icon-background:before {
        content: "\f080";
    }

.dx-icon-superscript {
    font: 14px/1 DXIcons;
}

    .dx-icon-superscript:before {
        content: "\f081";
    }

.dx-icon-subscript {
    font: 14px/1 DXIcons;
}

    .dx-icon-subscript:before {
        content: "\f082";
    }

.dx-icon-header {
    font: 14px/1 DXIcons;
}

    .dx-icon-header:before {
        content: "\f083";
    }

.dx-icon-blockquote {
    font: 14px/1 DXIcons;
}

    .dx-icon-blockquote:before {
        content: "\f084";
    }

.dx-icon-formula {
    font: 14px/1 DXIcons;
}

    .dx-icon-formula:before {
        content: "\f056";
    }

.dx-icon-codeblock {
    font: 14px/1 DXIcons;
}

    .dx-icon-codeblock:before {
        content: "\f085";
    }

.dx-icon-orderedlist {
    font: 14px/1 DXIcons;
}

    .dx-icon-orderedlist:before {
        content: "\f086";
    }

.dx-icon-bulletlist {
    font: 14px/1 DXIcons;
}

    .dx-icon-bulletlist:before {
        content: "\f087";
    }

.dx-icon-increaseindent {
    font: 14px/1 DXIcons;
}

    .dx-icon-increaseindent:before {
        content: "\f088";
    }

.dx-icon-decreaseindent {
    font: 14px/1 DXIcons;
}

    .dx-icon-decreaseindent:before {
        content: "\f089";
    }

.dx-icon-alignleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-alignleft:before {
        content: "\f08a";
    }

.dx-icon-alignright {
    font: 14px/1 DXIcons;
}

    .dx-icon-alignright:before {
        content: "\f08b";
    }

.dx-icon-aligncenter {
    font: 14px/1 DXIcons;
}

    .dx-icon-aligncenter:before {
        content: "\f08c";
    }

.dx-icon-alignjustify {
    font: 14px/1 DXIcons;
}

    .dx-icon-alignjustify:before {
        content: "\f08d";
    }

.dx-icon-link {
    font: 14px/1 DXIcons;
}

    .dx-icon-link:before {
        content: "\f08e";
    }

.dx-icon-video {
    font: 14px/1 DXIcons;
}

    .dx-icon-video:before {
        content: "\f08f";
    }

.dx-icon-mention {
    font: 14px/1 DXIcons;
}

    .dx-icon-mention:before {
        content: "\f090";
    }

.dx-icon-variable {
    font: 14px/1 DXIcons;
}

    .dx-icon-variable:before {
        content: "\f091";
    }

.dx-icon-clearformat {
    font: 14px/1 DXIcons;
}

    .dx-icon-clearformat:before {
        content: "\f092";
    }

.dx-icon-undo {
    font: 14px/1 DXIcons;
}

    .dx-icon-undo:before {
        content: "\f04c";
    }

.dx-rtl .dx-icon-undo:before {
    content: "\f093";
}

.dx-icon-redo {
    font: 14px/1 DXIcons;
}

    .dx-icon-redo:before {
        content: "\f093";
    }

.dx-rtl .dx-icon-redo:before {
    content: "\f04c";
}

.dx-tab .dx-icon,
.dx-tab.dx-tab-selected .dx-icon {
    background-size: 100% 100%;
    background-position: 50% 50%;
}

.dx-scrollview-pulldown {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dx-loadindicator-image {
    background-image: url(data:image/gif;base64,R0lGODlhIAAgAIABADI6Rf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAIAAgAAACQIyPqcutAJyUMM6bKt5B8+t9FCROYcmQqKOuS+tmVvzM9AHf+s6L+X0C/mjDWFDY6xRdR+Jy1TQ+oVNUxZbkFAAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnGDaUK8EWT/ufV3IgGQznomprmlrcCwsv2cNH3iOyXw/a+1+PWKR6EPahMtbkNZ0GmPRqfUaKQAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnLTai3MGCHhtfKEIciN4fJ6JBhzZvmy8tmltu7i9zmif08F+Mp5puGH5krdYYskLSqfUqvVqKAAAIfkECQkAAQAsAAAAACAAIAAAAkOMj6nL7Q+jnBBYGi3AT3Pnfc0lMmGpkGi6rYnqBhvszm0sy3es7fXJm+EMF9+qZSzRgsPD8phEAX9RZVX0bGq3XEYBACH5BAkJAAEALAAAAAAgACAAAAI+jI+pywnQYntPWkThvXTv7llgGI3kpJ1oqi5Vi8KTPNOujef6nrO63+MFXjugjdgzykxHZFOpyvyYNKdQUQAAIfkECQkAAQAsAAAAACAAIAAAAjiMjwa76e+YhDTOitHNnPEfeGAmjlhjnkBKsq0Lx/JM1/aN5/rO91q+AgpxqFqJdoxtYJKkawkpAAAh+QQJCQABACwAAAAAIAAgAAACNoyPBsucD1WbLtoGl414+1R9ojKW5omm6sq27gvH8kzX9o3n+s73B0ADyjQn4aNjolBWSuKmAAAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1GbLdrAIL081g5KTkiW5omm6sq27gvH8kzX9o3n+s6/y5yRTS6jEmWzOoIKACH5BAkJAAEALAAAAAAgACAAAAI3jI8Ju+n/mGSwWjOvdnL7Q31eKGpkaZ0o1KzuC8fyTNf2jef6ztetrZoFZcNYEXZEJl0TQG9TAAAh+QQJCQABACwAAAAAIAAgAAACP4yPqcudAIGbLUqKkc08xJ59ICWOTmkyUHqurHq9iis/dH3c+M73PqvDBWtDYoxXlCVfyxRq9xQ2nVNT9NcpAAAh+QQJCQABACwAAAAAIAAgAAACPoyPqcvtD6OUAMwbKqZ2v9p5jSY6ZLmAKHOuSOseYBjPsazeWX7but/j6XZDA6xXNNJ+y1rTmTRGM9OqtVQAACH5BAkJAAEALAAAAAAgACAAAAJAjI+py+0Po5y02osbyG8jzwUAOIYHCYalmHLlahojHM+tOsdnrrO0aeuxRMJXL/fLwG4X3hCXYgqn1Kr1ihUWAAAh+QQJCQABACwAAAAAIAAgAAACQ4yPqcvtD6OcEQBaL35Wb9Z9jiU2ZAl6aHKuhqa6V+sGc7x2OKrXB7krAX2vGdEWFCaVR+TyQ6uFiFNf1RptarfcRAEAIfkECQkAAQAsAAAAACAAIAAAAj6Mj6nLCdBie09aROG9dO/uWWAoVWSpnVGqMmbrwqs80faN5/rB5j3+s718QdkIWIQdhUNmUrU0RpVT6s5SAAAh+QQJCQABACwAAAAAIAAgAAACOoyPBgvp/5iENLKK081crd59YDiSJdecWKq27gvH8kzX9o3n+snW/SyiBYHD2Ib4e01kkmSpWVQ1MwUAIfkECQkAAQAsAAAAACAAIAAAAjWMjwbLnA9Pmy7aFoG9envYfaI0luaJpurKtu4Lx/JM1/aN5/rO96RceWFMC1CwREmqkkVPAQAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1ObLNrg7Lxcrw5KWUiW5omm6sq27gvH8kzX9o3n+s67n9wAbh4VE+W4QnYKACH5BAkJAAEALAAAAAAgACAAAAI2jI+py30Ao5stAoqVzHxz7H1TKFZQSZ3oyrbuC8fyTNf2jeeyOpOw/wK6hC0LzXLpIY1BJqYAADs=);
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-loadindicator-image-small {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7);
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-loadindicator-image-large {
    background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-widget {
    color: #333;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.35715;
}

    .dx-widget input,
    .dx-widget textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.35715;
    }

.dx-state-disabled.dx-widget,
.dx-state-disabled .dx-widget {
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    zoom: 1;
    cursor: default;
}

    .dx-state-disabled.dx-widget .dx-widget,
    .dx-state-disabled .dx-widget .dx-widget {
        opacity: 1;
    }

.dx-badge {
    background-color: #ff5f42;
    color: #fff;
    font-size: 13px;
    padding: 0 6px 2px;
    line-height: normal;
}

.dx-box-item-content {
    font-size: 14px;
}

.dx-button-content {
    line-height: 0;
}

.dx-button-text {
    display: inline-block;
    line-height: normal;
}

.dx-button a {
    text-decoration: none;
}

.dx-button .dx-button-content {
    padding: 8px;
}

.dx-button .dx-icon {
    color: #8899a8;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-button .dx-icon,
.dx-rtl.dx-button .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-button-has-icon .dx-button-content {
    padding: 8px;
}

.dx-button-has-icon .dx-icon {
    color: #8899a8;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-button-has-icon .dx-icon,
.dx-rtl.dx-button-has-icon .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-button-has-text .dx-button-content {
    padding: 7px 18px 8px;
}

.dx-button-has-text .dx-icon {
    color: #8899a8;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 9px;
    margin-left: 0;
}

.dx-rtl .dx-button-has-text .dx-icon,
.dx-rtl.dx-button-has-text .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-button-back .dx-button-content {
    padding: 8px;
}

.dx-button-back .dx-icon {
    color: #8899a8;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-button-back .dx-icon,
.dx-rtl.dx-button-back .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-button-back .dx-button-text {
    display: none;
}

.dx-button {
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
}

.dx-state-disabled.dx-button .dx-icon,
.dx-state-disabled .dx-button .dx-icon {
    opacity: 0.6;
}

.dx-state-disabled.dx-button .dx-button-text,
.dx-state-disabled .dx-button .dx-button-text {
    opacity: 0.5;
}

.dx-button-mode-contained {
    background-color: #fff;
    border-color: #afb6bb;
    color: #333;
}

    .dx-button-mode-contained .dx-icon {
        color: #333;
    }

    .dx-button-mode-contained.dx-state-hover {
        background-color: #e6e6e6;
        border-color: #afb6bb;
    }

    .dx-button-mode-contained.dx-state-focused {
        background-color: #d9d9d9;
        border-color: #afb6bb;
    }

    .dx-button-mode-contained.dx-state-active {
        background-color: #cccccc;
        border-color: #afb6bb;
        color: #333;
    }

    .dx-button-mode-contained.dx-button-danger {
        background-color: #f74d61;
        border-color: transparent;
        color: #fff;
    }

        .dx-button-mode-contained.dx-button-danger .dx-icon {
            color: #fff;
        }

        .dx-button-mode-contained.dx-button-danger.dx-state-hover {
            background-color: #f51c36;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-danger.dx-state-focused {
            background-color: #ed0b25;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-danger.dx-state-active {
            background-color: #d40a21;
            border-color: transparent;
            color: #fff;
        }

    .dx-button-mode-contained.dx-button-success {
        background-color: #5cb85c;
        border-color: transparent;
        color: #fff;
    }

        .dx-button-mode-contained.dx-button-success .dx-icon {
            color: #fff;
        }

        .dx-button-mode-contained.dx-button-success.dx-state-hover {
            background-color: #449d44;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-success.dx-state-focused {
            background-color: #3d8b3d;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-success.dx-state-active {
            background-color: #357935;
            border-color: transparent;
            color: #fff;
        }

    .dx-button-mode-contained.dx-button-default {
        background-color: #f05b41;
        border-color: transparent;
        color: #fff;
    }

        .dx-button-mode-contained.dx-button-default .dx-icon {
            color: #fff;
        }

        .dx-button-mode-contained.dx-button-default.dx-state-hover {
            background-color: #eb3313;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-default.dx-state-focused {
            background-color: #d42e11;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-default.dx-state-active {
            background-color: #bc290f;
            border-color: transparent;
            color: #fff;
        }

.dx-button-mode-outlined {
    background-color: transparent;
    border-color: #afb6bb;
    color: #333;
}

    .dx-button-mode-outlined .dx-icon {
        color: #333;
    }

    .dx-button-mode-outlined.dx-state-hover {
        background-color: rgba(175, 182, 187, 0.1);
        border-color: #afb6bb;
    }

    .dx-button-mode-outlined.dx-state-focused {
        background-color: rgba(175, 182, 187, 0.2);
        border-color: #afb6bb;
    }

    .dx-button-mode-outlined.dx-state-active {
        background-color: rgba(175, 182, 187, 0.3);
        border-color: #afb6bb;
        color: #333;
    }

    .dx-button-mode-outlined.dx-button-danger {
        background-color: transparent;
        border-color: #f6354b;
        color: #f6354b;
    }

        .dx-button-mode-outlined.dx-button-danger .dx-icon {
            color: #f6354b;
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-hover {
            background-color: rgba(246, 53, 75, 0.1);
            border-color: #f6354b;
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-focused {
            background-color: rgba(246, 53, 75, 0.2);
            border-color: #f6354b;
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-active {
            background-color: rgba(246, 53, 75, 0.3);
            border-color: #f6354b;
            color: #f6354b;
        }

    .dx-button-mode-outlined.dx-button-success {
        background-color: transparent;
        border-color: #4cae4c;
        color: #4cae4c;
    }

        .dx-button-mode-outlined.dx-button-success .dx-icon {
            color: #4cae4c;
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-hover {
            background-color: rgba(76, 174, 76, 0.1);
            border-color: #4cae4c;
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-focused {
            background-color: rgba(76, 174, 76, 0.2);
            border-color: #4cae4c;
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-active {
            background-color: rgba(76, 174, 76, 0.3);
            border-color: #4cae4c;
            color: #4cae4c;
        }

    .dx-button-mode-outlined.dx-button-default {
        background-color: transparent;
        border-color: #ee4729;
        color: #ee4729;
    }

        .dx-button-mode-outlined.dx-button-default .dx-icon {
            color: #ee4729;
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-hover {
            background-color: rgba(238, 71, 41, 0.1);
            border-color: #ee4729;
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-focused {
            background-color: rgba(238, 71, 41, 0.2);
            border-color: #ee4729;
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-active {
            background-color: rgba(238, 71, 41, 0.3);
            border-color: #ee4729;
            color: #ee4729;
        }

.dx-button-mode-text {
    background-color: transparent;
    border-color: transparent;
    color: #333;
}

    .dx-button-mode-text .dx-icon {
        color: #333;
    }

    .dx-button-mode-text.dx-state-hover {
        background-color: rgba(51, 51, 51, 0.1);
        border-color: transparent;
    }

    .dx-button-mode-text.dx-state-focused {
        background-color: rgba(51, 51, 51, 0.2);
        border-color: transparent;
    }

    .dx-button-mode-text.dx-state-active {
        background-color: rgba(51, 51, 51, 0.3);
        border-color: transparent;
        color: #333;
    }

    .dx-button-mode-text.dx-button-danger {
        background-color: transparent;
        border-color: transparent;
        color: #f6354b;
    }

        .dx-button-mode-text.dx-button-danger .dx-icon {
            color: #f6354b;
        }

        .dx-button-mode-text.dx-button-danger.dx-state-hover {
            background-color: rgba(246, 53, 75, 0.1);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-danger.dx-state-focused {
            background-color: rgba(246, 53, 75, 0.2);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-danger.dx-state-active {
            background-color: rgba(246, 53, 75, 0.3);
            border-color: transparent;
            color: #f6354b;
        }

    .dx-button-mode-text.dx-button-success {
        background-color: transparent;
        border-color: transparent;
        color: #4cae4c;
    }

        .dx-button-mode-text.dx-button-success .dx-icon {
            color: #4cae4c;
        }

        .dx-button-mode-text.dx-button-success.dx-state-hover {
            background-color: rgba(76, 174, 76, 0.1);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-success.dx-state-focused {
            background-color: rgba(76, 174, 76, 0.2);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-success.dx-state-active {
            background-color: rgba(76, 174, 76, 0.3);
            border-color: transparent;
            color: #4cae4c;
        }

    .dx-button-mode-text.dx-button-default {
        background-color: transparent;
        border-color: transparent;
        color: #ee4729;
    }

        .dx-button-mode-text.dx-button-default .dx-icon {
            color: #ee4729;
        }

        .dx-button-mode-text.dx-button-default.dx-state-hover {
            background-color: rgba(238, 71, 41, 0.1);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-default.dx-state-focused {
            background-color: rgba(238, 71, 41, 0.2);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-default.dx-state-active {
            background-color: rgba(238, 71, 41, 0.3);
            border-color: transparent;
            color: #ee4729;
        }

.dx-button-normal.dx-state-hover .dx-button-content,
.dx-button-back.dx-state-hover .dx-button-content {
    background-color: transparent;
    border-radius: 2px;
}

.dx-button-mode-outlined.dx-buttongroup-item,
.dx-button-mode-contained.dx-buttongroup-item {
    padding-left: 1px;
    padding-right: 1px;
}

    .dx-button-mode-outlined.dx-buttongroup-item.dx-state-hover .dx-button-content,
    .dx-button-mode-contained.dx-buttongroup-item.dx-state-hover .dx-button-content {
        border-radius: 0;
    }

.dx-button-mode-outlined.dx-buttongroup-first-item,
.dx-button-mode-contained.dx-buttongroup-first-item {
    padding-left: 0;
    border-left-width: 1px;
}

    .dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
    .dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
    .dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
    .dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

.dx-button-mode-outlined.dx-buttongroup-last-item,
.dx-button-mode-contained.dx-buttongroup-last-item {
    padding-right: 0;
}

    .dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
    .dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
    .dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
    .dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

.dx-button-mode-text.dx-buttongroup-first-item {
    margin-left: 0;
}

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled {
    opacity: 1;
}

    .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content,
    .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content {
        opacity: 0.6;
    }

.dx-buttongroup-item.dx-button.dx-state-focused {
    background-color: rgba(51, 51, 51, 0.04);
}

.dx-buttongroup-item.dx-button.dx-state-hover {
    background-color: rgba(51, 51, 51, 0.04);
}

.dx-buttongroup-item.dx-button.dx-item-selected {
    background-color: #e6e6e6;
}

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success {
        background-color: #449d44;
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default {
        background-color: #eb3313;
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger {
        background-color: #f51c36;
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal,
    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal .dx-icon {
        color: #333;
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success,
    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success .dx-icon {
        color: #fff;
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default,
    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default .dx-icon {
        color: #fff;
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger,
    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger .dx-icon {
        color: #fff;
    }

.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item {
    border-left-width: 0;
    padding-left: 1px;
    padding-right: 0;
}

    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
    .dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
    .dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
        border-radius: 0 2px 2px 0;
    }

.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item {
    border-left-width: 1px;
    padding-right: 1px;
    padding-left: 0;
}

    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
    .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
    .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
        border-radius: 2px 0 0 2px;
    }

.dx-rtl.dx-button-mode-text.dx-buttongroup-first-item {
    margin-left: 1px;
}

.dx-rtl.dx-button-mode-text.dx-buttongroup-last-item {
    margin-left: 0;
}

.dx-scrollable-content {
    -webkit-transform: none;
}

.dx-scrollable-scroll {
    padding: 2px;
    background-color: transparent;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

    .dx-scrollable-scroll.dx-state-invisible {
        opacity: 0;
        -webkit-transition: opacity .5s linear 1s;
        transition: opacity .5s linear 1s;
    }

.dx-scrollable-scroll-content {
    width: 100%;
    height: 100%;
    background-color: rgba(212, 46, 17, 0.8);
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
}

.dx-scrollbar-hoverable {
    background-color: transparent;
}

    .dx-scrollbar-hoverable.dx-state-hover,
    .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
        background-color: rgba(191, 191, 191, 0.2);
    }

        .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
            background-color: #d42e11;
        }

    .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
        opacity: 1;
    }

        .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
            background-color: transparent;
            background-color: rgba(0, 0, 0, 0);
            -webkit-box-shadow: 0 0 0 1px transparent;
            box-shadow: 0 0 0 1px transparent;
        }

.dx-scrollbar-vertical .dx-scrollable-scroll {
    float: right;
    width: 8px;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 8px;
    -webkit-transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
    transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}

    .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
        -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
        transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
    }

        .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
            -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
            transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
            transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s;
            transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
        }

        .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
            -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
            transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
        }

            .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
                -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
                transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
                transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s;
                transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
            }

    .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
    .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
        width: 15px;
    }

        .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
        .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
            width: 15px;
        }

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 8px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 8px;
    -webkit-transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
    transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
        -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
        transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
    }

        .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
            -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
            transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
            transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s;
            transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
        }

        .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
            -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
            transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
        }

            .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
                -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
                transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
                transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s;
                transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
            }

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
        height: 15px;
    }

        .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
        .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
            height: 15px;
        }

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 8px;
}

.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 0;
    padding-left: 8px;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-bottom: 8px;
}

.dx-scrollable-customizable-scrollbars .dx-scrollable-container {
    -ms-scrollbar-base-color: #fff;
    -ms-scrollbar-arrow-color: #4b4b4b;
    -ms-scrollbar-track-color: #fff;
}

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:horizontal {
        height: 19px;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:vertical {
        width: 19px;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar {
        background-color: transparent;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-thumb {
        background-color: #757575;
        border-right: 2px solid transparent;
        border-left: 1px solid transparent;
        background-clip: content-box;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button {
        background-color: transparent;
    }

        .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:horizontal:decrement {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=) no-repeat;
            background-position: center;
        }

        .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:horizontal:increment {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==) no-repeat;
            background-position: center;
        }

        .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:decrement {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQYV2P4z/CfIRECfYGQAcQHQTABFf4PhHApmAREGCoFghAJhDBcClMYKoVNGCwFAKZMRqcg5DihAAAAAElFTkSuQmCC) no-repeat;
            background-position: 3px 5px;
        }

        .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:increment {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==) no-repeat;
            background-position: 3px 5px;
        }

.dx-rtl .dx-scrollable .dx-scrollable-scroll,
.dx-rtl.dx-scrollable .dx-scrollable-scroll {
    float: left;
}

.dx-scrollview-pull-down-image {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 100%;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
    width: 24px;
    height: 24px;
}

.dx-checkbox {
    line-height: 0;
}

    .dx-checkbox.dx-state-readonly .dx-checkbox-icon {
        border-color: #f7f8f8;
        background-color: #fff;
    }

    .dx-checkbox.dx-state-hover .dx-checkbox-icon {
        border: 1px solid #e23112;
    }

    .dx-checkbox.dx-state-focused .dx-checkbox-icon {
        border: 1px solid #f05b41;
    }

    .dx-checkbox.dx-state-active .dx-checkbox-icon {
        background-color: rgba(96, 96, 96, 0.2);
    }

.dx-checkbox-icon {
    width: 22px;
    height: 22px;
    border-radius: 0px;
    border: 1px solid #dee1e3;
    background-color: #fff;
}

.dx-checkbox-checked .dx-checkbox-icon {
    font: 14px/1 DXIcons;
    color: #f05b41;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

    .dx-checkbox-checked .dx-checkbox-icon:before {
        content: "\f005";
    }

    .dx-checkbox-checked .dx-checkbox-icon:before {
        position: absolute;
        display: block;
        width: 16px;
        top: 50%;
        margin-top: -8px;
        left: 50%;
        margin-left: -8px;
    }

.dx-checkbox-indeterminate .dx-checkbox-icon {
    font: 14px/1 DXIcons;
    color: #f05b41;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-checkbox-indeterminate .dx-checkbox-icon:before {
        content: "\f067";
    }

    .dx-checkbox-indeterminate .dx-checkbox-icon:before {
        position: absolute;
        display: block;
        width: 14px;
        top: 50%;
        margin-top: -7px;
        left: 50%;
        margin-left: -7px;
    }

.dx-checkbox-text {
    margin-left: -22px;
    padding-left: 27px;
}

.dx-rtl .dx-checkbox-text,
.dx-rtl.dx-checkbox-text {
    margin-right: -22px;
    padding-right: 27px;
}

.dx-state-disabled.dx-checkbox,
.dx-state-disabled .dx-checkbox {
    opacity: 1;
}

    .dx-state-disabled.dx-checkbox .dx-checkbox-icon,
    .dx-state-disabled .dx-checkbox .dx-checkbox-icon {
        opacity: 0.4;
    }

.dx-state-disabled .dx-checkbox-text {
    opacity: 0.4;
}

.dx-invalid .dx-checkbox-container .dx-checkbox-icon {
    border: 1px solid rgba(247, 77, 97, 0.4);
}

.dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon {
    border-color: #f74d61;
}

.dx-switch {
    width: 44px;
    height: 24px;
}

    .dx-switch.dx-state-readonly .dx-switch-container {
        border-color: #f7f8f8;
        background-color: #fff;
    }

    .dx-switch.dx-state-active .dx-switch-handle:before {
        background-color: #ca2c10;
    }

    .dx-switch.dx-state-active .dx-switch-container {
        border-color: #f05b41;
        background-color: rgba(96, 96, 96, 0.2);
    }

    .dx-switch.dx-state-hover .dx-switch-handle:before {
        background-color: #f05b41;
    }

    .dx-switch.dx-state-hover .dx-switch-container {
        background-color: transparent;
        border-color: #f05b41;
    }

    .dx-switch.dx-state-focused .dx-switch-container {
        border-color: #f05b41;
    }

    .dx-switch.dx-state-focused .dx-switch-handle:before {
        background-color: #f05b41;
    }

    .dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before {
        background-color: #ca2c10;
    }

.dx-switch-container {
    overflow: hidden;
    margin: 0 -6px 0 0;
    padding: 0 2px;
    height: 24px;
    border: 1px solid #dee1e3;
    background: #fff;
    border-radius: 0px;
}

.dx-switch-inner {
    width: 200%;
    height: 100%;
}

.dx-switch-on,
.dx-switch-off {
    float: left;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    padding-right: 16px;
    line-height: 22px;
    text-align: center;
    font-size: 9px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dx-switch-off {
    padding-left: 2px;
    color: #999999;
}

.dx-switch-on {
    color: #333;
}

.dx-switch-handle {
    position: relative;
    float: left;
    -webkit-flex-basis: 14px;
    -ms-flex-preferred-size: 14px;
    flex-basis: 14px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 14px;
    height: 18px;
    margin-top: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .dx-switch-handle:before {
        display: block;
        content: ' ';
        width: 100%;
        height: 100%;
        background-color: #f69888;
        border-radius: 0px;
    }

.dx-switch-on-value .dx-switch-handle:before {
    background-color: #f05b41;
}

.dx-rtl .dx-switch .dx-switch-on,
.dx-switch.dx-rtl .dx-switch-on,
.dx-rtl .dx-switch .dx-switch-off,
.dx-switch.dx-rtl .dx-switch-off {
    float: right;
    padding-right: 2px;
}

.dx-rtl .dx-switch .dx-switch-on,
.dx-switch.dx-rtl .dx-switch-on {
    padding-left: 16px;
}

.dx-rtl .dx-switch .dx-switch-off,
.dx-switch.dx-rtl .dx-switch-off {
    margin-left: 0;
}

.dx-rtl .dx-switch .dx-switch-handle,
.dx-switch.dx-rtl .dx-switch-handle {
    float: right;
    margin-left: 0;
    margin-right: -14px;
}

.dx-rtl .dx-switch .dx-switch-container,
.dx-switch.dx-rtl .dx-switch-container {
    margin: 0 0 0 -6px;
}

.dx-tabs {
    border: 1px solid #dee1e3;
}

.dx-tabs-scrollable {
    margin: -1px;
    height: calc(100% + 2px);
}

    .dx-tabs-scrollable .dx-tabs-wrapper {
        border: 1px solid #dee1e3;
    }

.dx-tabs-nav-buttons .dx-tabs-scrollable .dx-tabs-wrapper {
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
}

.dx-tabs-nav-button {
    border: none;
    background-color: #fafafa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-tabs-nav-button .dx-button-content {
        padding: 0;
    }

    .dx-tabs-nav-button.dx-state-active {
        border: none;
    }

    .dx-tabs-nav-button.dx-state-disabled {
        opacity: 1;
    }

        .dx-tabs-nav-button.dx-state-disabled .dx-button-content {
            opacity: 0.6;
        }

.dx-tab {
    padding: 9px;
    background-color: #fafafa;
}

    .dx-tab .dx-icon {
        color: #8899a8;
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
        margin-right: 9px;
        margin-left: 0;
    }

.dx-rtl .dx-tab .dx-icon,
.dx-rtl.dx-tab .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-tab.dx-state-hover {
    background-color: #faebe8;
}

.dx-tab.dx-state-active {
    background-color: rgba(91, 91, 91, 0.2);
    color: #333;
}

.dx-tab.dx-state-focused:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border-right: 1px solid #f05b41;
    border-left: 1px solid #f05b41;
    border-top: 1px solid #f05b41;
    border-bottom: 1px solid #f05b41;
    z-index: 1;
}

.dx-tab.dx-tab-selected {
    background-color: #fff;
    color: #333;
}

.dx-tab-selected:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border-right: 1px solid #dee1e3;
    border-left: 1px solid #dee1e3;
    border-top: none;
    border-bottom: none;
    z-index: 1;
}

.dx-tab-selected .dx-icon {
    color: #8899a8;
}

.dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
    border-left: 1px solid #fafafa;
}

.dx-rtl .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
    border-left: 1px solid #dee1e3;
    border-right: 1px solid #fafafa;
}

.dx-tab-text {
    vertical-align: middle;
    line-height: 25px;
}

.dx-state-disabled.dx-tabs {
    opacity: 1;
}

.dx-state-disabled .dx-tab-content {
    opacity: .3;
}

.dx-navbar {
    padding: 0;
    border: none;
}

.dx-nav-item .dx-tab-text,
.dx-rtl .dx-nav-item .dx-tab-text {
    line-height: normal;
}

.dx-navbar .dx-nav-item .dx-icon,
.dx-navbar .dx-rtl .dx-nav-item .dx-icon {
    width: 31px;
    height: 31px;
    background-position: 0px 0px;
    background-size: 31px 31px;
    padding: 0px;
    font-size: 31px;
    text-align: center;
    line-height: 31px;
}

.dx-nav-item.dx-tab-selected:after,
.dx-rtl .dx-nav-item.dx-tab-selected:after,
.dx-nav-item.dx-state-focused:after,
.dx-rtl .dx-nav-item.dx-state-focused:after,
.dx-nav-item.dx-state-active:after,
.dx-rtl .dx-nav-item.dx-state-active:after {
    content: none;
}

.dx-nav-item.dx-tab-selected,
.dx-rtl .dx-nav-item.dx-tab-selected {
    background: #fff;
}

.dx-nav-item.dx-state-active,
.dx-rtl .dx-nav-item.dx-state-active {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dx-nav-item.dx-state-focused,
.dx-rtl .dx-nav-item.dx-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px #f05b41;
    box-shadow: inset 0 0 0 1px #f05b41;
}

.dx-nav-item.dx-state-disabled .dx-icon,
.dx-rtl .dx-nav-item.dx-state-disabled .dx-icon {
    opacity: .5;
}

.dx-navbar-item-badge {
    margin-right: -26px;
    top: 11%;
}

.dx-rtl .dx-navbar-item-badge {
    margin-left: -26px;
}

.dx-texteditor.dx-editor-outlined {
    background: #fff;
    border: 1px solid #dee1e3;
    border-radius: 2px;
}

.dx-texteditor.dx-editor-underlined {
    background: transparent;
    border-bottom: 1px solid #dee1e3;
    border-radius: 0;
}

.dx-texteditor.dx-editor-filled {
    background: rgba(51, 51, 51, 0.05);
    border: 1px solid transparent;
    border-radius: 2px;
}

.dx-texteditor.dx-state-readonly {
    border-style: dashed;
}

    .dx-texteditor.dx-state-readonly.dx-editor-filled {
        border-color: transparent;
        background-color: rgba(51, 51, 51, 0.03);
    }

        .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-focused {
            background-color: rgba(51, 51, 51, 0.03);
        }

        .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
            background-color: rgba(240, 91, 65, 0.07);
        }

    .dx-texteditor.dx-state-readonly.dx-editor-underlined {
        border-style: none;
        border-bottom-style: dashed;
    }

    .dx-texteditor.dx-state-readonly .dx-texteditor-buttons-container {
        display: none;
    }

.dx-texteditor.dx-state-hover {
    border-color: rgba(240, 91, 65, 0.4);
}

    .dx-texteditor.dx-state-hover.dx-editor-filled {
        border-color: transparent;
        background-color: rgba(240, 91, 65, 0.1);
    }

.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-underlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-outlined {
    border-color: #f05b41;
}

.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-filled {
    background-color: transparent;
}

.dx-texteditor.dx-invalid .dx-texteditor-input {
    padding-right: 34px;
}

.dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 34px;
}

.dx-texteditor.dx-invalid .dx-texteditor-container:after {
    right: 4px;
}

.dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-container:after {
    left: 4px;
    right: auto;
}

.dx-show-clear-button .dx-texteditor-input {
    padding-right: 34px;
}

.dx-rtl .dx-show-clear-button .dx-texteditor-input,
.dx-rtl.dx-show-clear-button .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 34px;
}

.dx-show-clear-button .dx-clear-button-area {
    width: 34px;
    right: 0;
}

.dx-show-clear-button .dx-icon-clear {
    color: #8899a8;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-position: 8px 8px;
    background-size: 18px 18px;
    padding: 8px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input {
    padding-right: 68px;
}

.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 68px;
}

.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    right: 38px;
}

.dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    left: 38px;
    right: auto;
}

.dx-placeholder {
    color: #8899a8;
}

    .dx-placeholder:before {
        padding: 7px 9px 8px;
    }

.dx-editor-underlined .dx-placeholder:before {
    padding-left: 0;
}

.dx-texteditor-input {
    margin: 0;
    padding: 7px 9px 8px;
    background: #fff;
    color: #333;
    font-size: 1em;
    border-radius: 2px;
    min-height: 34px;
}

.dx-editor-underlined .dx-texteditor-input {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}

.dx-editor-filled .dx-texteditor-input {
    background: transparent;
}

.dx-invalid.dx-texteditor {
    border-color: rgba(247, 77, 97, 0.4);
}

    .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused,
    .dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-focused,
    .dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-focused {
        border-color: #f74d61;
    }

    .dx-invalid.dx-texteditor.dx-editor-filled .dx-texteditor-container:after,
    .dx-invalid.dx-texteditor.dx-editor-underlined .dx-texteditor-container:after,
    .dx-invalid.dx-texteditor.dx-editor-outlined .dx-texteditor-container:after {
        pointer-events: none;
        font-weight: bold;
        background-color: #f74d61;
        color: #fff;
        content: '!';
        position: absolute;
        top: 50%;
        margin-top: -9px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        text-align: center;
        line-height: 18px;
        font-size: 13px;
    }

    .dx-invalid.dx-texteditor.dx-editor-filled {
        background-color: rgba(247, 77, 97, 0.1);
        border-color: transparent;
    }

        .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused {
            background: transparent;
        }

.dx-rtl .dx-placeholder,
.dx-rtl .dx-placeholder:before {
    right: 0;
    left: auto;
}

.dx-editor-underlined.dx-rtl .dx-placeholder,
.dx-editor-underlined.dx-rtl .dx-placeholder:before {
    padding-right: 0;
}

.dx-searchbox .dx-icon-search {
    font: 14px/1 DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-position: 8px 8px;
    background-size: 18px 18px;
    padding: 8px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
    color: #8899a8;
}

    .dx-searchbox .dx-icon-search:before {
        content: "\f027";
    }

    .dx-searchbox .dx-icon-search:before {
        position: static;
        text-indent: 0;
        color: #91a1ae;
    }

.dx-searchbox .dx-texteditor-input,
.dx-searchbox .dx-placeholder:before {
    padding-left: 34px;
}

.dx-rtl .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-searchbox .dx-placeholder:before {
    padding-right: 34px;
}

.dx-rtl.dx-editor-underlined.dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-editor-underlined.dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-editor-underlined.dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-editor-underlined.dx-searchbox .dx-placeholder:before {
    padding-right: 0;
}

.dx-searchbar {
    padding-bottom: 5px;
}

    .dx-searchbar .dx-texteditor {
        margin: 0;
    }

.dx-dropdowneditor-button {
    width: 34px;
    padding: 1px;
    border-radius: 2px;
}

    .dx-dropdowneditor-button.dx-button-mode-outlined,
    .dx-dropdowneditor-button.dx-button-mode-contained,
    .dx-dropdowneditor-button.dx-button-mode-text {
        background: transparent;
    }

.dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon,
.dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon {
    opacity: 1;
}

.dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
    opacity: 1;
}

.dx-dropdowneditor-icon {
    border: 1px solid transparent;
    color: #8899a8;
    font: 14px/1 DXIcons;
    width: 32px;
    height: 100%;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 1px;
}

    .dx-dropdowneditor-icon:before {
        content: "\f001";
    }

    .dx-dropdowneditor-icon:before {
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px;
    }

.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-outlined,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-underlined {
    border: none;
    background: transparent;
}

.dx-dropdowneditor .dx-clear-button-area {
    width: 30px;
}

.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 64px;
}

.dx-rtl .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.dx-rtl.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 9px;
    padding-left: 64px;
}

.dx-rtl.dx-searchbox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.dx-rtl .dx-searchbox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 34px;
}

.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 34px;
}

.dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 9px;
    padding-left: 34px;
}

.dx-rtl.dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-rtl .dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 0;
}

.dx-invalid.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 60px;
}

.dx-invalid.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 60px;
}

.dx-invalid.dx-dropdowneditor-button-visible.dx-rtl.dx-editor-underlined .dx-texteditor-input {
    padding-right: 0;
}

.dx-invalid.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 90px;
}

.dx-invalid.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 90px;
}

.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
    background-color: #f5f5f5;
    border-color: transparent;
}

.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
    background-color: rgba(240, 91, 65, 0.2);
}

.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
    background-color: #b3b3b3;
    border-color: transparent;
    color: #8899a8;
    opacity: 1;
}

.dx-editor-filled.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-editor-filled .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-editor-filled .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
    background-color: rgba(240, 91, 65, 0.3);
}

.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
    right: 38px;
}

.dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after,
.dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
    right: auto;
    left: 38px;
}

.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
    right: 68px;
}

.dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after,
.dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
    right: auto;
    left: 68px;
}

.dx-state-hover.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
    background-color: rgba(247, 77, 97, 0.2);
}

.dx-dropdowneditor-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
    background-color: rgba(247, 77, 97, 0.3);
}

.dx-state-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
    background-color: rgba(247, 77, 97, 0.3);
}

.dx-list-item-chevron {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    border: none;
    opacity: 1;
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-left: -5px;
    color: #8899a8;
}

.dx-rtl .dx-list-item-chevron {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.dx-list-item-chevron:before {
    content: "\f010";
}

.dx-rtl .dx-list-item-chevron:before {
    content: "\f012";
}

.dx-list-item-icon-container {
    width: 28px;
}

.dx-list-item-icon {
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-list-search {
    margin-bottom: 5px;
}

.dx-list {
    border: none;
}

    .dx-list.dx-list-with-search .dx-scrollable-wrapper {
        height: calc(100% - 41px);
    }

    .dx-list .dx-empty-message {
        text-align: left;
    }

    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon {
        border-color: #e23112;
    }

    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon {
        border: 1px solid #f05b41;
    }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
        background-color: #faebe8;
        color: #333;
    }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
        background-color: #f8b1a4;
        color: #333;
    }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
            background-color: #faebe8;
            color: #333;
        }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
        background-color: #f05b41;
        color: #fff;
    }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
            border-color: #fff;
        }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
            background-color: rgba(240, 91, 65, 0.7);
            color: #fff;
        }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
        background-color: #f05b41;
        color: #fff;
    }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
            background-color: #f05b41;
            color: #fff;
        }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
        color: #8899a8;
    }

.dx-list-group-header {
    font-weight: bold;
    padding: 20px 10px 10px 10px;
    border-top: 1px solid #dee1e3;
    border-bottom: 2px solid #dee1e3;
    background: #fafafa;
    color: #627789;
}

.dx-list-group:first-of-type .dx-list-group-header {
    border-top: none;
}

.dx-list-group-header:before {
    border-top-color: #627789;
}

.dx-list-group-collapsed .dx-list-group-header:before {
    border-bottom-color: #627789;
}

.dx-list-item:first-of-type {
    border-top: none;
}

.dx-list-item:last-of-type {
    border-bottom: none;
}

.dx-list-item .dx-icon-toggle-delete {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
    background-size: 100%;
}

.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
    color: #959595;
    background: #fff;
    border-top: 1px solid rgba(240, 91, 65, 0.5);
    border-bottom: 1px solid rgba(240, 91, 65, 0.5);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.dx-list-item,
.dx-list .dx-empty-message {
    border-top: 1px solid #dee1e3;
    color: #333;
}

.dx-list-item-separator-hidden .dx-list-item,
.dx-list-item-separator-hidden .dx-list .dx-empty-message {
    border-top: none;
    border-bottom: none;
}

.dx-list-item-content,
.dx-list .dx-empty-message {
    padding: 10px 10px;
}

.dx-list-next-button .dx-button .dx-button-content {
    padding: 7px 18px 8px;
}

.dx-list-next-button .dx-button .dx-icon {
    color: #8899a8;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 9px;
    margin-left: 0;
}

.dx-rtl .dx-list-next-button .dx-button .dx-icon,
.dx-rtl.dx-list-next-button .dx-button .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-list-item-chevron-container {
    width: 16px;
}

.dx-list-border-visible {
    border: 1px solid #dee1e3;
}

    .dx-list-border-visible .dx-list-select-all {
        border-bottom: 1px solid #dee1e3;
    }

.dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
    width: 29px;
}

.dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-list-item-before-bag.dx-list-select-radiobutton-container {
    width: 31px;
}

.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
        padding: 0;
    }

.dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 5px 5px 5px 10px;
    width: 19px;
    height: 19px;
}

.dx-list-item-before-bag .dx-list-select-checkbox,
.dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-top: -1px;
    margin-bottom: -3px;
    margin-left: 10px;
}

.dx-list-select-all {
    padding: 9px 0;
}

.dx-list-select-all-checkbox {
    float: left;
    margin: -1px 0px -3px 10px;
}

.dx-list-select-all-label {
    line-height: 1;
    padding: 0 10px;
    margin-top: 3px;
}

.dx-list-item-after-bag.dx-list-static-delete-button-container {
    width: 36px;
}

.dx-list-item-after-bag.dx-list-reorder-handle-container {
    width: 33.4px;
}

.dx-list-item-after-bag .dx-list-reorder-handle {
    font: 14px/1 DXIcons;
    width: 28.8px;
    height: 28.8px;
    background-position: 5px 5px;
    background-size: 18px 18px;
    padding: 5px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-list-item-after-bag .dx-list-reorder-handle:before {
        content: "\f038";
    }

.dx-list-slide-menu-button {
    bottom: 1px;
}

.dx-list-slide-menu-button-delete {
    border: 1px solid transparent;
    color: #fff;
    background-color: #f74d61;
}

.dx-list-slide-menu-button-menu {
    border: 1px solid transparent;
    color: #fff;
    background-color: #f05b41;
}

.dx-list-switchable-delete-button,
.dx-list-static-delete-button {
    margin-right: 10px;
    padding: 0;
}

    .dx-list-switchable-delete-button .dx-button-content,
    .dx-list-static-delete-button .dx-button-content {
        padding: 3px;
    }

.dx-list-context-menucontent {
    background-color: #fff;
    border: 1px solid #dee1e3;
    border-radius: 0;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.dx-state-disabled.dx-list-item,
.dx-state-disabled .dx-list-item {
    background-color: transparent;
    opacity: .6;
}

.dx-rtl .dx-list .dx-empty-message,
.dx-rtl.dx-list .dx-empty-message {
    text-align: right;
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 5px 10px 5px 5px;
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-right: 10px;
    margin-left: 1px;
}

.dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-rtl.dx-list .dx-list-select-all-checkbox {
    float: right;
    margin-right: 10px;
    margin-left: 1px;
}

.dx-rtl .dx-list .dx-list-switchable-delete-button,
.dx-rtl.dx-list .dx-list-switchable-delete-button {
    margin-left: 10px;
    margin-right: 0;
}

.dx-device-mobile .dx-list {
    border: none;
}

    .dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper {
        height: calc(100% - 41px);
    }

    .dx-device-mobile .dx-list .dx-empty-message {
        text-align: left;
    }

    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon {
        border-color: #e23112;
    }

    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon {
        border: 1px solid #f05b41;
    }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
        background-color: #faebe8;
        color: #333;
    }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
        background-color: #f8b1a4;
        color: #333;
    }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
            background-color: #faebe8;
            color: #333;
        }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
        background-color: #f05b41;
        color: #fff;
    }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
            border-color: #fff;
        }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
            background-color: rgba(240, 91, 65, 0.7);
            color: #fff;
        }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
        background-color: #f05b41;
        color: #fff;
    }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
            background-color: #f05b41;
            color: #fff;
        }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
        color: #8899a8;
    }

.dx-device-mobile .dx-list-group-header {
    font-weight: bold;
    padding: 20px 15px 10px 15px;
    border-top: 1px solid #dee1e3;
    border-bottom: 2px solid #dee1e3;
    background: #fafafa;
    color: #627789;
}

.dx-list-group:first-of-type .dx-device-mobile .dx-list-group-header {
    border-top: none;
}

.dx-device-mobile .dx-list-group-header:before {
    border-top-color: #627789;
}

.dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before {
    border-bottom-color: #627789;
}

.dx-device-mobile .dx-list-item:first-of-type {
    border-top: none;
}

.dx-device-mobile .dx-list-item:last-of-type {
    border-bottom: none;
}

.dx-device-mobile .dx-list-item .dx-icon-toggle-delete {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
    background-size: 100%;
}

.dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
    color: #959595;
    background: #fff;
    border-top: 1px solid rgba(240, 91, 65, 0.5);
    border-bottom: 1px solid rgba(240, 91, 65, 0.5);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.dx-device-mobile .dx-list-item,
.dx-device-mobile .dx-list .dx-empty-message {
    border-top: 1px solid #dee1e3;
    color: #333;
}

.dx-list-item-separator-hidden .dx-device-mobile .dx-list-item,
.dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message {
    border-top: none;
    border-bottom: none;
}

.dx-device-mobile .dx-list-item-content,
.dx-device-mobile .dx-list .dx-empty-message {
    padding: 10px 15px;
}

.dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
    padding: 7px 18px 8px;
}

.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
    color: #8899a8;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 9px;
    margin-left: 0;
}

.dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon,
.dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-device-mobile .dx-list-item-chevron-container {
    width: 21px;
}

.dx-device-mobile .dx-list-border-visible {
    border: 1px solid #dee1e3;
}

    .dx-device-mobile .dx-list-border-visible .dx-list-select-all {
        border-bottom: 1px solid #dee1e3;
    }

.dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
    width: 34px;
}

.dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container {
    width: 36px;
}

.dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
        padding: 0;
    }

.dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 5px 7.5px 5px 15px;
    width: 19px;
    height: 19px;
}

.dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-top: -1px;
    margin-bottom: -3px;
    margin-left: 15px;
}

.dx-device-mobile .dx-list-select-all {
    padding: 9px 0;
}

.dx-device-mobile .dx-list-select-all-checkbox {
    float: left;
    margin: -1px 0px -3px 15px;
}

.dx-device-mobile .dx-list-select-all-label {
    line-height: 1;
    padding: 0 10px;
    margin-top: 3px;
}

.dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container {
    width: 41px;
}

.dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container {
    width: 38.4px;
}

.dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle {
    font: 14px/1 DXIcons;
    width: 28.8px;
    height: 28.8px;
    background-position: 5px 5px;
    background-size: 18px 18px;
    padding: 5px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before {
        content: "\f038";
    }

.dx-device-mobile .dx-list-slide-menu-button {
    bottom: 1px;
}

.dx-device-mobile .dx-list-slide-menu-button-delete {
    border: 1px solid transparent;
    color: #fff;
    background-color: #f74d61;
}

.dx-device-mobile .dx-list-slide-menu-button-menu {
    border: 1px solid transparent;
    color: #fff;
    background-color: #f05b41;
}

.dx-device-mobile .dx-list-switchable-delete-button,
.dx-device-mobile .dx-list-static-delete-button {
    margin-right: 15px;
    padding: 0;
}

    .dx-device-mobile .dx-list-switchable-delete-button .dx-button-content,
    .dx-device-mobile .dx-list-static-delete-button .dx-button-content {
        padding: 3px;
    }

.dx-device-mobile .dx-list-context-menucontent {
    background-color: #fff;
    border: 1px solid #dee1e3;
    border-radius: 0;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.dx-device-mobile .dx-state-disabled.dx-list-item,
.dx-device-mobile .dx-state-disabled .dx-list-item {
    background-color: transparent;
    opacity: .6;
}

.dx-device-mobile .dx-rtl .dx-list .dx-empty-message,
.dx-device-mobile .dx-rtl.dx-list .dx-empty-message {
    text-align: right;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 5px 15px 5px 7.5px;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-right: 15px;
    margin-left: 1px;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox {
    float: right;
    margin-right: 15px;
    margin-left: 1px;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button,
.dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button {
    margin-left: 15px;
    margin-right: 0;
}

.dx-dropdownlist-popup-wrapper {
    height: 100%;
}

    .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
        border-top-width: 0;
        border-bottom-width: 1px;
    }

        .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
            border-top-width: 1px;
            border-bottom-width: 0;
        }

    .dx-dropdownlist-popup-wrapper .dx-popup-content {
        height: 100%;
        padding: 1px;
    }

    .dx-dropdownlist-popup-wrapper .dx-list {
        height: 100%;
        min-height: 33px;
    }

        .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
            padding: 7px 9px;
        }

    .dx-dropdownlist-popup-wrapper .dx-list-select-all {
        padding: 12px 0 8px;
    }

    .dx-dropdownlist-popup-wrapper .dx-list-item,
    .dx-dropdownlist-popup-wrapper .dx-empty-message {
        border-top: 0;
    }

        .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type,
        .dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type {
            border-bottom: none;
        }

.dx-textarea {
    height: auto;
}

    .dx-textarea .dx-icon-clear {
        top: 0;
        margin-top: 0;
    }

    .dx-textarea.dx-invalid .dx-texteditor-container:after {
        top: 7px;
        margin-top: 0;
    }

.dx-numberbox-spin-container {
    overflow: hidden;
    width: 34px;
    border-radius: 2px;
}

.dx-numberbox-spin-up-icon {
    font: 14px/1 DXIcons;
    color: #8899a8;
}

    .dx-numberbox-spin-up-icon:before {
        content: "\f002";
    }

.dx-numberbox-spin-down-icon {
    font: 14px/1 DXIcons;
    color: #8899a8;
}

    .dx-numberbox-spin-down-icon:before {
        content: "\f001";
    }

.dx-numberbox-spin-up-icon,
.dx-numberbox-spin-down-icon {
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 1px;
}

    .dx-numberbox-spin-up-icon:before,
    .dx-numberbox-spin-down-icon:before {
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px;
    }

.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input {
    padding-right: 66px;
}

.dx-numberbox-spin-button {
    background-color: #fff;
    padding: 1px;
}

.dx-editor-underlined .dx-numberbox-spin-button {
    background: transparent;
}

.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    border: 1px solid transparent;
    background-color: #e6e6e6;
}

.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    background-color: #b3b3b3;
    color: #333;
}

.dx-numberbox-spin.dx-invalid .dx-texteditor-input {
    padding-right: 68px;
}

.dx-numberbox-spin.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 68px;
}

.dx-numberbox-spin.dx-invalid .dx-texteditor-container:after {
    right: 38px;
}

.dx-rtl .dx-numberbox-spin.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-numberbox-spin.dx-invalid .dx-texteditor-container:after {
    left: 38px;
    right: auto;
}

.dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input {
    padding-right: 102px;
}

.dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 102px;
}

.dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    right: 72px;
}

.dx-rtl .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    left: 72px;
    right: auto;
}

.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input {
    padding-right: 108px;
}

.dx-numberbox-spin-touch-friendly.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 108px;
}

.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after {
    right: 78px;
}

.dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after {
    left: 78px;
    right: auto;
}

.dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input {
    padding-right: 142px;
}

.dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 142px;
}

.dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    right: 112px;
}

.dx-rtl .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    left: 112px;
    right: auto;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
    width: 74px;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
    border-left: none;
}

.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input {
    padding-right: 106px;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon,
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon {
    background-position: center;
}

.dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container,
.dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
    border-right: none;
}

.dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input,
.dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input {
    padding-left: 106px;
}

.dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input,
.dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input {
    padding-left: 66px;
}

.dx-rtl .dx-numberbox.dx-numberbox-spin .dx-texteditor-input,
.dx-numberbox.dx-rtl.dx-numberbox-spin .dx-texteditor-input {
    padding-right: 9px;
}

.dx-datebox-wrapper .dx-popup-title {
    min-height: 10px;
    border-bottom: none;
    background: none;
}

.dx-datebox-wrapper .dx-item {
    border: none;
}

.dx-datebox-wrapper .dx-popup-bottom .dx-button {
    min-width: 85px;
    width: auto;
}

.dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
    margin: 0 34px;
}

.dx-datebox-wrapper-list .dx-overlay-content {
    border-top: none;
}

.dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content {
    padding: 10px;
}

.dx-datebox-calendar .dx-dropdowneditor-icon {
    font: 14px/1 DXIcons;
    width: 32px;
    height: 100%;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 1px;
}

    .dx-datebox-calendar .dx-dropdowneditor-icon:before {
        content: "\f026";
    }

    .dx-datebox-calendar .dx-dropdowneditor-icon:before {
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px;
    }

.dx-datebox-calendar.dx-dropdowneditor-active .dx-texteditor-input {
    background: #fff;
}

.dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
    opacity: 1;
}

.dx-datebox-calendar.dx-rtl.dx-editor-underlined {
    padding-right: 0;
}

.dx-datebox-wrapper-calendar .dx-popup-content {
    padding: 0;
}

.dx-datebox-wrapper-calendar .dx-calendar {
    border: none;
    margin: 30px;
}

.dx-datebox-wrapper-calendar .dx-datebox-container-cell {
    margin-right: 30px;
    margin-bottom: 30px;
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
    margin-right: 15px;
    margin-bottom: 15px;
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin: 30px 30px 15px 15px;
}

.dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin: 0 15px 15px;
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
    margin-top: -1px;
    margin-right: 30px;
}

@media (max-width: 320px) {
    .dx-datebox-wrapper-calendar .dx-calendar {
        margin: 18px;
    }
}

.dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button {
    margin-right: 5px;
    margin-left: 0;
}

.dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
    margin-left: 15px;
    margin-right: 30px;
}

.dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin-right: 15px;
    margin-left: 30px;
}

.dx-datebox-list .dx-dropdowneditor-icon {
    font: 14px/1 DXIcons;
    width: 32px;
    height: 100%;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 1px;
}

    .dx-datebox-list .dx-dropdowneditor-icon:before {
        content: "\f01d";
    }

    .dx-datebox-list .dx-dropdowneditor-icon:before {
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px;
    }

.dx-datebox-wrapper-list .dx-popup-content {
    padding: 0px;
}

.dx-datebox input[type="date"] {
    line-height: normal;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 60px;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 60px;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl.dx-editor-underlined .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl.dx-editor-underlined .dx-texteditor-input {
    padding-right: 0;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 90px;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 90px;
}

.dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
    min-height: 33px;
}

.dx-dateview-rollers {
    width: auto;
    text-align: center;
    display: block;
}

.dx-dateviewroller-current .dx-dateview-item {
    -webkit-transition: font-size 0.2s ease-out;
    transition: font-size 0.2s ease-out;
}

.dx-dateviewroller {
    min-width: 4em;
    text-align: center;
    display: inline-block;
}

    .dx-dateviewroller .dx-button {
        display: none;
    }

    .dx-dateviewroller .dx-scrollable-content:before,
    .dx-dateviewroller .dx-scrollable-content:after {
        content: "";
        height: 71px;
        display: block;
    }

    .dx-dateviewroller .dx-scrollable-container {
        height: 182px;
    }

    .dx-dateviewroller.dx-dateviewroller-year {
        min-width: 4.85em;
    }

    .dx-dateviewroller.dx-state-active .dx-button {
        display: none;
    }

.dx-dateviewroller-month {
    min-width: 12em;
}

.dx-dateviewroller-hours:after {
    content: ":";
    font-size: 2.2em;
    position: absolute;
    right: -9%;
    font-weight: bold;
    top: 37%;
    color: #333;
}

.dx-dateviewroller-hours .dx-dateview-item-selected-frame {
    padding-left: 20%;
}

.dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
    width: 80%;
}

.dx-dateview-item {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.3em;
    color: #333;
}

.dx-dateview-item-selected {
    font-size: 2.2em;
}

.dx-rtl.dx-dateviewroller-hours:after {
    left: -9%;
    right: auto;
}

.dx-dateview-item-selected-frame {
    position: absolute;
    top: 71px;
    width: 100%;
}

    .dx-dateview-item-selected-frame:before,
    .dx-dateview-item-selected-frame:after {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        height: 71px;
    }

    .dx-dateview-item-selected-frame:before {
        top: -71px;
        border-bottom: 1px solid #dee1e3;
        background-repeat: no-repeat;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8)));
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    }

    .dx-dateview-item-selected-frame:after {
        top: 40px;
        border-top: 1px solid #dee1e3;
        background-repeat: no-repeat;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8)));
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    }

.dx-device-tablet .dx-dateview-rollers,
.dx-device-phone .dx-dateview-rollers,
.dx-dateview-compact .dx-dateview-rollers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-device-tablet .dx-dateviewroller-month,
.dx-device-phone .dx-dateviewroller-month,
.dx-dateview-compact .dx-dateviewroller-month {
    min-width: 4em;
}

.dx-device-tablet .dx-dateview-item,
.dx-device-phone .dx-dateview-item,
.dx-dateview-compact .dx-dateview-item {
    font-size: 1.1em;
}

.dx-device-tablet .dx-dateview-item-selected,
.dx-device-phone .dx-dateview-item-selected,
.dx-dateview-compact .dx-dateview-item-selected {
    font-size: 1.4em;
}

.dx-toolbar {
    background-color: #fff;
    color: #333;
    padding: 0;
    overflow: visible;
}

    .dx-toolbar .dx-toolbar-before {
        padding-right: 15px;
    }

.dx-rtl.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-toolbar .dx-toolbar-before:empty,
.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 5px 0 0;
}

.dx-toolbar .dx-toolbar-item {
    padding: 0 5px 0 0;
}

    .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
        padding-left: 20px;
    }

    .dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-rtl.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-rtl.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-device-mobile .dx-toolbar {
    padding: 0;
    overflow: visible;
}

    .dx-device-mobile .dx-toolbar .dx-toolbar-before {
        padding-right: 15px;
    }

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-before:empty,
.dx-device-mobile .dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
    padding: 0 5px 0 0;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-item {
    padding: 0 5px 0 0;
}

    .dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
        padding-left: 20px;
    }

    .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-device-mobile .dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-toolbar.dx-state-disabled {
    opacity: 1;
}

.dx-toolbar.dx-toolbar-compact .dx-button {
    min-width: auto;
}

.dx-toolbar-after .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-toolbar-after .dx-toolbar-item:last-child {
        padding: 0 0 0 5px;
    }

    .dx-toolbar-after .dx-toolbar-item:first-child {
        padding: 0;
    }

.dx-rtl.dx-toolbar-after .dx-toolbar-item:first-child {
    padding-left: 5px;
}

.dx-device-mobile .dx-toolbar-after .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child {
        padding: 0 0 0 5px;
    }

    .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
        padding: 0;
    }

.dx-rtl.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
    padding-left: 5px;
}

.dx-toolbar-background {
    background-color: #fff;
}

.dx-toolbar-menu-section {
    border-bottom: 1px solid #dee1e3;
}

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content {
        padding: 0;
    }

    .dx-toolbar-menu-section .dx-button-content {
        padding: 4px;
    }

    .dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
        padding: 5px 10px;
    }

.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    padding: 8px;
}

.dx-toolbar-text-auto-hide .dx-button .dx-icon {
    color: #8899a8;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon,
.dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-toolbar .dx-tab {
    padding: 4px;
}

.dx-tile {
    color: #333;
    background-color: #fff;
    border: 1px solid rgba(222, 225, 227, 0.6);
    text-align: left;
}

    .dx-tile.dx-state-focused,
    .dx-tile.dx-state-hover {
        background-color: #fff;
        border-color: rgba(240, 91, 65, 0.4);
    }

    .dx-tile.dx-state-active {
        background-color: rgba(96, 96, 96, 0.2);
        color: #333;
        border-color: transparent;
    }

.dx-overlay-shader {
    background-color: rgba(255, 255, 255, 0.8);
}

.dx-overlay-wrapper {
    color: #333;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.35715;
}

    .dx-overlay-wrapper input,
    .dx-overlay-wrapper textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.35715;
    }

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: 1px solid #dee1e3;
}

.dx-toast-content {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    padding: 10px;
    -webkit-box-shadow: 0px 2px 3px 0px transparent;
    box-shadow: 0px 2px 3px 0px transparent;
    border-radius: 4px;
}

.dx-toast-icon {
    width: 35px;
    height: 35px;
}

.dx-toast-info {
    background-color: #f05b41;
}

    .dx-toast-info .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==);
    }

.dx-toast-message {
    line-height: 16px;
}

.dx-toast-warning {
    background-color: #f0ad4e;
}

    .dx-toast-warning .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC);
    }

.dx-toast-error {
    background-color: #f74d61;
}

    .dx-toast-error .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC);
    }

.dx-toast-success {
    background-color: #5cb85c;
}

    .dx-toast-success .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==);
    }

.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid #dee1e3;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 4px;
}

.dx-popup-wrapper > .dx-popup-fullscreen {
    border-radius: 0;
}

.dx-popup-title {
    position: relative;
    padding: 6px 20px;
    min-height: 28px;
    border-bottom: 1px solid #dee1e3;
    background: transparent;
    color: #333;
}

    .dx-popup-title.dx-toolbar {
        padding: 6px 20px;
        overflow: visible;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-popup-title.dx-toolbar .dx-toolbar-before {
            padding-right: 15px;
        }

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-before:empty,
.dx-popup-title.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 10px;
}

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 10px 0 0;
}

.dx-popup-title.dx-toolbar .dx-toolbar-item {
    padding: 0 10px 0 0;
}

    .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
        padding-left: 20px;
    }

    .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 10px;
}

    .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-popup-title .dx-closebutton {
    display: block;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    background: transparent;
    border-color: transparent;
    width: 23px;
    height: 23px;
    margin: 0 -4px 0 4px;
}

    .dx-popup-title .dx-closebutton .dx-button-content {
        padding: 0;
    }

    .dx-popup-title .dx-closebutton .dx-icon {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon,
.dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon {
    opacity: 0.6;
}

.dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text,
.dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text {
    opacity: 0.5;
}

.dx-rtl .dx-popup-title .dx-closebutton {
    margin: 0 4px 0 -4px;
}

.dx-popup-title .dx-closebutton .dx-icon {
    width: 21px;
    height: 21px;
    background-position: 3px 3px;
    background-size: 15px 15px;
    padding: 3px;
    font-size: 15px;
    text-align: center;
    line-height: 15px;
}

.dx-device-mobile .dx-popup-title .dx-closebutton {
    width: 37px;
    height: 37px;
    margin: 0 -11px 0 11px;
}

.dx-rtl .dx-device-mobile .dx-popup-title .dx-closebutton {
    margin: 0 11px 0 -11px;
}

.dx-device-mobile .dx-popup-title .dx-closebutton .dx-icon {
    width: 35px;
    height: 35px;
    background-position: 10px 10px;
    background-size: 15px 15px;
    padding: 10px;
    font-size: 15px;
    text-align: center;
    line-height: 15px;
}

.dx-popup-content {
    padding: 20px;
}

    .dx-popup-content > .dx-button {
        margin: 0 10px;
    }

.dx-popup-bottom {
    background: transparent;
    color: #333;
}

    .dx-popup-bottom.dx-toolbar {
        padding: 20px;
        overflow: visible;
    }

        .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
            padding-right: 15px;
        }

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
.dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 10px;
}

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 10px 0 0;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 10px 0 0;
}

    .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
        padding-left: 20px;
    }

    .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 10px;
}

    .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-popup-bottom.dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar {
    padding: 20px;
    overflow: visible;
}

    .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
        padding-right: 15px;
    }

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 10px;
}

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 10px 0 0;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 10px 0 0;
}

    .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
        padding-left: 20px;
    }

    .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 10px;
}

    .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-popup-bottom .dx-button {
    min-width: 100px;
}

.dx-popup-content.dx-dialog-content {
    min-width: 180px;
    padding: 20px;
}

.dx-dialog-message {
    padding: 0;
}

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
    background: #fff;
}

.dx-popover-wrapper .dx-popup-title {
    margin: 0;
}

    .dx-popover-wrapper .dx-popup-title.dx-toolbar {
        padding-left: 15px;
    }

.dx-popover-wrapper .dx-popover-arrow:after,
.dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {
    background: #fff;
}

.dx-popover-arrow:after {
    border: 1px solid #dee1e3;
}

.dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
    padding-right: 15px;
    padding-left: 0;
}

.dx-progressbar-container {
    height: 6px;
    border: 1px solid #dee1e3;
    background-color: #dddddd;
    border-radius: 2px;
}

.dx-progressbar-range {
    position: relative;
    border: 1px solid #f05b41;
    background-color: #f05b41;
    margin-top: -1px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.dx-progressbar-animating-container {
    height: 6px;
    background-color: #dddddd;
    background-size: 90% 5px;
    border: 1px solid #dee1e3;
    border-radius: 2px;
    -webkit-animation: loader 2s linear infinite;
    animation: loader 2s linear infinite;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#f05b41), color-stop(95%, transparent));
    background-image: linear-gradient(-90deg, transparent 5%, #f05b41, transparent 95%);
    background-repeat: repeat;
}

.dx-state-disabled .dx-progressbar-range {
    background-color: rgba(240, 91, 65, 0.6);
}

.dx-state-disabled .dx-progressbar-animating-container {
    -webkit-animation: none;
    animation: none;
    background-position-x: 45%;
}

.dx-rtl .dx-progressbar .dx-progressbar-animating-container,
.dx-rtl.dx-progressbar .dx-progressbar-animating-container {
    -webkit-animation: loader-rtl 2s linear infinite;
    animation: loader-rtl 2s linear infinite;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#f05b41), color-stop(95%, transparent));
    background-image: linear-gradient(-90deg, transparent 5%, #f05b41, transparent 95%);
    background-repeat: repeat;
}

@-webkit-keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@-webkit-keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

@keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

.dx-tooltip-wrapper .dx-overlay-content {
    border: 1px solid #dee1e3;
    background-color: #fff;
    color: #333;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
    border: 1px solid #dee1e3;
    background: #fff;
}

.dx-slider .dx-tooltip-wrapper .dx-overlay-content {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dx-slider .dx-state-active.dx-slider-handle {
    border: 1px solid #fff;
    background: #ca2c10;
}

.dx-slider .dx-state-focused.dx-slider-handle:not(.dx-state-active) {
    border: 1px solid #fff;
    background: #eb3313;
}

.dx-slider .dx-state-hover.dx-slider-handle:not(.dx-state-active) {
    border: 1px solid #fff;
    background: #eb3313;
}

.dx-slider-wrapper {
    height: 28px;
}

.dx-slider-bar {
    margin: 14px 7px;
    height: 4px;
    background: #dee1e3;
    border-radius: 2px;
}

.dx-slider-range {
    border: 1px solid transparent;
    height: 2px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-slider-range.dx-slider-range-visible {
        border: 1px solid #f05b41;
        background: #f05b41;
        border-radius: 2px;
    }

.dx-slider-label-position-bottom .dx-slider-label {
    bottom: -17px;
}

.dx-slider-label-position-top .dx-slider-label {
    top: -14px;
}

.dx-slider-handle {
    margin-top: -14px;
    margin-right: -7px;
    width: 14px;
    height: 28px;
    border: 1px solid #fff;
    background-color: #f05b41;
    border-radius: 1px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-state-disabled .dx-slider,
.dx-state-disabled.dx-slider {
    opacity: 1;
}

    .dx-state-disabled .dx-slider .dx-slider-bar,
    .dx-state-disabled.dx-slider .dx-slider-bar {
        opacity: .5;
    }

.dx-invalid .dx-slider-handle {
    background-color: #f74d61;
}

.dx-invalid .dx-slider-range-visible {
    background-color: #f74d61;
    border-color: #f74d61;
}

.dx-invalid .dx-slider-bar {
    background-color: rgba(247, 77, 97, 0.4);
}

.dx-rtl .dx-slider-handle {
    margin-left: -7.5px;
}

.dx-rangeslider-start-handle {
    margin-left: -7px;
}

.dx-rtl .dx-rangeslider-start-handle {
    margin-right: -7px;
}

.dx-gallery .dx-gallery-nav-button-prev,
.dx-gallery .dx-gallery-nav-button-next {
    position: absolute;
    top: 0;
    width: 34%;
    height: 100%;
    background: #fff;
    background: transparent;
    cursor: pointer;
    font-size: 32px;
    text-align: center;
    line-height: 32px;
}

    .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after,
    .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after {
        background-color: rgba(240, 91, 65, 0.3);
    }

    .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after,
    .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after {
        background-color: rgba(240, 91, 65, 0.7);
    }

    .dx-gallery .dx-gallery-nav-button-prev:before,
    .dx-gallery .dx-gallery-nav-button-next:before {
        position: absolute;
        display: block;
        width: 32px;
        top: 50%;
        margin-top: -16px;
        left: 50%;
        margin-left: -16px;
    }

    .dx-gallery .dx-gallery-nav-button-prev:after,
    .dx-gallery .dx-gallery-nav-button-next:after {
        content: '';
        position: absolute;
        width: 32px;
        height: 100%;
        border-radius: -2px;
    }

    .dx-gallery .dx-gallery-nav-button-prev:before,
    .dx-gallery .dx-gallery-nav-button-next:before {
        position: absolute;
        z-index: 10;
        clear: both;
        font-size: 32px;
        color: #fff;
    }

.dx-gallery .dx-gallery-nav-button-prev {
    font: 14px/1 DXIcons;
}

    .dx-gallery .dx-gallery-nav-button-prev:before {
        content: "\f012";
    }

    .dx-gallery .dx-gallery-nav-button-prev:after {
        left: 0;
    }

    .dx-gallery .dx-gallery-nav-button-prev:before {
        left: 0;
        right: auto;
        margin-left: 0;
    }

.dx-gallery .dx-gallery-nav-button-next {
    font: 14px/1 DXIcons;
}

    .dx-gallery .dx-gallery-nav-button-next:before {
        content: "\f010";
    }

    .dx-gallery .dx-gallery-nav-button-next:after {
        right: 0;
    }

    .dx-gallery .dx-gallery-nav-button-next:before {
        right: 0;
        left: auto;
    }

.dx-gallery-indicator {
    pointer-events: none;
    text-align: center;
}

.dx-gallery-indicator-item {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f05b41;
    pointer-events: auto;
    margin: 1px 6px;
    width: 8px;
    height: 8px;
    background: #fff;
}

.dx-gallery-indicator-item-active,
.dx-gallery-indicator-item-selected {
    width: 12px;
    height: 12px;
    background: #f05b41;
    border: 2px solid rgba(255, 255, 255, 0.8);
    margin: -1px 6px;
}

.dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
    background: #d42e11;
}

.dx-lookup {
    height: 36px;
    border: 1px solid #dee1e3;
    background: #fff;
}

    .dx-lookup.dx-editor-underlined {
        background: transparent;
    }

.dx-lookup-field {
    padding: 7px 34px 8px 9px;
    font-size: 1em;
}

.dx-rtl .dx-lookup-field {
    padding: 7px 9px 8px 34px;
}

.dx-lookup-arrow {
    font: 14px/1 DXIcons;
    width: 34px;
    color: #8899a8;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-lookup-arrow:before {
        content: "\f04e";
    }

.dx-rtl .dx-lookup-arrow:before {
    content: "\f04f";
}

.dx-lookup-arrow:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-state-readonly .dx-lookup-field:before {
    opacity: .5;
}

.dx-lookup-popup-wrapper .dx-list-item {
    border-top: none;
}

    .dx-lookup-popup-wrapper .dx-list-item:last-of-type {
        border-bottom: none;
    }

.dx-lookup-popup-wrapper .dx-list-item-content {
    padding-left: 20px;
    padding-right: 20px;
}

.dx-lookup-popup-wrapper .dx-popup-content {
    top: 0;
    padding: 0;
}

.dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content {
    top: 49px;
}

.dx-lookup-empty .dx-lookup-field {
    color: #8899a8;
}

.dx-invalid.dx-lookup .dx-lookup-field:after {
    right: 38px;
    pointer-events: none;
    font-weight: bold;
    background-color: #f74d61;
    color: #fff;
    content: '!';
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
}

.dx-rtl .dx-invalid.dx-lookup .dx-lookup-field:after,
.dx-rtl.dx-invalid.dx-lookup .dx-lookup-field:after {
    right: auto;
    left: 38px;
}

.dx-lookup-validation-message {
    font-size: 14px;
    line-height: 14px;
    padding: 13px 20px 12px;
    margin-bottom: 20px;
    margin-left: -20px;
    border-bottom: 1px solid #dee1e3;
    color: #f74d61;
}

.dx-rtl .dx-lookup-validation-message {
    margin-right: -20px;
    margin-left: 0;
}

.dx-lookup-popup-search .dx-list {
    height: calc(100% - 70px);
}

.dx-lookup-search-wrapper {
    padding: 20px;
    padding-bottom: 14px;
}

.dx-popup-content.dx-lookup-invalid {
    padding-top: 0;
}

    .dx-popup-content.dx-lookup-invalid .dx-lookup-validation-message {
        display: inline-block;
    }

    .dx-popup-content.dx-lookup-invalid .dx-list {
        top: 40px;
    }

.dx-lookup-popup-search .dx-popup-content.dx-lookup-invalid .dx-list {
    top: 110px;
}

.dx-actionsheet-container .dx-actionsheet-item {
    margin: 0 0 10px 0;
}

.dx-actionsheet-container .dx-button {
    margin: 0;
}

.dx-button.dx-actionsheet-cancel {
    margin: 0;
}

.dx-loadindicator {
    background-color: transparent;
}

.dx-loadindicator-image {
    background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
}

.dx-loadindicator-icon {
    position: relative;
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%;
}

    .dx-loadindicator-icon .dx-loadindicator-segment {
        position: absolute;
        width: 19%;
        height: 30%;
        left: 44.5%;
        top: 37%;
        opacity: 0;
        background: #f05b41;
        border-radius: 50%;
        border-top-left-radius: 10%;
        border-top-right-radius: 10%;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        -webkit-animation: dx-generic-loadindicator-opacity 1s linear infinite;
        animation: dx-generic-loadindicator-opacity 1s linear infinite;
    }

@-webkit-keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

@keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

.dx-loadindicator-icon .dx-loadindicator-segment0 {
    -webkit-transform: rotate(0deg) translate(0, -142%);
    transform: rotate(0deg) translate(0, -142%);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.dx-loadindicator-icon .dx-loadindicator-segment1 {
    -webkit-transform: rotate(45deg) translate(0, -142%);
    transform: rotate(45deg) translate(0, -142%);
    -webkit-animation-delay: -0.875s;
    animation-delay: -0.875s;
}

.dx-loadindicator-icon .dx-loadindicator-segment2 {
    -webkit-transform: rotate(90deg) translate(0, -142%);
    transform: rotate(90deg) translate(0, -142%);
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.dx-loadindicator-icon .dx-loadindicator-segment3 {
    -webkit-transform: rotate(135deg) translate(0, -142%);
    transform: rotate(135deg) translate(0, -142%);
    -webkit-animation-delay: -0.625s;
    animation-delay: -0.625s;
}

.dx-loadindicator-icon .dx-loadindicator-segment4 {
    -webkit-transform: rotate(180deg) translate(0, -142%);
    transform: rotate(180deg) translate(0, -142%);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.dx-loadindicator-icon .dx-loadindicator-segment5 {
    -webkit-transform: rotate(225deg) translate(0, -142%);
    transform: rotate(225deg) translate(0, -142%);
    -webkit-animation-delay: -0.375s;
    animation-delay: -0.375s;
}

.dx-loadindicator-icon .dx-loadindicator-segment6 {
    -webkit-transform: rotate(270deg) translate(0, -142%);
    transform: rotate(270deg) translate(0, -142%);
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.dx-loadindicator-icon .dx-loadindicator-segment7 {
    -webkit-transform: rotate(315deg) translate(0, -142%);
    transform: rotate(315deg) translate(0, -142%);
    -webkit-animation-delay: -0.125s;
    animation-delay: -0.125s;
}

.dx-loadindicator-icon .dx-loadindicator-segment8,
.dx-loadindicator-icon .dx-loadindicator-segment9,
.dx-loadindicator-icon .dx-loadindicator-segment10,
.dx-loadindicator-icon .dx-loadindicator-segment11,
.dx-loadindicator-icon .dx-loadindicator-segment12,
.dx-loadindicator-icon .dx-loadindicator-segment13,
.dx-loadindicator-icon .dx-loadindicator-segment14,
.dx-loadindicator-icon .dx-loadindicator-segment15 {
    display: none;
}

.dx-rtl .dx-loadindicator-icon {
    right: 15%;
    left: 0;
}

.dx-loadpanel-content {
    border: 1px solid #dee1e3;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
}

.dx-autocomplete .dx-texteditor-input {
    font-size: 1em;
}

.dx-autocomplete.dx-invalid .dx-texteditor-container:after {
    right: 8px;
}

.dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-container:after {
    left: 8px;
}

.dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
    padding: 1px;
}

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
    border-radius: 8px;
}

.dx-dropdownmenu-popup-wrapper .dx-list-item {
    border-top: 0;
}

.dx-selectbox-popup-wrapper .dx-overlay-content {
    -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
}

.dx-selectbox-popup-wrapper .dx-list {
    background-color: #fff;
}

.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
    padding-left: 0;
    margin-left: 5px;
}

.dx-rtl .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input,
.dx-rtl.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}

.dx-dropdowneditor-button-visible .dx-tag-container {
    padding-right: 34px;
}

.dx-show-clear-button .dx-tag-container {
    padding-right: 30px;
}

.dx-show-clear-button.dx-dropdowneditor-button-visible .dx-tag-container {
    padding-right: 64px;
}

.dx-tagbox-single-line.dx-dropdowneditor-button-visible .dx-texteditor-container {
    width: calc(100% - 34px);
}

.dx-tagbox-single-line .dx-tag-container {
    padding-right: 0;
}

.dx-tag-content {
    margin: 4px 0 0 4px;
    padding: 3px 25px 4px 6px;
    min-width: 40px;
    background-color: #e8e8e8;
    border-radius: 0px;
    color: #333;
}

.dx-tag-remove-button {
    width: 25px;
    height: 100%;
}

    .dx-tag-remove-button:before,
    .dx-tag-remove-button:after {
        right: 9px;
        margin-top: -5px;
        width: 3px;
        height: 11px;
        background: #9ea4a8;
    }

    .dx-tag-remove-button:after {
        right: 5px;
        margin-top: -1px;
        width: 11px;
        height: 3px;
    }

    .dx-tag-remove-button:active:before,
    .dx-tag-remove-button:active:after {
        background: #d4d6d8;
    }

.dx-tag.dx-state-focused .dx-tag-content {
    background-color: #d6d6d6;
    color: #333;
}

.dx-tag.dx-state-focused .dx-tag-remove-button:before,
.dx-tag.dx-state-focused .dx-tag-remove-button:after {
    background-color: #9ea4a8;
}

.dx-tag.dx-state-focused .dx-tag-remove-button:active:before,
.dx-tag.dx-state-focused .dx-tag-remove-button:active:after {
    background: #d4d6d8;
}

.dx-tagbox.dx-invalid .dx-texteditor-container:after {
    right: 8px;
}

.dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after {
    left: 8px;
}

.dx-tagbox-popup-wrapper .dx-list-select-all {
    border-bottom: 1px solid #dee1e3;
    padding-bottom: 12px;
    margin-bottom: 3px;
}

.dx-rtl .dx-tag-content {
    padding-right: 6px;
    padding-left: 25px;
}

.dx-rtl .dx-tag-remove-button:before {
    right: auto;
    left: 9px;
}

.dx-rtl .dx-tag-remove-button:after {
    right: auto;
    left: 5px;
}

.dx-rtl.dx-dropdowneditor-button-visible .dx-tag-container {
    padding-right: 0;
    padding-left: 34px;
}

.dx-rtl.dx-show-clear-button .dx-tag-container {
    padding-right: 0;
    padding-left: 30px;
}

.dx-rtl.dx-show-clear-button.dx-dropdowneditor-button-visible .dx-tag-container {
    padding-right: 0;
    padding-left: 64px;
}

.dx-radiobutton-icon {
    width: 22px;
    height: 22px;
}

    .dx-radiobutton-icon:before {
        display: block;
        width: 20px;
        height: 20px;
        border: 1px solid #dee1e3;
        background-color: #fff;
        content: "";
        border-radius: 11px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    display: block;
    margin-top: -16px;
    margin-left: 6px;
    width: 10px;
    height: 10px;
    background: #f05b41;
    content: "";
    border-radius: 5px;
}

.dx-radiobutton {
    line-height: 22px;
}

    .dx-radiobutton.dx-state-readonly .dx-radiobutton-icon:before {
        border-color: #f7f8f8;
        background-color: #fff;
    }

    .dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
        border-color: rgba(240, 91, 65, 0.4);
    }

    .dx-radiobutton.dx-state-active .dx-radiobutton-icon:before {
        background-color: rgba(96, 96, 96, 0.2);
    }

    .dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before {
        border: 1px solid #f05b41;
    }

    .dx-radiobutton.dx-state-disabled {
        opacity: 0.5;
    }

.dx-invalid .dx-radiobutton-icon:before {
    border-color: rgba(247, 77, 97, 0.4);
}

.dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before {
    border-color: #f74d61;
}

.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before {
    border-color: #f74d61;
}

.dx-state-disabled .dx-radiobutton.dx-state-disabled {
    opacity: 1;
}

.dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot,
.dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot {
    margin-right: 6px;
    margin-left: 0;
}

.dx-radio-value-container {
    padding-left: 0;
}

.dx-radiogroup .dx-radiobutton,
.dx-radiogroup .dx-radiobutton-icon {
    margin: 1px 0;
}

.dx-radiogroup.dx-state-readonly .dx-radiobutton-icon:before {
    border-color: #f7f8f8;
    background-color: #fff;
}

.dx-radiogroup-horizontal .dx-radiobutton {
    margin-right: 17px;
}

.dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
.dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
    margin-right: 0;
    margin-left: 17px;
}

.dx-pivottabs {
    height: 74px;
}

.dx-pivottabs-tab,
.dx-pivottabs-ghosttab {
    padding: 10px;
    color: #959595;
    font-size: 40px;
}

.dx-pivottabs-tab-selected {
    color: #333;
}

.dx-pivot-itemcontainer {
    top: 74px;
}

.dx-panorama-title,
.dx-panorama-ghosttitle {
    height: 70px;
    font-size: 65px;
}

.dx-panorama-itemscontainer {
    top: 70px;
}

.dx-panorama-item-title {
    font-size: 30px;
}

.dx-panorama-item-content {
    top: 45px;
}

.dx-accordion {
    background-color: #fff;
    color: #333;
}

.dx-accordion-item {
    border: 1px solid transparent;
    border-top-color: #dee1e3;
}

    .dx-accordion-item:last-child {
        border-bottom: 1px solid #dee1e3;
    }

    .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon {
        color: #f05b41;
    }

    .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title {
        color: #f05b41;
        background-color: #faebe8;
    }

    .dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
        background-color: #faebe8;
    }

    .dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) {
        border-bottom-color: #faebe8;
    }

.dx-accordion-item-opened {
    border-color: #dee1e3;
}

    .dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title {
        background-color: transparent;
    }

    .dx-accordion-item-opened > .dx-accordion-item-title {
        background-color: transparent;
    }

        .dx-accordion-item-opened > .dx-accordion-item-title:before {
            content: "\f014";
        }

    .dx-accordion-item-opened + .dx-accordion-item {
        border-top-color: transparent;
    }

        .dx-accordion-item-opened + .dx-accordion-item.dx-state-hover:not(.dx-state-focused) {
            border-top-color: #faebe8;
        }

.dx-accordion-item-title {
    color: #333;
    padding: 9px 12px;
    font-size: 18px;
}

    .dx-accordion-item-title:before {
        font-weight: normal;
        color: #8899a8;
        content: "\f016";
        font-family: DXIcons;
        font-size: 18px;
        margin-left: 9px;
        margin-right: 0;
        line-height: 24px;
    }

    .dx-accordion-item-title .dx-icon {
        width: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
        margin-right: 9px;
        margin-left: 0;
        display: inline-block;
        color: #8899a8;
    }

.dx-rtl .dx-accordion-item-title .dx-icon,
.dx-rtl.dx-accordion-item-title .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-state-disabled.dx-accordion-item {
    opacity: 0.5;
}

.dx-state-focused.dx-accordion-item {
    border-color: #f05b41;
}

.dx-accordion-item-body {
    padding: 8px 12px 22px;
    font-size: 14px;
}

.dx-rtl .dx-accordion-item-title:before {
    margin-left: 0;
    margin-right: 9px;
}

.dx-slideoutview-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -1px;
    border-style: solid;
    border-width: 0 1px;
}

.dx-slideout-menu .dx-list-item .dx-icon {
    width: 26px;
    height: 26px;
    background-position: 0px 0px;
    background-size: 26px 26px;
    padding: 0px;
    font-size: 26px;
    text-align: center;
    line-height: 26px;
    margin-right: 13px;
    margin-left: 0;
    margin-top: -4px;
    margin-bottom: -4px;
}

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
    margin-left: 13px;
    margin-right: 0;
}

.dx-slideoutview-menu-content,
.dx-slideoutview-content {
    background-color: #fff;
}

.dx-slideoutview-content {
    border-color: rgba(222, 225, 227, 0.5);
}

.dx-slideoutview-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -1px;
    border-style: solid;
    border-width: 0 1px;
}

.dx-slideout-menu .dx-list-item .dx-icon {
    width: 26px;
    height: 26px;
    background-position: 0px 0px;
    background-size: 26px 26px;
    padding: 0px;
    font-size: 26px;
    text-align: center;
    line-height: 26px;
    margin-right: 13px;
    margin-left: 0;
    margin-top: -4px;
    margin-bottom: -4px;
}

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
    margin-left: 13px;
    margin-right: 0;
}

.dx-pager {
    padding-top: 9px;
    padding-bottom: 9px;
}

    .dx-pager.dx-light-mode .dx-page-sizes {
        min-width: 42px;
    }

    .dx-pager.dx-light-mode .dx-page-index {
        min-width: 19px;
    }

    .dx-pager .dx-pages .dx-page {
        padding: 7px 9px 8px;
    }

    .dx-pager .dx-pages .dx-separator {
        padding-left: 8px;
        padding-right: 8px;
    }

    .dx-pager .dx-pages .dx-navigate-button {
        width: 9px;
        height: 17px;
        padding: 9px 13px;
    }

    .dx-pager .dx-pages .dx-prev-button {
        font: 14px/1 DXIcons;
    }

        .dx-pager .dx-pages .dx-prev-button:before {
            content: "\f012";
        }

    .dx-pager .dx-pages .dx-next-button {
        font: 14px/1 DXIcons;
    }

        .dx-pager .dx-pages .dx-next-button:before {
            content: "\f010";
        }

    .dx-pager .dx-pages .dx-prev-button,
    .dx-pager .dx-pages .dx-next-button {
        font-size: 21px;
        text-align: center;
        line-height: 21px;
    }

        .dx-pager .dx-pages .dx-prev-button:before,
        .dx-pager .dx-pages .dx-next-button:before {
            position: absolute;
            display: block;
            width: 21px;
            top: 50%;
            margin-top: -10.5px;
            left: 50%;
            margin-left: -10.5px;
        }

    .dx-pager .dx-page,
    .dx-pager .dx-page-size {
        border-radius: 1px;
        border-style: solid;
        border-width: 1px;
        border-color: transparent;
    }

    .dx-pager .dx-page-sizes .dx-page-size {
        padding-left: 10px;
        padding-right: 9px;
        padding-top: 7px;
        padding-bottom: 8px;
    }

    .dx-pager .dx-pages .dx-selection,
    .dx-pager .dx-page-sizes .dx-selection {
        color: #ffffff;
        border-color: transparent;
        background-color: #f05b41;
    }

.dx-colorview-container {
    width: 450px;
}

    .dx-colorview-container label {
        line-height: 36px;
    }

        .dx-colorview-container label.dx-colorview-label-hex {
            margin: 10px 0 0 0;
        }

        .dx-colorview-container label.dx-colorview-alpha-channel-label {
            margin-left: 43px;
            width: 115px;
        }

        .dx-colorview-container label .dx-texteditor {
            width: 69px;
            margin: 1px 1px 10px 0;
        }

.dx-colorview-hue-scale-cell {
    margin-left: 19px;
}

.dx-colorview-palette {
    width: 288px;
    height: 299px;
}

.dx-colorview-alpha-channel-scale {
    width: 288px;
}

.dx-colorview-container-row.dx-colorview-alpha-channel-row {
    margin-top: 10px;
}

.dx-colorview-hue-scale {
    width: 18px;
    height: 299px;
}

.dx-colorview-alpha-channel-cell {
    width: 292px;
}

.dx-colorview-hue-scale-wrapper {
    height: 301px;
}

.dx-colorview-color-preview {
    width: 100%;
    height: 40px;
}

.dx-colorview-controls-container {
    width: 90px;
    margin-left: 27px;
}

.dx-colorview-container label {
    color: #8899a8;
}

.dx-colorview-palette-cell,
.dx-colorview-alpha-channel-border,
.dx-colorview-hue-scale-wrapper,
.dx-colorview-color-preview-container {
    padding: 1px;
    margin: 1px;
    margin-top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #dee1e3;
    box-shadow: 0 0 0 1px #dee1e3;
}

.dx-colorview-color-preview-container {
    margin-bottom: 34px;
}

.dx-rtl .dx-colorview-controls-container {
    margin-left: 0;
    margin-right: 27px;
}

.dx-rtl .dx-colorview-hue-scale-cell {
    margin-left: 0;
    margin-right: 19px;
}

.dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
    margin-left: 0;
    margin-right: 43px;
}

.dx-colorbox.dx-state-focused .dx-colorbox-input {
    padding-left: 40px;
}

.dx-colorbox .dx-placeholder {
    left: 32px;
}

.dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat 0 0;
}

.dx-colorbox-color-result-preview {
    border-color: #dee1e3;
}

.dx-colorbox-overlay {
    padding: 0;
}

    .dx-colorbox-overlay.dx-overlay-content {
        background-color: #fff;
    }

    .dx-colorbox-overlay .dx-popup-content {
        padding: 20px;
    }

.dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input,
.dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input {
    padding-right: 40px;
}

.dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child {
    padding-left: 10px;
    padding-right: 0;
}

.dx-datagrid .dx-menu-item-has-icon .dx-icon,
.dx-datagrid-container .dx-menu-item-has-icon .dx-icon {
    color: #8899a8;
}

.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

    .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
    .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
        content: "\f053";
    }

.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

    .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
    .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
        content: "\f054";
    }

.dx-datagrid .dx-icon-filter-operation-equals,
.dx-datagrid-container .dx-icon-filter-operation-equals {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-equals:before,
    .dx-datagrid-container .dx-icon-filter-operation-equals:before {
        content: "\f044";
    }

.dx-datagrid .dx-icon-filter-operation-default,
.dx-datagrid-container .dx-icon-filter-operation-default {
    font: 14px/1 DXIcons;
    width: 12px;
    height: 12px;
    background-position: 0px 0px;
    background-size: 12px 12px;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}

    .dx-datagrid .dx-icon-filter-operation-default:before,
    .dx-datagrid-container .dx-icon-filter-operation-default:before {
        content: "\f027";
    }

.dx-datagrid .dx-icon-filter-operation-not-equals,
.dx-datagrid-container .dx-icon-filter-operation-not-equals {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-not-equals:before,
    .dx-datagrid-container .dx-icon-filter-operation-not-equals:before {
        content: "\f045";
    }

.dx-datagrid .dx-icon-filter-operation-less,
.dx-datagrid-container .dx-icon-filter-operation-less {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-less:before,
    .dx-datagrid-container .dx-icon-filter-operation-less:before {
        content: "\f046";
    }

.dx-datagrid .dx-icon-filter-operation-less-equal,
.dx-datagrid-container .dx-icon-filter-operation-less-equal {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-less-equal:before,
    .dx-datagrid-container .dx-icon-filter-operation-less-equal:before {
        content: "\f048";
    }

.dx-datagrid .dx-icon-filter-operation-greater,
.dx-datagrid-container .dx-icon-filter-operation-greater {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-greater:before,
    .dx-datagrid-container .dx-icon-filter-operation-greater:before {
        content: "\f047";
    }

.dx-datagrid .dx-icon-filter-operation-greater-equal,
.dx-datagrid-container .dx-icon-filter-operation-greater-equal {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-greater-equal:before,
    .dx-datagrid-container .dx-icon-filter-operation-greater-equal:before {
        content: "\f049";
    }

.dx-datagrid .dx-icon-filter-operation-contains,
.dx-datagrid-container .dx-icon-filter-operation-contains {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-contains:before,
    .dx-datagrid-container .dx-icon-filter-operation-contains:before {
        content: "\f063";
    }

.dx-datagrid .dx-icon-filter-operation-not-contains,
.dx-datagrid-container .dx-icon-filter-operation-not-contains {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-not-contains:before,
    .dx-datagrid-container .dx-icon-filter-operation-not-contains:before {
        content: "\f066";
    }

.dx-datagrid .dx-icon-filter-operation-starts-with,
.dx-datagrid-container .dx-icon-filter-operation-starts-with {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-starts-with:before,
    .dx-datagrid-container .dx-icon-filter-operation-starts-with:before {
        content: "\f064";
    }

.dx-datagrid .dx-icon-filter-operation-ends-with,
.dx-datagrid-container .dx-icon-filter-operation-ends-with {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-ends-with:before,
    .dx-datagrid-container .dx-icon-filter-operation-ends-with:before {
        content: "\f065";
    }

.dx-datagrid .dx-icon-filter-operation-between,
.dx-datagrid-container .dx-icon-filter-operation-between {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-between:before,
    .dx-datagrid-container .dx-icon-filter-operation-between:before {
        content: "\f06a";
    }

.dx-datagrid {
    line-height: inherit;
}

    .dx-datagrid .dx-row-alt > td,
    .dx-datagrid .dx-row-alt > tr > td {
        background-color: #fafafa;
    }

    .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
        border-bottom-color: transparent;
    }

    .dx-datagrid .dx-link {
        color: #f05b41;
    }

    .dx-datagrid .dx-row-lines > td {
        border-bottom: 1px solid #dee1e3;
    }

    .dx-datagrid .dx-column-lines > td {
        border-left: 1px solid #dee1e3;
        border-right: 1px solid #dee1e3;
    }

    .dx-datagrid .dx-error-row .dx-closebutton {
        float: right;
        margin: 9px;
        font: 14px/1 DXIcons;
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

        .dx-datagrid .dx-error-row .dx-closebutton:before {
            content: "\f00a";
        }

    .dx-datagrid .dx-error-row .dx-error-message {
        padding: 7px;
        padding-right: 35px;
    }

    .dx-datagrid .dx-row > td {
        padding: 7px;
    }

    .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
        width: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
        margin: 0 3px;
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
        background-position-y: 34px;
    }

.dx-datagrid-edit-popup .dx-error-message {
    padding: 7px;
}

.dx-datagrid-headers .dx-texteditor-input,
.dx-datagrid-rowsview .dx-texteditor-input {
    padding: 7px;
    min-height: 33px;
}

.dx-datagrid-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
    padding-right: 7px;
}

.dx-datagrid-headers .dx-lookup,
.dx-datagrid-rowsview .dx-lookup {
    height: auto;
}

.dx-datagrid-headers .dx-lookup-field,
.dx-datagrid-rowsview .dx-lookup-field {
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 64px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input {
    padding-right: 90px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 90px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input {
    padding-right: 60px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 60px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 34px;
}

.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
    padding-left: 34px;
}

.dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
    padding-right: 34px;
}

.dx-editor-cell .dx-numberbox-spin-button {
    background-color: transparent;
}

.dx-editor-cell .dx-icon-clear {
    left: 0px;
}

.dx-editor-cell .dx-texteditor {
    background: #fff;
}

    .dx-editor-cell .dx-texteditor .dx-texteditor-input {
        background: #fff;
    }

    .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input {
        padding-right: 34px;
    }

    .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
        padding-right: 74px;
    }

.dx-editor-cell .dx-dropdowneditor {
    background-color: #fff;
}

.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
    border-radius: 0;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-datagrid-checkbox-size {
    line-height: normal;
}

    .dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
        font-size: 12px;
    }

    .dx-datagrid-checkbox-size .dx-checkbox-icon {
        height: 16px;
        width: 16px;
    }

    .dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
        font-size: 6px;
    }

.dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message,
.dx-datagrid-column-chooser-list .dx-empty-message {
    color: #999999;
    padding: 0 20px;
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
    padding: 0px 20px 20px 20px;
}

    .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
        margin-bottom: 10px;
    }

    .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
        padding-left: 20px;
    }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
    padding: 0px 20px 20px 20px;
}

.dx-datagrid-column-chooser .dx-overlay-content {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
        padding-top: 7px;
        padding-bottom: 9px;
        background-color: transparent;
    }

    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        margin-bottom: 10px;
        background-color: #fff;
        color: #8899a8;
        font-weight: normal;
        border: 1px solid #dee1e3;
        padding: 7px;
        -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
    }

.dx-datagrid-drag-header {
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    color: #8899a8;
    font-weight: normal;
    padding: 7px;
    border: 1px solid rgba(240, 91, 65, 0.7);
    background-color: #fff;
}

.dx-datagrid-columns-separator {
    background-color: rgba(240, 91, 65, 0.5);
}

.dx-datagrid-columns-separator-transparent {
    background-color: transparent;
}

.dx-datagrid-drop-highlight > td {
    background-color: #f05b41;
    color: #fff;
}

.dx-datagrid-focus-overlay {
    border: 2px solid #d42e11;
}

.dx-datagrid-table .dx-row .dx-command-select {
    width: 70px;
    min-width: 70px;
}

.dx-datagrid-table .dx-row .dx-command-edit {
    width: 85px;
    min-width: 85px;
}

.dx-datagrid-table .dx-row .dx-command-expand {
    width: 30px;
    min-width: 30px;
}

    .dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
        padding-top: 7px;
    }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: #faebe8;
    color: #333;
}

    .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
        border-right-color: #faebe8;
    }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
    background-color: #faebe8;
    color: #333;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
    background-color: transparent;
}

.dx-datagrid-headers {
    color: #8899a8;
    font-weight: normal;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #dee1e3;
}

    .dx-datagrid-headers .dx-datagrid-content {
        margin-bottom: -1px;
    }

.dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
    border-bottom-width: 1px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #dee1e3;
}

.dx-datagrid-filter-row .dx-menu .dx-overlay-content {
    color: #333;
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused {
    background-color: transparent;
}

    .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
        border: 2px solid #d42e11;
    }

    .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
        background-color: #fff;
    }

        .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
            border-color: transparent;
        }

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-state-hover {
    background-color: transparent;
}

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
    background-color: #fff;
}

.dx-datagrid-filter-row .dx-highlight-outline::after {
    border-color: rgba(92, 184, 92, 0.5);
}

.dx-datagrid-filter-row .dx-menu-item-content .dx-icon {
    color: #8899a8;
}

.dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 7px 7px 7px 32px;
}

.dx-datagrid-filter-range-overlay .dx-overlay-content {
    border: 1px solid #dee1e3;
    overflow: inherit;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

    .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
        border-color: rgba(92, 184, 92, 0.5);
        left: 0px;
    }

    .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
        background-color: #fff;
        padding: 7px;
    }

    .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
        border: 2px solid #d42e11;
    }

.dx-filter-menu.dx-menu {
    background-color: transparent;
    height: 100%;
}

    .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
        padding: 6px 5px 7px;
    }

        .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
            margin: 0px 3px;
        }

.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-highlight-outline {
    padding: 7px;
}

.dx-datagrid-header-panel {
    border-bottom: 1px solid #dee1e3;
}

    .dx-datagrid-header-panel .dx-toolbar {
        margin-bottom: 10px;
    }

    .dx-datagrid-header-panel .dx-apply-button {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff;
    }

        .dx-datagrid-header-panel .dx-apply-button .dx-icon {
            color: #fff;
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
            background-color: #449d44;
            border-color: #4cae4c;
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
            background-color: #3d8b3d;
            border-color: #4cae4c;
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-active {
            background-color: #357935;
            border-color: #4cae4c;
            color: #fff;
        }

.dx-icon-column-chooser {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-icon-column-chooser:before {
        content: "\f04d";
    }

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
        content: "\f00b";
    }

.dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before {
        content: "\f04c";
    }

.dx-datagrid-save-button .dx-icon-edit-button-save {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-datagrid-save-button .dx-icon-edit-button-save:before {
        content: "\f041";
    }

.dx-apply-button .dx-icon-apply-filter {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-apply-button .dx-icon-apply-filter:before {
        content: "\f050";
    }

.dx-datagrid-export-button .dx-icon-export-to {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-datagrid-export-button .dx-icon-export-to:before {
        content: "\f05f";
    }

.dx-datagrid-export-button .dx-icon-export-excel-button {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-datagrid-export-button .dx-icon-export-excel-button:before {
        content: "\f060";
    }

.dx-datagrid-adaptive-more {
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    background-size: 21px 21px;
    padding: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

.dx-datagrid-rowsview {
    border-top: 1px solid #dee1e3;
}

    .dx-datagrid-rowsview .dx-row {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

        .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
            border-top-width: 0px;
            border-bottom: 1px solid #dee1e3;
        }

        .dx-datagrid-rowsview .dx-row.dx-edit-row > td {
            border-top: 1px solid #dee1e3;
            border-bottom: 1px solid #dee1e3;
        }

    .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space,
    .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
        border-top: 1px solid #dee1e3;
        border-bottom: 1px solid #dee1e3;
    }

    .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
    .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
        background-color: #fafafa;
    }

    .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after {
        border: 1px solid rgba(247, 77, 97, 0.4);
    }

    .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after {
        border: 1px solid #f74d61;
    }

    .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
        padding: 9px 17px 9px;
    }

    .dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
        border-color: rgba(92, 184, 92, 0.5);
    }

    .dx-datagrid-rowsview .dx-row-removed > td {
        background-color: rgba(92, 184, 92, 0.5);
        border-top: 1px solid rgba(92, 184, 92, 0.5);
        border-bottom: 1px solid rgba(92, 184, 92, 0.5);
    }

    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
    }

    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid {
        border: 1px solid rgba(247, 77, 97, 0.4);
    }

        .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid.dx-adaptive-item-text {
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 7px;
        }

    .dx-datagrid-rowsview .dx-item-modified {
        border-radius: 2px;
        border: 2px solid rgba(92, 184, 92, 0.5);
    }

        .dx-datagrid-rowsview .dx-item-modified.dx-adaptive-item-text {
            padding-top: 6px;
            padding-bottom: 6px;
            padding-left: 6px;
        }

    .dx-datagrid-rowsview .dx-row-focused:focus {
        outline: none;
    }

    .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link {
        background-color: #f05b41;
        color: #fff;
    }

        .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-datagrid-group-opened,
        .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-datagrid-group-opened,
        .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-datagrid-group-opened,
        .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-datagrid-group-closed,
        .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-datagrid-group-closed,
        .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-datagrid-group-closed {
            color: #fff;
        }

    .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td,
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td {
        border-top: 1px solid #d42e11;
        border-bottom: 1px solid #d42e11;
    }

    .dx-datagrid-rowsview .dx-row-focused.dx-group-row {
        background-color: #f05b41;
        color: #fff;
    }

        .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened,
        .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed {
            color: #fff;
        }

    .dx-datagrid-rowsview .dx-selection.dx-row > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
    .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
        background-color: #f05b41;
        color: #ffffff;
    }

        .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space,
        .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space,
        .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-datagrid-group-space,
        .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-datagrid-group-space {
            border-right-color: #f05b41;
        }

        .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
        .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
        .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
        .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
            border-left-color: #f3806c;
            border-right-color: #f3806c;
        }

        .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused,
        .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-focused,
        .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-focused,
        .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-focused {
            background-color: #fff;
            color: #333;
        }

    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > td {
        border-bottom: 1px solid #f05b41;
        border-top: 1px solid #f05b41;
    }

    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > tr:first-child > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > tr:first-child > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr:first-child > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > tr:first-child > td {
        border-top: 1px solid #f05b41;
    }

    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > tr:last-child > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > tr:last-child > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr:last-child > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > tr:last-child > td {
        border-bottom: 1px solid #f05b41;
    }

    .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > td,
    .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > tr > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
        border-left-color: #f3806c;
        border-right-color: #f3806c;
    }

    .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td,
    .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > tr > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > tr > td {
        border-bottom-color: #f3806c;
    }

    .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-right: 0;
    }

.dx-datagrid-search-text {
    color: #fff;
    background-color: #f05b41;
}

.dx-datagrid-nodata {
    color: #8899a8;
    font-size: 17px;
}

.dx-datagrid-bottom-load-panel {
    border-top: 1px solid #dee1e3;
}

.dx-datagrid-pager {
    border-top: 3px double #dee1e3;
}

    .dx-datagrid-pager.dx-widget {
        color: #333;
    }

.dx-datagrid-summary-item {
    color: #8899a8;
}

.dx-datagrid-total-footer {
    border-top: 1px solid #dee1e3;
}

.dx-datagrid-revert-tooltip .dx-overlay-content {
    background-color: #fff;
    min-width: inherit;
}

.dx-datagrid-revert-tooltip .dx-revert-button {
    margin: 0px 1px;
    margin-left: 1px;
    background-color: #f74d61;
    border-color: #f6354b;
    color: #fff;
}

    .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
        color: #fff;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
        background-color: #f51c36;
        border-color: #f6354b;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
        background-color: #ed0b25;
        border-color: #f6354b;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
        background-color: #d40a21;
        border-color: #f6354b;
        color: #fff;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button > .dx-button-content {
        padding: 7px;
    }

.dx-toolbar-menu-section .dx-datagrid-checkbox-size {
    width: 100%;
}

    .dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-container {
        padding: 14px;
    }

    .dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-text {
        padding-left: 34px;
    }

.dx-rtl .dx-toolbar-menu-section .dx-checkbox-text {
    padding-right: 34px;
    padding-left: 27px;
}

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
    border-left-color: #faebe8;
    border-right-color: transparent;
}

.dx-rtl .dx-datagrid-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
    margin: 0px 3px;
}

.dx-rtl .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 7px 32px 7px 7px;
}

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
    border-right-color: #f3806c;
}

    .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
    .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space,
    .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space,
    .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space {
        border-left-color: #f05b41;
    }

    .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
    .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
    .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
    .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
        border-left-color: #f3806c;
    }

.dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-left: 0;
}

.dx-datagrid-group-panel {
    font-size: 14px;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

    .dx-datagrid-group-panel .dx-group-panel-message {
        color: #8899a8;
        font-weight: normal;
        padding: 7px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

    .dx-datagrid-group-panel .dx-group-panel-item {
        margin-right: 10px;
        color: #8899a8;
        font-weight: normal;
        border: 1px solid #dee1e3;
        padding: 7px;
    }

    .dx-datagrid-group-panel .dx-block-separator {
        margin-right: 10px;
        color: #8899a8;
        font-weight: normal;
        padding: 8px;
        background-color: #eeeeee;
    }

    .dx-datagrid-group-panel .dx-sort {
        color: #8899a8;
    }

.dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
    border-top: none;
}

.dx-datagrid-rowsview .dx-row.dx-group-row {
    font-weight: bold;
}

    .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
        color: #8899a8;
        background-color: #fafafa;
    }

    .dx-datagrid-rowsview .dx-row.dx-group-row td {
        border-top-color: #dee1e3;
        border-bottom-color: #dee1e3;
    }

.dx-datagrid-group-opened {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    color: #91a1ae;
}

    .dx-datagrid-group-opened:before {
        content: "\f001";
    }

.dx-datagrid-group-closed {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    color: #91a1ae;
}

    .dx-datagrid-group-closed:before {
        content: "\f04e";
    }

.dx-datagrid-group-opened,
.dx-datagrid-group-closed {
    width: 100%;
}

.dx-row.dx-datagrid-group-footer.dx-column-lines {
    border-bottom: 1px solid #dee1e3;
}

.dx-row.dx-datagrid-group-footer > td {
    background-color: #fff;
    border-top: 1px solid #dee1e3;
    border-left-width: 0;
    border-right-width: 0;
}

.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item,
.dx-rtl .dx-datagrid-group-panel .dx-block-separator {
    margin-left: 10px;
}

.dx-rtl .dx-datagrid-table-fixed .dx-row.dx-group-row td {
    background-color: #fafafa;
}

.dx-datagrid-filter-panel .dx-icon-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
    color: #f05b41;
}

.dx-pivotgrid {
    background-color: #fff;
}

    .dx-pivotgrid .dx-area-description-cell .dx-button-content {
        padding: 5px;
    }

    .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button-content,
    .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button-content {
        padding: 5px;
    }

    .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
    .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
        margin-top: 10px;
    }

    .dx-pivotgrid .dx-expand-icon-container {
        font: 14px/1 DXIcons;
    }

        .dx-pivotgrid .dx-expand-icon-container:before {
            content: "\f04e";
        }

        .dx-pivotgrid .dx-expand-icon-container:before {
            visibility: hidden;
        }

    .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
        font: 14px/1 DXIcons;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
        color: #91a1ae;
    }

        .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
            content: "\f04e";
        }

        .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
            position: absolute;
            display: block;
            width: 18px;
            top: 50%;
            margin-top: -9px;
            left: 50%;
            margin-left: -9px;
        }

    .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
        font: 14px/1 DXIcons;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
        color: #91a1ae;
    }

        .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
            content: "\f001";
        }

        .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
            position: absolute;
            display: block;
            width: 18px;
            top: 50%;
            margin-top: -9px;
            left: 50%;
            margin-left: -9px;
        }

    .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
        width: 19px;
        min-width: 19px;
    }

.dx-pivotgridfieldchooser {
    background-color: #fff;
}

.dx-pivotgrid-fields-container .dx-position-indicator {
    background-color: gray;
}

.dx-treelist .dx-menu-item-has-icon .dx-icon,
.dx-treelist-container .dx-menu-item-has-icon .dx-icon {
    color: #8899a8;
}

.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

    .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
    .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
        content: "\f053";
    }

.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

    .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
    .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
        content: "\f054";
    }

.dx-treelist .dx-icon-filter-operation-equals,
.dx-treelist-container .dx-icon-filter-operation-equals {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-equals:before,
    .dx-treelist-container .dx-icon-filter-operation-equals:before {
        content: "\f044";
    }

.dx-treelist .dx-icon-filter-operation-default,
.dx-treelist-container .dx-icon-filter-operation-default {
    font: 14px/1 DXIcons;
    width: 12px;
    height: 12px;
    background-position: 0px 0px;
    background-size: 12px 12px;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}

    .dx-treelist .dx-icon-filter-operation-default:before,
    .dx-treelist-container .dx-icon-filter-operation-default:before {
        content: "\f027";
    }

.dx-treelist .dx-icon-filter-operation-not-equals,
.dx-treelist-container .dx-icon-filter-operation-not-equals {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-not-equals:before,
    .dx-treelist-container .dx-icon-filter-operation-not-equals:before {
        content: "\f045";
    }

.dx-treelist .dx-icon-filter-operation-less,
.dx-treelist-container .dx-icon-filter-operation-less {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-less:before,
    .dx-treelist-container .dx-icon-filter-operation-less:before {
        content: "\f046";
    }

.dx-treelist .dx-icon-filter-operation-less-equal,
.dx-treelist-container .dx-icon-filter-operation-less-equal {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-less-equal:before,
    .dx-treelist-container .dx-icon-filter-operation-less-equal:before {
        content: "\f048";
    }

.dx-treelist .dx-icon-filter-operation-greater,
.dx-treelist-container .dx-icon-filter-operation-greater {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-greater:before,
    .dx-treelist-container .dx-icon-filter-operation-greater:before {
        content: "\f047";
    }

.dx-treelist .dx-icon-filter-operation-greater-equal,
.dx-treelist-container .dx-icon-filter-operation-greater-equal {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-greater-equal:before,
    .dx-treelist-container .dx-icon-filter-operation-greater-equal:before {
        content: "\f049";
    }

.dx-treelist .dx-icon-filter-operation-contains,
.dx-treelist-container .dx-icon-filter-operation-contains {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-contains:before,
    .dx-treelist-container .dx-icon-filter-operation-contains:before {
        content: "\f063";
    }

.dx-treelist .dx-icon-filter-operation-not-contains,
.dx-treelist-container .dx-icon-filter-operation-not-contains {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-not-contains:before,
    .dx-treelist-container .dx-icon-filter-operation-not-contains:before {
        content: "\f066";
    }

.dx-treelist .dx-icon-filter-operation-starts-with,
.dx-treelist-container .dx-icon-filter-operation-starts-with {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-starts-with:before,
    .dx-treelist-container .dx-icon-filter-operation-starts-with:before {
        content: "\f064";
    }

.dx-treelist .dx-icon-filter-operation-ends-with,
.dx-treelist-container .dx-icon-filter-operation-ends-with {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-ends-with:before,
    .dx-treelist-container .dx-icon-filter-operation-ends-with:before {
        content: "\f065";
    }

.dx-treelist .dx-icon-filter-operation-between,
.dx-treelist-container .dx-icon-filter-operation-between {
    font: 14px/1 DXIcons;
}

    .dx-treelist .dx-icon-filter-operation-between:before,
    .dx-treelist-container .dx-icon-filter-operation-between:before {
        content: "\f06a";
    }

.dx-treelist {
    line-height: inherit;
}

    .dx-treelist .dx-row-alt > td,
    .dx-treelist .dx-row-alt > tr > td {
        background-color: #fafafa;
    }

    .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
        border-bottom-color: transparent;
    }

    .dx-treelist .dx-link {
        color: #f05b41;
    }

    .dx-treelist .dx-row-lines > td {
        border-bottom: 1px solid #dee1e3;
    }

    .dx-treelist .dx-column-lines > td {
        border-left: 1px solid #dee1e3;
        border-right: 1px solid #dee1e3;
    }

    .dx-treelist .dx-error-row .dx-closebutton {
        float: right;
        margin: 9px;
        font: 14px/1 DXIcons;
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

        .dx-treelist .dx-error-row .dx-closebutton:before {
            content: "\f00a";
        }

    .dx-treelist .dx-error-row .dx-error-message {
        padding: 7px;
        padding-right: 35px;
    }

    .dx-treelist .dx-row > td {
        padding: 7px;
    }

    .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
        width: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
        margin: 0 3px;
    }

    .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
        background-position-y: 34px;
    }

.dx-treelist-edit-popup .dx-error-message {
    padding: 7px;
}

.dx-treelist-headers .dx-texteditor-input,
.dx-treelist-rowsview .dx-texteditor-input {
    padding: 7px;
    min-height: 33px;
}

.dx-treelist-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-treelist-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-treelist-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-treelist-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
    padding-right: 7px;
}

.dx-treelist-headers .dx-lookup,
.dx-treelist-rowsview .dx-lookup {
    height: auto;
}

.dx-treelist-headers .dx-lookup-field,
.dx-treelist-rowsview .dx-lookup-field {
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 64px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input {
    padding-right: 90px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 90px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input {
    padding-right: 60px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 60px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 34px;
}

.dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
.dx-treelist-headers .dx-searchbox .dx-placeholder:before,
.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
    padding-left: 34px;
}

.dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
    padding-right: 34px;
}

.dx-editor-cell .dx-numberbox-spin-button {
    background-color: transparent;
}

.dx-editor-cell .dx-icon-clear {
    left: 0px;
}

.dx-editor-cell .dx-texteditor {
    background: #fff;
}

    .dx-editor-cell .dx-texteditor .dx-texteditor-input {
        background: #fff;
    }

    .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input {
        padding-right: 34px;
    }

    .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
        padding-right: 74px;
    }

.dx-editor-cell .dx-dropdowneditor {
    background-color: #fff;
}

.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
    border-radius: 0;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-treelist-checkbox-size {
    line-height: normal;
}

    .dx-treelist-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
        font-size: 12px;
    }

    .dx-treelist-checkbox-size .dx-checkbox-icon {
        height: 16px;
        width: 16px;
    }

    .dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
        font-size: 6px;
    }

.dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
.dx-treelist-column-chooser-list .dx-empty-message {
    color: #999999;
    padding: 0 20px;
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
    padding: 0px 20px 20px 20px;
}

    .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
        margin-bottom: 10px;
    }

    .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
        padding-left: 20px;
    }

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content {
    padding: 0px 20px 20px 20px;
}

.dx-treelist-column-chooser .dx-overlay-content {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

    .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
        padding-top: 7px;
        padding-bottom: 9px;
        background-color: transparent;
    }

    .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        margin-bottom: 10px;
        background-color: #fff;
        color: #627789;
        font-weight: normal;
        border: 1px solid #dee1e3;
        padding: 7px;
        -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
    }

.dx-treelist-drag-header {
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    color: #627789;
    font-weight: normal;
    padding: 7px;
    border: 1px solid rgba(240, 91, 65, 0.5);
    background-color: #fff;
}

.dx-treelist-columns-separator {
    background-color: rgba(240, 91, 65, 0.5);
}

.dx-treelist-columns-separator-transparent {
    background-color: transparent;
}

.dx-treelist-drop-highlight > td {
    background-color: #f05b41;
    color: #fff;
}

.dx-treelist-focus-overlay {
    border: 2px solid #d42e11;
}

.dx-treelist-table .dx-row .dx-command-select {
    width: 70px;
    min-width: 70px;
}

.dx-treelist-table .dx-row .dx-command-edit {
    width: 85px;
    min-width: 85px;
}

.dx-treelist-table .dx-row .dx-command-expand {
    width: 30px;
    min-width: 30px;
}

    .dx-treelist-table .dx-row .dx-command-expand.dx-treelist-group-space {
        padding-top: 7px;
    }

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: #faebe8;
    color: #333;
}

    .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
        border-right-color: #faebe8;
    }

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
    background-color: #faebe8;
    color: #333;
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
    background-color: transparent;
}

.dx-treelist-headers {
    color: #627789;
    font-weight: normal;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #dee1e3;
}

    .dx-treelist-headers .dx-treelist-content {
        margin-bottom: -1px;
    }

.dx-treelist-borders .dx-treelist-headers .dx-treelist-table {
    border-bottom-width: 1px;
}

.dx-treelist-headers .dx-treelist-table .dx-row > td {
    border-bottom: 1px solid #dee1e3;
}

.dx-treelist-filter-row .dx-menu .dx-overlay-content {
    color: #333;
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused {
    background-color: transparent;
}

    .dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
        border: 2px solid #d42e11;
    }

    .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
        background-color: #fff;
    }

        .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
            border-color: transparent;
        }

.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-state-hover {
    background-color: transparent;
}

.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
    background-color: #fff;
}

.dx-treelist-filter-row .dx-highlight-outline::after {
    border-color: rgba(92, 184, 92, 0.5);
}

.dx-treelist-filter-row .dx-menu-item-content .dx-icon {
    color: #8899a8;
}

.dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 7px 7px 7px 32px;
}

.dx-treelist-filter-range-overlay .dx-overlay-content {
    border: 1px solid #dee1e3;
    overflow: inherit;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

    .dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
        border-color: rgba(92, 184, 92, 0.5);
        left: 0px;
    }

    .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
        background-color: #fff;
        padding: 7px;
    }

    .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
        border: 2px solid #d42e11;
    }

.dx-filter-menu.dx-menu {
    background-color: transparent;
    height: 100%;
}

    .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
        padding: 6px 5px 7px;
    }

        .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
            margin: 0px 3px;
        }

.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-highlight-outline {
    padding: 7px;
}

.dx-treelist-header-panel {
    border-bottom: 1px solid #dee1e3;
}

    .dx-treelist-header-panel .dx-toolbar {
        margin-bottom: 10px;
    }

    .dx-treelist-header-panel .dx-apply-button {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff;
    }

        .dx-treelist-header-panel .dx-apply-button .dx-icon {
            color: #fff;
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-hover {
            background-color: #449d44;
            border-color: #4cae4c;
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-focused {
            background-color: #3d8b3d;
            border-color: #4cae4c;
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-active {
            background-color: #357935;
            border-color: #4cae4c;
            color: #fff;
        }

.dx-icon-column-chooser {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-icon-column-chooser:before {
        content: "\f04d";
    }

.dx-treelist-addrow-button .dx-icon-edit-button-addrow {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-treelist-addrow-button .dx-icon-edit-button-addrow:before {
        content: "\f00b";
    }

.dx-treelist-cancel-button .dx-icon-edit-button-cancel {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-treelist-cancel-button .dx-icon-edit-button-cancel:before {
        content: "\f04c";
    }

.dx-treelist-save-button .dx-icon-edit-button-save {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-treelist-save-button .dx-icon-edit-button-save:before {
        content: "\f041";
    }

.dx-apply-button .dx-icon-apply-filter {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-apply-button .dx-icon-apply-filter:before {
        content: "\f050";
    }

.dx-treelist-export-button .dx-icon-export-to {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-treelist-export-button .dx-icon-export-to:before {
        content: "\f05f";
    }

.dx-treelist-export-button .dx-icon-export-excel-button {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

    .dx-treelist-export-button .dx-icon-export-excel-button:before {
        content: "\f060";
    }

.dx-treelist-adaptive-more {
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    background-size: 21px 21px;
    padding: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

.dx-treelist-rowsview {
    border-top: 1px solid #dee1e3;
}

    .dx-treelist-rowsview .dx-row {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

        .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
            border-top-width: 0px;
            border-bottom: 1px solid #dee1e3;
        }

        .dx-treelist-rowsview .dx-row.dx-edit-row > td {
            border-top: 1px solid #dee1e3;
            border-bottom: 1px solid #dee1e3;
        }

    .dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space,
    .dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell {
        border-top: 1px solid #dee1e3;
        border-bottom: 1px solid #dee1e3;
    }

    .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space,
    .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell {
        background-color: #fafafa;
    }

    .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid .dx-highlight-outline::after {
        border: 1px solid rgba(247, 77, 97, 0.4);
    }

    .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after {
        border: 1px solid #f74d61;
    }

    .dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
        padding: 9px 17px 9px;
    }

    .dx-treelist-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
        border-color: rgba(92, 184, 92, 0.5);
    }

    .dx-treelist-rowsview .dx-row-removed > td {
        background-color: rgba(92, 184, 92, 0.5);
        border-top: 1px solid rgba(92, 184, 92, 0.5);
        border-bottom: 1px solid rgba(92, 184, 92, 0.5);
    }

    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
    }

    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid {
        border: 1px solid rgba(247, 77, 97, 0.4);
    }

        .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid.dx-adaptive-item-text {
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 7px;
        }

    .dx-treelist-rowsview .dx-item-modified {
        border-radius: 2px;
        border: 2px solid rgba(92, 184, 92, 0.5);
    }

        .dx-treelist-rowsview .dx-item-modified.dx-adaptive-item-text {
            padding-top: 6px;
            padding-bottom: 6px;
            padding-left: 6px;
        }

    .dx-treelist-rowsview .dx-row-focused:focus {
        outline: none;
    }

    .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),
    .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),
    .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link {
        background-color: #f05b41;
        color: #fff;
    }

        .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-treelist-group-opened,
        .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-treelist-group-opened,
        .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-treelist-group-opened,
        .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-treelist-group-closed,
        .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-treelist-group-closed,
        .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-treelist-group-closed {
            color: #fff;
        }

    .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td,
    .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td {
        border-top: 1px solid #d42e11;
        border-bottom: 1px solid #d42e11;
    }

    .dx-treelist-rowsview .dx-row-focused.dx-group-row {
        background-color: #f05b41;
        color: #fff;
    }

        .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened,
        .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed {
            color: #fff;
        }

    .dx-treelist-rowsview .dx-selection.dx-row > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
    .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
        background-color: #f05b41;
        color: #ffffff;
    }

        .dx-treelist-rowsview .dx-selection.dx-row > td.dx-treelist-group-space,
        .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-treelist-group-space,
        .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-treelist-group-space,
        .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-treelist-group-space {
            border-right-color: #f05b41;
        }

        .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
        .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
        .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
        .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
            border-left-color: #f3806c;
            border-right-color: #f3806c;
        }

        .dx-treelist-rowsview .dx-selection.dx-row > td.dx-focused,
        .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-focused,
        .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-focused,
        .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-focused {
            background-color: #fff;
            color: #333;
        }

    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td,
    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > td {
        border-bottom: 1px solid #f05b41;
        border-top: 1px solid #f05b41;
    }

    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines) > tr:first-child > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > tr:first-child > td,
    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr:first-child > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > tr:first-child > td {
        border-top: 1px solid #f05b41;
    }

    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines) > tr:last-child > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > tr:last-child > td,
    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr:last-child > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > tr:last-child > td {
        border-bottom: 1px solid #f05b41;
    }

    .dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > td,
    .dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > tr > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
        border-left-color: #f3806c;
        border-right-color: #f3806c;
    }

    .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > td,
    .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > tr > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > tr > td {
        border-bottom-color: #f3806c;
    }

    .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-right: 0;
    }

.dx-treelist-search-text {
    color: #fff;
    background-color: #f05b41;
}

.dx-treelist-nodata {
    color: #627789;
    font-size: 17px;
}

.dx-treelist-bottom-load-panel {
    border-top: 1px solid #dee1e3;
}

.dx-treelist-pager {
    border-top: 3px double #dee1e3;
}

    .dx-treelist-pager.dx-widget {
        color: #333;
    }

.dx-treelist-summary-item {
    color: #627789;
}

.dx-treelist-total-footer {
    border-top: 1px solid #dee1e3;
}

.dx-treelist-revert-tooltip .dx-overlay-content {
    background-color: #fff;
    min-width: inherit;
}

.dx-treelist-revert-tooltip .dx-revert-button {
    margin: 0px 1px;
    margin-left: 1px;
    background-color: #f74d61;
    border-color: #f6354b;
    color: #fff;
}

    .dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
        color: #fff;
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
        background-color: #f51c36;
        border-color: #f6354b;
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
        background-color: #ed0b25;
        border-color: #f6354b;
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
        background-color: #d40a21;
        border-color: #f6354b;
        color: #fff;
    }

    .dx-treelist-revert-tooltip .dx-revert-button > .dx-button-content {
        padding: 7px;
    }

.dx-toolbar-menu-section .dx-treelist-checkbox-size {
    width: 100%;
}

    .dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-container {
        padding: 14px;
    }

    .dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-text {
        padding-left: 34px;
    }

.dx-rtl .dx-toolbar-menu-section .dx-checkbox-text {
    padding-right: 34px;
    padding-left: 27px;
}

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
    border-left-color: #faebe8;
    border-right-color: transparent;
}

.dx-rtl .dx-treelist-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
    margin: 0px 3px;
}

.dx-rtl .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 7px 32px 7px 7px;
}

.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
    border-right-color: #f3806c;
}

    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space,
    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space,
    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space,
    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space {
        border-left-color: #f05b41;
    }

    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
        border-left-color: #f3806c;
    }

.dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-left: 0;
}

.dx-treelist-rowsview .dx-treelist-empty-space {
    position: relative;
    display: inline-block;
    width: 14px;
    font: 14px/1 DXIcons;
}

    .dx-treelist-rowsview .dx-treelist-empty-space:before {
        content: "\f04e";
    }

    .dx-treelist-rowsview .dx-treelist-empty-space:before {
        visibility: hidden;
    }

.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
    color: #627789;
}

.dx-treelist-rowsview .dx-treelist-expanded span {
    font: 14px/1 DXIcons;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

    .dx-treelist-rowsview .dx-treelist-expanded span:before {
        content: "\f001";
    }

    .dx-treelist-rowsview .dx-treelist-expanded span:before {
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px;
    }

    .dx-treelist-rowsview .dx-treelist-expanded span:before {
        left: 0;
        margin-left: -5px;
        margin-top: -8px;
    }

.dx-treelist-rowsview .dx-treelist-collapsed span {
    font: 14px/1 DXIcons;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

    .dx-treelist-rowsview .dx-treelist-collapsed span:before {
        content: "\f04e";
    }

    .dx-treelist-rowsview .dx-treelist-collapsed span:before {
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px;
    }

    .dx-treelist-rowsview .dx-treelist-collapsed span:before {
        left: 0;
        margin-left: -6px;
        margin-top: -8px;
    }

.dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
    color: #ffffff;
}

.dx-treelist-rowsview .dx-treelist-cell-expandable {
    white-space: nowrap;
}

    .dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content {
        white-space: normal;
    }

.dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content {
    white-space: nowrap;
}

.dx-treelist-checkbox-size {
    line-height: 0px;
}

.dx-treelist-cell-expandable .dx-checkbox,
.dx-treelist-select-all .dx-checkbox {
    position: absolute;
}

.dx-treelist-icon-container.dx-editor-inline-block {
    position: relative;
    padding-right: 23px;
}

    .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
        top: 50%;
        margin-top: -8px;
    }

.dx-treelist-select-all {
    position: relative;
}

    .dx-treelist-select-all .dx-checkbox {
        left: 21px;
        margin-top: 1px;
    }

.dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
    padding-left: 44px;
}

.dx-rtl .dx-treelist-rowsview .dx-treelist-expanded,
.dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
    float: right;
}

.dx-rtl .dx-treelist-select-all .dx-checkbox {
    left: calc(100% - 37px);
}

.dx-rtl .dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
    padding-right: 44px;
    padding-left: 7px;
}

.dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
    padding-left: 23px;
    padding-right: 0px;
}

.dx-treelist-filter-panel .dx-icon-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text,
.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
    color: #f05b41;
}

.dx-menu-item {
    color: #333;
}

    .dx-menu-item.dx-state-hover {
        color: #333;
        background-color: #faebe8;
    }

    .dx-menu-item.dx-state-focused {
        background-color: #f05b41;
        color: #fff;
    }

    .dx-menu-item.dx-menu-item-has-text .dx-icon {
        margin-right: -18px;
    }

.dx-menu-item-selected {
    background-color: #f8b1a4;
    color: #333;
}

    .dx-menu-item-selected.dx-state-focused {
        background-color: rgba(240, 91, 65, 0.7);
        color: #fff;
    }

.dx-menu-item-expanded {
    color: #333;
    background-color: #faebe8;
}

.dx-menu-item.dx-state-focused,
.dx-menu-item.dx-state-active,
.dx-menu-item-expanded {
    outline: none;
}

.dx-menu-base {
    color: #333;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.35715;
}

    .dx-menu-base input,
    .dx-menu-base textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.35715;
    }

    .dx-menu-base.dx-state-focused {
        outline: none;
    }

    .dx-menu-base .dx-icon {
        width: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

    .dx-menu-base .dx-menu-item-content {
        padding: 3px 5px 7px;
    }

        .dx-menu-base .dx-menu-item-content .dx-menu-item-text {
            padding: 0 25px 5px 23px;
        }

        .dx-menu-base .dx-menu-item-content .dx-menu-item-popout {
            min-width: 7px;
            min-height: 7px;
        }

    .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-text {
        padding: 0 23px 5px 25px;
    }

    .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon {
        margin-left: auto;
        margin-right: auto;
    }

    .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container {
        margin-left: 0;
        margin-right: auto;
    }

        .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
        }

    .dx-menu-base.dx-rtl .dx-menu-item-has-text .dx-icon {
        margin-left: -18px;
    }

.dx-context-menu-container-border {
    background-color: transparent;
    border: 1px solid #dee1e3;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}

.dx-context-menu-content-delimiter {
    background-color: #fff;
}

.dx-menu {
    color: #333;
}

    .dx-menu .dx-menu-item-expanded {
        background-color: #fff;
    }

    .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
        margin: 0 19px 0 3px;
    }

    .dx-menu .dx-menu-item-has-text .dx-menu-item-text {
        padding: 0 5px 5px 5px;
    }

    .dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
        margin: 0 3px;
    }

    .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
        padding: 0 19px 5px 5px;
    }

    .dx-menu .dx-menu-horizontal .dx-menu-item-popout {
        font: 14px/1 DXIcons;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

        .dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
            content: "\f001";
        }

        .dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
            position: absolute;
            display: block;
            width: 18px;
            top: 50%;
            margin-top: -9px;
            left: 50%;
            margin-left: -9px;
        }

    .dx-menu .dx-menu-vertical .dx-menu-item-popout {
        font: 14px/1 DXIcons;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

        .dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
            content: "\f04e";
        }

        .dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
            position: absolute;
            display: block;
            width: 18px;
            top: 50%;
            margin-top: -9px;
            left: 50%;
            margin-left: -9px;
        }

    .dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
        margin: 0 3px 0 19px;
    }

    .dx-menu.dx-rtl .dx-menu-item-has-text .dx-menu-item-text {
        padding: 0 5px 5px 0;
    }

    .dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
        padding: 0 5px 5px 19px;
    }

.dx-menu-adaptive-mode {
    background-color: #fff;
}

    .dx-menu-adaptive-mode .dx-treeview {
        border: 1px solid #dee1e3;
        border-radius: 2px;
    }

        .dx-menu-adaptive-mode .dx-treeview,
        .dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
            -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
        }

    .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
        font-size: 18px;
    }

    .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility {
        color: inherit;
    }

    .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
        color: #fff;
    }

    .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
        border-bottom: 1px solid #dee1e3;
    }

.dx-context-menu {
    color: #333;
}

    .dx-context-menu .dx-submenu {
        background-color: #fff;
        border: 1px solid #dee1e3;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    }

    .dx-context-menu .dx-menu-item-popout {
        font: 14px/1 DXIcons;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

        .dx-context-menu .dx-menu-item-popout:before {
            content: "\f04e";
        }

        .dx-context-menu .dx-menu-item-popout:before {
            position: absolute;
            display: block;
            width: 18px;
            top: 50%;
            margin-top: -9px;
            left: 50%;
            margin-left: -9px;
        }

    .dx-context-menu .dx-menu-separator {
        background-color: #dee1e3;
    }

    .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
        padding-left: 5px;
    }

.dx-rtl .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text,
.dx-rtl.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
    padding-right: 5px;
    padding-left: 25px;
}

.dx-context-menu.dx-rtl .dx-menu-item-content {
    padding: 5px 3px 5px 5px;
}

    .dx-context-menu.dx-rtl .dx-menu-item-content .dx-menu-item-text {
        padding: 0 23px 5px 25px;
    }

.dx-calendar {
    width: 282px;
    min-width: 282px;
    height: 268.6px;
    min-height: 268.6px;
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
    border: 1px solid transparent;
}

    .dx-calendar.dx-calendar-with-footer {
        height: 323.6px;
        min-height: 293.6px;
    }

        .dx-calendar.dx-calendar-with-footer .dx-calendar-body {
            bottom: 55px;
        }

        .dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
            text-align: center;
            height: 45px;
            width: 100%;
        }

            .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button {
                background: none;
            }

                .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active {
                    background-color: #d4d4d4;
                }

.dx-calendar-navigator {
    line-height: 1.6;
    height: 36px;
    display: table;
    border-collapse: collapse;
}

    .dx-calendar-navigator .dx-button {
        height: 100%;
        border-radius: 0;
        display: table-cell;
        border-color: #dee1e3;
    }

        .dx-calendar-navigator .dx-button .dx-icon {
            font-size: 16px;
        }

        .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
            border-collapse: collapse;
            visibility: visible;
            opacity: 1;
        }

            .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content {
                opacity: .5;
            }

        .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) {
            z-index: 1;
        }

        .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
            z-index: 1;
            border-color: #f05b41;
        }

    .dx-calendar-navigator .dx-calendar-caption-button {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.2;
        text-transform: uppercase;
        right: 32px;
        left: 32px;
    }

        .dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active {
            background-color: #d4d4d4;
        }

        .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
            padding: 2px 15px 4px;
            color: #f05b41;
        }

.dx-calendar-navigator-previous-month {
    width: 32px;
    background: none;
}

    .dx-calendar-navigator-previous-month.dx-button {
        margin: 0 2px;
    }

    .dx-calendar-navigator-previous-month .dx-button-content {
        padding: 0;
    }

    .dx-calendar-navigator-previous-month.dx-state-hover {
        z-index: 1;
    }

.dx-calendar-navigator-previous-month,
.dx-calendar-navigator-next-view {
    width: 32px;
    background: none;
}

    .dx-calendar-navigator-previous-month.dx-button,
    .dx-calendar-navigator-next-view.dx-button {
        margin: 0px 1px;
    }

    .dx-calendar-navigator-previous-month .dx-button-content,
    .dx-calendar-navigator-next-view .dx-button-content {
        padding: 0;
    }

.dx-calendar-navigator-previous-view,
.dx-calendar-navigator-previous-month {
    left: 0px;
}

    .dx-calendar-navigator-previous-view.dx-button,
    .dx-calendar-navigator-previous-month.dx-button {
        border-radius: 2px 0 0 2px;
    }

        .dx-calendar-navigator-previous-view.dx-button .dx-icon,
        .dx-calendar-navigator-previous-month.dx-button .dx-icon {
            color: #f05b41;
        }

.dx-calendar-navigator-next-view,
.dx-calendar-navigator-next-month {
    right: 0px;
}

    .dx-calendar-navigator-next-view.dx-button,
    .dx-calendar-navigator-next-month.dx-button {
        border-radius: 0 2px 2px 0;
    }

        .dx-calendar-navigator-next-view.dx-button .dx-icon,
        .dx-calendar-navigator-next-month.dx-button .dx-icon {
            color: #f05b41;
        }

.dx-calendar-body {
    top: 52px;
}

    .dx-calendar-body thead {
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2;
    }

        .dx-calendar-body thead tr {
            height: 25px;
            padding-bottom: 10px;
        }

            .dx-calendar-body thead tr th {
                -webkit-box-shadow: inset 0px -1px 0px #dee1e3;
                box-shadow: inset 0px -1px 0px #dee1e3;
                color: #627789;
            }

    .dx-calendar-body table {
        border-spacing: 0px;
    }

        .dx-calendar-body table th {
            color: #627789;
            text-align: center;
            font-size: 12px;
            padding: 1px 0 6px 0;
        }

.dx-calendar-cell {
    text-align: center;
    padding: 1px 8px 2px;
    color: #333;
    font-size: 15px;
    border: 1px double transparent;
    width: 39px;
    border-radius: 2px;
}

    .dx-calendar-cell.dx-calendar-today {
        font-weight: bold;
    }

    .dx-calendar-cell.dx-state-hover {
        -webkit-box-shadow: inset 0px -1px 0px 1000px #faebe8;
        box-shadow: inset 0px -1px 0px 1000px #faebe8;
        color: #333;
    }

    .dx-calendar-cell.dx-calendar-other-view,
    .dx-calendar-cell.dx-calendar-empty-cell {
        color: #8c8c8c;
    }

        .dx-calendar-cell.dx-calendar-other-view.dx-state-hover,
        .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover,
        .dx-calendar-cell.dx-calendar-other-view.dx-state-active,
        .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active {
            color: #b0b0b0;
        }

    .dx-calendar-cell.dx-calendar-empty-cell {
        cursor: default;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=) center center no-repeat;
    }

        .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
        -webkit-box-shadow: inset 0px -1px 0px 1000px #f59483;
        box-shadow: inset 0px -1px 0px 1000px #f59483;
    }

    .dx-calendar-cell.dx-calendar-contoured-date {
        -webkit-box-shadow: inset 0px 0px 0px 1px #bdc3c7;
        box-shadow: inset 0px 0px 0px 1px #bdc3c7;
    }

    .dx-calendar-cell.dx-calendar-selected-date,
    .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
        color: #fff;
        -webkit-box-shadow: inset 0px 0px 0px 1000px #f05b41;
        box-shadow: inset 0px 0px 0px 1000px #f05b41;
        font-weight: normal;
    }

        .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
        .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
            -webkit-box-shadow: inset 0px 0px 0px 1px #bdc3c7, inset 0px 0px 0px 1000px #f05b41;
            box-shadow: inset 0px 0px 0px 1px #bdc3c7, inset 0px 0px 0px 1000px #f05b41;
        }

.dx-invalid.dx-calendar {
    border-color: rgba(247, 77, 97, 0.4);
}

    .dx-invalid.dx-calendar.dx-state-focused {
        border-color: #f74d61;
    }

.dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
    margin: 0;
}

.dx-treeview-node-loadindicator {
    top: 8px;
    left: -1px;
    width: 14px;
    height: 14px;
}

.dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
    padding-left: 0;
    padding-right: 26px;
}

.dx-treeview.dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
    padding-left: 1px;
    padding-right: 7px;
}

.dx-treeview.dx-rtl .dx-treeview-node {
    padding-right: 15px;
}

.dx-treeview.dx-rtl .dx-treeview-item .dx-icon {
    margin-left: 5px;
}

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
    padding-right: 36px;
}

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
    right: 19px;
}

.dx-treeview.dx-rtl .dx-treeview-select-all-item {
    padding-left: 0;
    padding-right: 19px;
}

    .dx-treeview.dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
        padding-left: 0;
        padding-right: 31px;
    }

.dx-treeview.dx-rtl .dx-treeview-toggle-item-visibility {
    right: -4px;
}

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
    overflow: visible;
}

.dx-treeview-search {
    margin-bottom: 5px;
}

.dx-treeview-with-search > .dx-scrollable {
    height: calc(100% - 41px);
}

.dx-treeview-border-visible {
    border: 1px solid #dee1e3;
}

    .dx-treeview-border-visible .dx-treeview-select-all-item {
        padding-left: 26px;
    }

    .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
        padding: 1px 1px 1px 7px;
    }

.dx-treeview-select-all-item {
    margin: 0 0 7px 0;
    border-bottom: 1px solid #dee1e3;
    padding: 9px 0 11px 20px;
}

    .dx-treeview-select-all-item .dx-checkbox-text {
        padding-left: 31px;
    }

.dx-treeview-node {
    padding-left: 15px;
}

.dx-state-selected > .dx-treeview-item {
    color: #333;
}

.dx-treeview-item-with-checkbox .dx-treeview-item {
    color: #333;
    padding-left: 36px;
}

.dx-treeview-item-with-checkbox .dx-checkbox {
    top: 5px;
    left: 19px;
}

.dx-treeview-item-with-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #f05b41;
}

.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    color: #333;
    background-color: #e6e6e6;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: #f05b41;
}

    .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item * {
        color: #fff;
    }

.dx-treeview-item {
    padding: 5px 6px;
    min-height: 32px;
}

    .dx-treeview-item .dx-icon {
        width: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

    .dx-treeview-item.dx-state-hover {
        background-color: #faebe8;
        color: #333;
    }

.dx-treeview-toggle-item-visibility {
    font: 14px/1 DXIcons;
    font-size: 22px;
    text-align: center;
    line-height: 22px;
    color: #627789;
    width: 21px;
    height: 32px;
    top: 0;
    left: -4px;
}

    .dx-treeview-toggle-item-visibility:before {
        content: "\f04e";
    }

    .dx-treeview-toggle-item-visibility:before {
        position: absolute;
        display: block;
        width: 22px;
        top: 50%;
        margin-top: -11px;
        left: 50%;
        margin-left: -11px;
    }

    .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
        font: 14px/1 DXIcons;
        font-size: 22px;
        text-align: center;
        line-height: 22px;
    }

        .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
            content: "\f001";
        }

        .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
            position: absolute;
            display: block;
            width: 22px;
            top: 50%;
            margin-top: -11px;
            left: 50%;
            margin-left: -11px;
        }

.dx-field {
    color: #333;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.35715;
}

    .dx-field input,
    .dx-field textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.35715;
    }

.dx-field-label {
    color: #8899a8;
    cursor: default;
}

.dx-field-value.dx-attention {
    color: #f74d61;
    padding-left: 28px;
}

    .dx-field-value.dx-attention:before {
        pointer-events: none;
        font-weight: bold;
        background-color: #f74d61;
        color: #fff;
        content: '!';
        position: absolute;
        top: 50%;
        margin-top: -9px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        text-align: center;
        line-height: 18px;
        font-size: 13px;
    }

.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
.dx-field-value-static {
    width: 60%;
}

.dx-field-label {
    padding: 8px 15px 9px 0;
}

.dx-field {
    min-height: 36px;
    padding: 0;
}

.dx-field-value.dx-widget,
.dx-field-value:not(.dx-widget) > .dx-widget {
    margin: 0;
}

.dx-field-value:not(.dx-widget) > .dx-button,
.dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-switch {
    float: right;
}

.dx-field-value.dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-checkbox {
    margin: 7px 0;
}

.dx-field-value.dx-switch,
.dx-field-value:not(.dx-widget) > .dx-switch {
    margin: 6px 0;
}

.dx-field-value.dx-slider,
.dx-field-value:not(.dx-widget) > .dx-slider {
    margin: 4px 0;
}

.dx-field-value.dx-radiogroup,
.dx-field-value:not(.dx-widget) > .dx-radiogroup {
    margin: 5px 0;
}

.dx-field-value.dx-attention {
    padding: 8px 10px 9px;
    position: relative;
    padding-left: 28px;
}

    .dx-field-value.dx-attention:before {
        left: 0;
    }

.dx-field-value-static {
    padding: 8px 10px 9px;
}

.dx-fieldset {
    margin: 30px 20px;
    padding: 0;
}

.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
    float: left;
}

.dx-fieldset-header {
    margin: 0 0 20px 0;
    font-weight: 500;
    font-size: 18px;
}

.dx-field {
    margin: 0 0 10px 0;
}

    .dx-field:last-of-type {
        margin: 0;
    }

.dx-device-mobile .dx-fieldset {
    margin: 20px 15px;
    padding: 0;
}

.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
    float: left;
}

.dx-device-mobile .dx-fieldset-header {
    margin: 0 0 20px 0;
    font-weight: 500;
    font-size: 18px;
}

.dx-device-mobile .dx-field {
    margin: 0 0 10px 0;
}

    .dx-device-mobile .dx-field:last-of-type {
        margin: 0;
    }

.dx-tabpanel {
}

    .dx-tabpanel .dx-tabs {
        display: block;
        border-bottom: none;
        background-color: #fafafa;
    }

.dx-empty-collection.dx-tabpanel .dx-tabs {
    border-top: none;
}

.dx-tabpanel .dx-tab {
    width: 140px;
}

    .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
        background: none;
    }

.dx-tabpanel .dx-tab-selected:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 1.5px solid #fff;
    bottom: -1.4px;
}

.dx-tabpanel .dx-tabs-wrapper {
    display: block;
}

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border: 1px solid #f05b41;
}

.dx-tabpanel.dx-state-focused .dx-tab-selected:after {
    border-top: 1px solid #f05b41;
    border-right: 1px solid #f05b41;
    border-left: 1px solid #f05b41;
}

.dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab:not(.dx-tab-selected):before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 1.5px solid #f05b41;
    bottom: -1.4px;
}

.dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab-selected:after {
    border-bottom: 1.5px solid #fafafa;
}

.dx-tabpanel .dx-multiview-wrapper {
    border: 1px solid #dee1e3;
}

.dx-fileuploader-wrapper {
    padding: 7px;
}

.dx-fileuploader-content > .dx-fileuploader-upload-button {
    margin-left: 3px;
    margin-right: 3px;
}

.dx-fileuploader-input-wrapper {
    padding: 7px 0 7px;
    border: 3px dashed transparent;
}

.dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label {
    position: relative;
}

.dx-fileuploader-dragover .dx-fileuploader-input-wrapper {
    border: none;
    padding: 0;
}

    .dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button {
        display: none;
    }

.dx-fileuploader-dragover .dx-fileuploader-input-label {
    text-align: center;
}

.dx-fileuploader-dragover .dx-fileuploader-input-container {
    display: block;
    border: 3px dashed #dee1e3;
    width: 100%;
}

.dx-fileuploader-dragover .dx-fileuploader-input {
    display: block;
    width: 100%;
    padding: 14px 3px;
    margin-bottom: 1px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-fileuploader-dragover .dx-fileuploader-input-label {
    padding: 14px 9px;
}

.dx-fileuploader-file-status-message,
.dx-fileuploader-file-size {
    color: #999999;
}

.dx-fileuploader-input {
    padding: 7px 0;
}

.dx-fileuploader-input-label {
    padding: 8px 9px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-fileuploader-files-container {
    padding: 12px 3px 0;
}

.dx-fileuploader-empty .dx-fileuploader-files-container {
    padding: 0;
}

.dx-invalid .dx-fileuploader-files-container {
    padding-top: 50px;
}

.dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content {
    padding: 0;
}

.dx-fileuploader-file {
    padding-top: 5px;
    line-height: 13px;
}

.dx-fileuploader-file-name {
    padding-bottom: 3.5px;
    color: #333;
}

.dx-fileuploader-file-size {
    padding-bottom: 3.5px;
}

.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
    color: #f74d61;
}

.dx-invalid-message > .dx-overlay-content {
    border-radius: 2px;
}

.dx-editor-underlined .dx-invalid-message > .dx-overlay-content {
    border-radius: 0;
}

.dx-timeview {
    height: auto;
    width: auto;
}

.dx-timeview-clock {
    min-height: 199px;
    min-width: 199px;
    background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.3%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5-1.398%2C0.7-2.398%2C0.7%0A%09%09C177.2%2C100.1%2C176.5%2C100%2C176%2C99.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat 50% 50%;
    background-size: 191px;
}

.dx-timeview-hourarrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.3%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%2257px%22%20viewBox%3D%220%200%205%2057%22%20enable-background%3D%22new%200%200%205%2057%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C54c0%2C1.7-1.1%2C3-2.5%2C3S0%2C55.7%2C0%2C54V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V54z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 5px 57px;
}

.dx-timeview-minutearrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.3%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%2279px%22%20viewBox%3D%220%200%205%2079%22%20enable-background%3D%22new%200%200%205%2079%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C76c0%2C1.7-1.1%2C3-2.5%2C3S0%2C77.7%2C0%2C76V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V76z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 5px 79px;
}

.dx-timeview-format12 {
    width: 70px;
    margin-left: 5px;
    margin-right: auto;
}

    .dx-timeview-format12.dx-rtl,
    .dx-rtl .dx-timeview-format12 {
        margin-left: auto;
        margin-right: 5px;
    }

.dx-timeview-time-separator {
    margin: 0 5px;
}

.dx-timeview-field {
    min-height: 50px;
}

    .dx-timeview-field .dx-numberbox {
        width: 70px;
    }

        .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
            width: 110px;
        }

.dx-scheduler-pseudo-cell:before {
    content: "";
    width: 100px;
    display: table-cell;
}

.dx-scheduler-small .dx-scheduler-pseudo-cell:before {
    width: 50px;
}

.dx-scheduler-fixed-appointments {
    width: 100%;
    z-index: 100;
    position: absolute;
    left: 100px;
}

.dx-scheduler-small .dx-scheduler-fixed-appointments {
    left: 50px;
}

.dx-scheduler-header {
    position: relative;
    z-index: 1;
    width: 100%;
}

.dx-scheduler-navigator {
    float: left;
    padding-left: 10px;
    white-space: nowrap;
    min-width: 180px;
    max-width: 40%;
}

.dx-device-mobile .dx-scheduler-navigator {
    padding-left: 5px;
}

.dx-scheduler-navigator-caption {
    width: 180px;
    min-width: 108px;
    max-width: 80%;
}

.dx-device-mobile .dx-scheduler-navigator-caption {
    width: 140px;
}

.dx-calendar.dx-scheduler-navigator-calendar {
    width: 100%;
    height: 100%;
}

.dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected:before {
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 2px;
    content: '';
    right: 0;
}

.dx-scheduler-view-switcher.dx-tabs {
    max-width: 52%;
    min-width: 72px;
    width: auto;
    float: right;
    height: 100%;
    border: none;
}

.dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs {
    display: none;
}

.dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper {
    border-bottom: none;
}

.dx-scheduler-view-switcher.dx-tabs .dx-tab {
    width: 100px;
}

    .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
        border-bottom: none;
    }

.dx-scheduler-view-switcher.dx-dropdownmenu.dx-button {
    position: absolute;
    right: 10px;
}

.dx-scheduler-view-switcher-label {
    position: absolute;
}

.dx-scheduler-view-switcher-reduced {
    table-layout: auto;
}

    .dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab {
        width: auto;
        height: 56px;
    }

    .dx-scheduler-view-switcher-reduced .dx-tabs-wrapper {
        height: 56px;
    }

.dx-scheduler-appointment-content-allday {
    display: none;
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
    color: #f05b41;
}

    .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
        position: absolute;
        top: 37px;
        right: 0;
        width: 100%;
        height: 2px;
        content: '';
        background-color: #f69888;
    }

.dx-scheduler-date-time-shader-all-day {
    margin-left: 100px;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.04);
    position: absolute;
    pointer-events: none;
}

.dx-scheduler-date-time-indicator {
    background-color: #f69888;
    position: absolute;
    pointer-events: none;
    -webkit-box-shadow: 0 1px 0 0px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 0 0px rgba(255, 255, 255, 0.1);
}

    .dx-scheduler-date-time-indicator:before {
        font-size: 30px;
        color: #f69888;
        position: absolute;
        z-index: 1000;
        margin-top: -14px;
        margin-left: -12px;
        text-shadow: rgba(255, 255, 255, 0.1) 1px 0px 0px;
    }

.dx-scheduler-date-time-shader {
    pointer-events: none;
}

.dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
    margin-left: 100px;
    height: 1px;
    font: 14px/1 DXIcons;
}

    .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before,
    .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before,
    .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before {
        content: "\f04e";
    }

.dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
.dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
    margin-left: 50px;
}

.dx-scheduler-work-space-week .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader {
    margin-left: 100px;
}

.dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before {
    width: inherit;
    height: inherit;
    content: "";
    left: inherit;
    position: absolute;
    margin-left: 100px;
    background-color: rgba(51, 51, 51, 0.04);
}

.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day {
    margin-left: 0;
}

.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before {
    margin-left: 0;
}

.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator {
    margin-left: 0;
    font: 14px/1 DXIcons;
}

    .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
    .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
    .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
        content: "\f04f";
    }

    .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
    .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
    .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
        margin-right: -12px;
    }

.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom:before {
    margin-left: 0;
}

.dx-scheduler-timeline-week .dx-scheduler-header-panel,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel,
.dx-scheduler-timeline-month .dx-scheduler-header-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

    .dx-scheduler-timeline-week .dx-scheduler-header-panel thead,
    .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead,
    .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel thead,
    .dx-scheduler-timeline-month .dx-scheduler-header-panel thead {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        width: 100%;
    }

.dx-scheduler-timeline-week .dx-scheduler-header-row,
.dx-scheduler-timeline-work-week .dx-scheduler-header-row,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row,
.dx-scheduler-timeline-month .dx-scheduler-header-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
    border-right: none;
}

.dx-scheduler-timeline .dx-scheduler-date-time-indicator {
    width: 1px;
    top: 0;
    font: 14px/1 DXIcons;
}

    .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
        content: "\f001";
    }

    .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
        margin-left: -14px;
        margin-top: -12px;
    }

.dx-scheduler-timeline .dx-scheduler-date-time-shader {
    height: 100%;
    position: absolute;
}

    .dx-scheduler-timeline .dx-scheduler-date-time-shader:before {
        width: inherit;
        height: 100%;
        content: "";
        left: 0;
        position: absolute;
        background-color: rgba(51, 51, 51, 0.04);
    }

.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
    border-bottom: 2px solid #f69888;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
        content: none;
    }

.dx-scheduler-work-space {
    border: 1px solid rgba(222, 225, 227, 0.6);
    background-color: #fff;
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-top: none;
    float: left;
}

    .dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
        border-right: none;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
        border-top: 1px solid rgba(222, 225, 227, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
        border-left: 1px solid rgba(222, 225, 227, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
        border-left: 1px solid rgba(222, 225, 227, 0.6);
        border-top: 1px solid rgba(222, 225, 227, 0.6);
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 50px;
        margin-bottom: -50px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 80px;
        margin-bottom: -80px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 110px;
        margin-bottom: -110px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 140px;
        margin-bottom: -140px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 125px;
        margin-bottom: -125px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 155px;
        margin-bottom: -155px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 185px;
        margin-bottom: -185px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 215px;
        margin-bottom: -215px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 75px;
        margin-bottom: -75px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 105px;
        margin-bottom: -105px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 135px;
        margin-bottom: -135px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 165px;
        margin-bottom: -165px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel {
        border-bottom: 2px solid rgba(222, 225, 227, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
        border-bottom: 1px solid rgba(222, 225, 227, 0.6);
    }

.dx-scheduler-date-table-scrollable .dx-scrollable-content {
    overflow: hidden;
    position: relative;
}

.dx-scheduler-date-table-cell {
    border-top: 1px solid rgba(222, 225, 227, 0.6);
    height: 50px;
}

    .dx-scheduler-date-table-cell > div {
        pointer-events: none;
    }

.dx-scheduler-date-table-cell,
.dx-scheduler-header-panel-cell,
.dx-scheduler-time-panel-cell,
.dx-scheduler-group-header {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    cursor: default;
}

.dx-scheduler-date-table-current-date {
    font-weight: bold;
}

.dx-scheduler-date-table-other-month {
    opacity: 0.5;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell {
    border-top: 1px solid #c2c8cc;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
    border-top: none;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after {
    background-color: #c2c8cc;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 75px;
    margin-bottom: -75px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 105px;
    margin-bottom: -105px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 135px;
    margin-bottom: -135px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 165px;
    margin-bottom: -165px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 25px;
    margin-bottom: -25px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 55px;
    margin-bottom: -55px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 85px;
    margin-bottom: -85px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 115px;
    margin-bottom: -115px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell {
    border-left: none;
    border-right: none;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel {
    margin-top: 1px;
}

.dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
    border-top: none;
}

.dx-scheduler-all-day-table-cell {
    border-left: 1px solid rgba(222, 225, 227, 0.6);
    border-top: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
    border-top: none;
    border-left: none;
}

.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title {
    border-top: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
.dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
    padding: 0px 7px;
}

.dx-scheduler-scrollable-fixed-content {
    height: 100%;
}

.dx-scheduler-work-space-month .dx-scheduler-all-day-title {
    display: none;
}

.dx-scheduler-work-space-month .dx-scheduler-header-panel {
    width: 100%;
    margin-left: 0;
}

.dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel {
    margin-left: 0;
}

.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before,
.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
    display: none;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table {
    width: 100%;
    height: 100%;
    margin-left: 0;
}

.dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    display: none;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
    border-right: none;
}

    .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child,
    .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child {
        border-left: none;
    }

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    height: auto;
    vertical-align: top;
    text-align: right;
    font-size: 16px;
    color: #959595;
}

    .dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
        padding-right: 6px;
    }

.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    padding: 0 7px;
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 0 25px 0 7px;
}

.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 0 7px 0 25px;
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon {
    top: 0;
}

.dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
    left: 0;
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell {
    height: 75px;
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month {
    color: #f05b41;
    background-color: rgba(240, 91, 65, 0.15);
    font-weight: bold;
}

.dx-scheduler-work-space-month .dx-scheduler-all-day-panel,
.dx-scheduler-timeline .dx-scheduler-all-day-panel,
.dx-scheduler-work-space-month .dx-scheduler-all-day-title,
.dx-scheduler-timeline .dx-scheduler-all-day-title {
    display: none;
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
    right: 20px;
}

.dx-scheduler-timeline .dx-scheduler-fixed-appointments {
    left: 0;
}

.dx-scheduler-timeline .dx-scheduler-header-row:before,
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    content: none;
}

.dx-scheduler-timeline .dx-scheduler-date-table {
    border-spacing: 0;
    border-collapse: separate;
    margin-left: 0;
}

.dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline .dx-scheduler-date-table-cell {
    width: 200px;
}

.dx-scheduler-timeline .dx-scheduler-date-table-cell {
    border-right: none;
}

.dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
    display: none;
}

.dx-scheduler-timeline .dx-scheduler-date-table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

    .dx-scheduler-timeline .dx-scheduler-date-table tbody {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        height: 100%;
        min-height: 100px;
    }

    .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: inherit;
    }

.dx-scheduler-timeline .dx-scheduler-group-table {
    border-spacing: 0;
    border-collapse: separate;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

    .dx-scheduler-timeline .dx-scheduler-group-table tbody {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        height: 100%;
    }

.dx-scheduler-timeline .dx-scheduler-group-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dx-scheduler-timeline .dx-scheduler-group-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 10px 0 5px;
    height: auto;
    width: 100%;
}

    .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
    .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
        margin-top: 200%;
    }

.dx-scheduler-timeline .dx-scheduler-group-header-content {
    overflow: visible;
    margin: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .dx-scheduler-timeline .dx-scheduler-group-header-content div {
        white-space: normal;
        line-height: normal;
    }

.dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
.dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
    font-weight: normal;
    text-align: left;
}

.dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
.dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
    position: relative;
    left: 80px;
    width: 80px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
    width: 200px;
}

.dx-scheduler-timeline .dx-scheduler-date-table,
.dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content,
.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
.dx-scheduler-timeline .dx-scheduler-group-table {
    height: 100%;
    min-height: 100px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table {
    height: auto;
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
    border-top-color: transparent;
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
    border-bottom: 1px solid #c2c8cc;
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
    border-bottom: 1px solid #c2c8cc;
}

.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
    display: none;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
    display: block;
    float: left;
    padding-bottom: 50px;
    margin-bottom: -50px;
}

    .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
        content: "";
        height: 50px;
        position: absolute;
        display: block;
        margin-top: -50px;
        left: 0;
        border-right: 1px solid rgba(222, 225, 227, 0.6);
    }

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
    border: none;
    border-top: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
    border-right: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
    border-left: none;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
    border-right: none;
    border-left: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
    display: none;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-row:first-child .dx-scheduler-group-header {
    border-top: none;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 0;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0;
    padding: 0;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before {
    width: 100px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
    width: 100%;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
    margin-left: 100px;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
    margin-right: 100px;
    margin-left: 0;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
    left: 100px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before {
    width: 160px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
    width: 100%;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
    margin-left: 160px;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
    margin-right: 160px;
    margin-left: 0;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
    left: 160px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable:before {
    width: 180px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
    width: 100%;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
    margin-left: 180px;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
    margin-right: 180px;
    margin-left: 0;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
    left: 180px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header {
    border-right: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell {
    border-right: 1px solid #c2c8cc;
}

.dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
    top: 0;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 121px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 151px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 181px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
    height: 91px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

    .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
    .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
    .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
        height: 91px;
        margin-top: -91px;
    }

.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
    border-right: none;
}

.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
    border-left: none;
}

.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
    border-right: none;
}

.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
    border-left: none;
}

.dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
    border-right: none;
}

.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
    border-left: none;
}

.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
    border-right: 1px solid #c2c8cc;
}

.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
    border-left: 1px solid #c2c8cc;
}

.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
    border-right: 1px solid #c2c8cc;
}

.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
    border-right: 1px solid rgba(222, 225, 227, 0.6);
    border-left: 1px solid #c2c8cc;
}

.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) {
    border-right: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) {
    border-left: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-header-panel {
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 10px;
    width: 100%;
    font-size: 20px;
}

.dx-scheduler-all-day-title-hidden {
    display: none;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden {
    display: block;
    background-color: transparent;
    color: transparent;
    border-left: none;
    border-right: none;
    border-bottom: none;
    height: 0;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 80px;
    margin-bottom: -80px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 110px;
    margin-bottom: -110px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 140px;
    margin-bottom: -140px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 41px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 71px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 101px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
    height: 11px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 40px;
    margin-bottom: -40px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 70px;
    margin-bottom: -70px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 100px;
    margin-bottom: -100px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
    margin-left: 100px;
}

.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
    margin-left: 0;
}

.dx-scheduler-small .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
    margin-left: 50px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
    width: auto;
    margin-left: 0;
}

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row:before,
    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        display: none;
    }

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel {
    margin-left: 0;
}

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row:before {
        display: none;
    }

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
    z-index: 100;
    border-right: 1px solid rgba(222, 225, 227, 0.6);
}

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100px;
        border-right: 1px solid rgba(222, 225, 227, 0.6);
    }

.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
    width: 50px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    float: none;
    margin-left: 0;
}

.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    display: none;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
    float: left;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 100px;
}

.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 50px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
    border-right: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 31px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 61px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 91px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
    height: 1px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel {
    width: 100%;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 100px;
    padding: 0;
}

.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 50px;
}

.dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 100px 0 0;
}

.dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 50px 0 0;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 156px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 186px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 216px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
    height: 126px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 106px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 136px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 166px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
    height: 76px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 116px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 146px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 176px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
    height: 86px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 66px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 96px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 126px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
    height: 36px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable,
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0;
    padding: 0;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable {
    margin-left: 0;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    display: none;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
    border-left: none;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments {
    top: 0;
}

.dx-scheduler-header-panel-cell {
    position: relative;
    border-left: 1px solid rgba(222, 225, 227, 0.6);
    border-right: 1px solid rgba(222, 225, 227, 0.6);
    color: #627789;
    padding: 0;
    vertical-align: middle;
    height: 40px;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-scheduler-group-row:before,
.dx-scheduler-header-row:before,
.dx-scheduler-all-day-table-row:before {
    content: "";
    width: 100px;
    display: table-cell;
}

.dx-scheduler-small .dx-scheduler-group-row:before,
.dx-scheduler-small .dx-scheduler-header-row:before,
.dx-scheduler-small .dx-scheduler-all-day-table-row:before {
    width: 50px;
}

.dx-scheduler-all-day-panel {
    width: 100%;
}

    .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
        border-bottom: 2px solid rgba(222, 225, 227, 0.6);
    }

.dx-scheduler-all-day-title {
    color: #627789;
    width: 100px;
    height: 75px;
    position: absolute;
    line-height: 75px;
    text-align: center;
    border-bottom: 2px solid rgba(222, 225, 227, 0.6);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.dx-scheduler-small .dx-scheduler-all-day-title {
    width: 50px;
}

.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
    height: 25px;
    line-height: 25px;
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title {
    height: 50px;
    line-height: 50px;
}

.dx-scheduler-all-day-table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.dx-scheduler-all-day-table {
    height: 75px;
}

.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
    height: 25px;
}

.dx-scheduler-group-header {
    height: 30px;
    text-align: center;
}

.dx-scheduler-time-panel {
    float: left;
    width: 100px;
    border-collapse: collapse;
    font-size: 20px;
}

.dx-scheduler-small .dx-scheduler-time-panel {
    width: 50px;
    font-size: 14px;
}

.dx-scheduler-time-panel-cell {
    color: #627789;
    position: relative;
    width: 100%;
    text-align: right;
    vertical-align: top;
    height: 50px;
    padding-right: 20px;
    border-bottom: 1px solid transparent;
}

    .dx-scheduler-time-panel-cell > div {
        margin-top: -13px;
    }

.dx-scheduler-small .dx-scheduler-time-panel-cell {
    padding-left: 0;
    padding-right: 10px;
}

.dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell > div {
    margin-top: 0px;
}

.dx-scheduler-time-panel-cell:after {
    position: absolute;
    bottom: -1px;
    width: 10%;
    height: 1px;
    content: '';
    right: 0;
    background-color: rgba(222, 225, 227, 0.6);
}

.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
    color: #f05b41;
}

    .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before {
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: inherit;
        content: '';
        background-color: #f69888;
    }

.dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after {
    display: none;
}

.dx-scheduler-date-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    float: left;
    margin-left: -100px;
}

.dx-scheduler-small .dx-scheduler-date-table {
    margin-left: -50px;
}

.dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    content: "";
    width: 100px;
    display: table-cell;
}

.dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    width: 50px;
}

.dx-scheduler-date-table-cell {
    border-left: 1px solid rgba(222, 225, 227, 0.6);
    border-right: 1px solid rgba(222, 225, 227, 0.6);
    height: 50px;
}

    .dx-scheduler-all-day-table-cell.dx-state-active,
    .dx-scheduler-date-table-cell.dx-state-active {
        background-color: #c2c8cc;
    }

    .dx-scheduler-all-day-table-cell.dx-state-hover,
    .dx-scheduler-date-table-cell.dx-state-hover {
        background-color: #959595;
    }

        .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
        .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
            background-color: #ffffff;
        }

    .dx-scheduler-all-day-table-cell.dx-state-focused,
    .dx-scheduler-date-table-cell.dx-state-focused {
        background-color: #ffffff;
        opacity: 1;
    }

    .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
    .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
        -webkit-box-shadow: inset 0 0 0 1px #f05b41;
        box-shadow: inset 0 0 0 1px #f05b41;
    }

.dx-scheduler-date-table-droppable-cell {
    background-color: #f2f2f2;
}

.dx-scheduler-scrollable-appointments {
    position: absolute;
    top: 0;
}

.dx-scheduler-appointment {
    border-bottom: 1px solid transparent;
    background-clip: padding-box;
    position: absolute;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    background-color: #f05b41;
    color: #fff;
    -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
    left: 0;
    min-width: 4px;
    min-height: 4px;
}

    .dx-scheduler-appointment.dx-state-active,
    .dx-scheduler-appointment.dx-resizable-resizing {
        -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
    }

    .dx-scheduler-appointment.dx-state-focused {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-scheduler-appointment.dx-state-focused:before {
            pointer-events: none;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .dx-scheduler-appointment.dx-state-focused:before {
            background-color: rgba(0, 0, 0, 0.3);
            opacity: .98;
        }

    .dx-scheduler-appointment.dx-state-hover {
        -webkit-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3);
    }

        .dx-scheduler-appointment.dx-state-hover.dx-resizable {
            -webkit-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
        }

        .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top {
            height: 5px;
        }

        .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left {
            width: 5px;
        }

    .dx-scheduler-appointment.dx-draggable-dragging {
        -webkit-box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
    }

    .dx-scheduler-appointment.dx-resizable-resizing,
    .dx-scheduler-appointment.dx-draggable-dragging {
        z-index: 1000;
        opacity: .7;
    }

    .dx-scheduler-appointment .dx-resizable-handle-left {
        left: -1px;
    }

    .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
        position: absolute;
        top: 3px;
        right: 5px;
        font: 14px/1 DXIcons;
    }

        .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
            content: "\f00e";
        }

.dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
    right: auto;
    left: 3px;
    font: 14px/1 DXIcons;
}

    .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
        content: "\f011";
    }

.dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon {
    display: none;
}

.dx-scheduler-appointment.dx-state-disabled {
    cursor: default;
    opacity: .6;
}

.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
    padding: 5px 40px 5px 7px;
}

.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced-icon {
    top: 9px;
}

.dx-scheduler-work-space-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-day .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
    top: calc(35% - 3px);
    right: 20px;
}

.dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-work-space-month .dx-scheduler-appointment,
.dx-scheduler-all-day-appointment {
    -webkit-box-shadow: inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-all-day-appointment {
    -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-all-day-appointment.dx-state-active,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-all-day-appointment.dx-resizable-resizing {
    -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-all-day-appointment.dx-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
    .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
    .dx-scheduler-all-day-appointment.dx-state-focused:before {
        pointer-events: none;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
    .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
    .dx-scheduler-all-day-appointment.dx-state-focused:before {
        background-color: rgba(0, 0, 0, 0.3);
        opacity: .98;
    }

.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-all-day-appointment.dx-state-hover {
    -webkit-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

    .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
    .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
    .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
        -webkit-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    }

.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover {
    -webkit-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

    .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
    .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
    .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
        -webkit-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    }

.dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
.dx-scheduler-all-day-appointment.dx-draggable-dragging {
    -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3), 7px 7px 15px 0px rgba(50, 50, 50, 0.2);
    box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3), 7px 7px 15px 0px rgba(50, 50, 50, 0.2);
}

.dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon {
    position: absolute;
    top: 35%;
}

.dx-scheduler-appointment.dx-scheduler-appointment-body,
.dx-scheduler-appointment.dx-scheduler-appointment-tail {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dx-scheduler-group-header-content div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-scheduler-appointment-recurrence-icon {
    position: absolute;
    background-repeat: no-repeat;
    top: 3px;
    right: 7px;
    display: none;
}

    .dx-scheduler-appointment-recurrence-icon.dx-icon-repeat {
        font-size: 18px;
    }

.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon {
    display: block;
}

.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 5px 25px 5px 7px;
}

.dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 5px 7px 5px 25px;
}

.dx-scheduler-appointment-content {
    padding: 5px 7px;
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: .99;
}

.dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    font-size: 12px;
}

.dx-scheduler-appointment-content > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-title,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon {
    display: none;
}

.dx-scheduler-appointment-content-details {
    font-size: 11px;
    white-space: pre;
    overflow: hidden;
}

.dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details,
.dx-scheduler-work-space-month .dx-scheduler-appointment-content-details {
    display: none;
}

.dx-scheduler-appointment-content-date {
    opacity: .7;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-scheduler-appointment-tooltip {
    text-align: left;
    width: 250px;
}

    .dx-scheduler-appointment-tooltip .dx-button-content {
        font-size: 13.33333333px;
    }

        .dx-scheduler-appointment-tooltip .dx-button-content .dx-icon {
            font-size: 16px;
        }

.dx-scheduler-appointment-tooltip-date,
.dx-scheduler-appointment-tooltip-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-scheduler-appointment-tooltip-title {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
}

.dx-scheduler-appointment-tooltip-buttons {
    margin-top: 10px;
}

.dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch,
.dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox {
    margin: 0;
}

.dx-scheduler-appointment-popup .dx-form {
    padding: 0 20px 0 20px;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item {
    position: relative;
    padding-right: 0;
}

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label {
        vertical-align: top;
    }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-right {
            padding-right: 20px;
        }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value,
    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label {
        float: none;
    }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value .dx-recurrence-numberbox-repeat-count,
        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label .dx-recurrence-numberbox-repeat-count {
            float: left;
        }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value {
        display: inline-block;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label {
        padding: 3px 0;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-scheduler-recurrence-rule-item-opened:before {
        display: block;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item:before {
        content: "";
        position: absolute;
        top: 50px;
        margin-top: -35px;
        bottom: 0;
        width: 100%;
        display: none;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-label-v-align:before {
        top: 70px;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-content-location-left .dx-recurrence-editor {
        padding-left: 20px;
    }

.dx-scheduler-appointment-popup .dx-field {
    min-height: 0;
}

.dx-scheduler-appointment-popup .dx-field-label {
    width: auto;
}

.dx-scheduler-appointment-popup .dx-field-value {
    padding-left: 0;
    padding-right: 0;
}

    .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox {
        float: left;
    }

        .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
            float: right;
        }

.dx-scheduler-dropdown-appointments {
    background-color: #f05b41;
    color: #fff;
}

    .dx-scheduler-dropdown-appointments.dx-button,
    .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover,
    .dx-scheduler-dropdown-appointments.dx-button.dx-state-active,
    .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused {
        background-color: #f05b41;
        color: #fff;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-scheduler-dropdown-appointments.dx-button .dx-button-content,
        .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover .dx-button-content,
        .dx-scheduler-dropdown-appointments.dx-button.dx-state-active .dx-button-content,
        .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused .dx-button-content {
            line-height: inherit;
        }

        .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover:before {
            pointer-events: none;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.3);
            opacity: .98;
        }

        .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover .dx-scheduler-dropdown-appointments-content {
            color: #fff;
            opacity: .99;
        }

.dx-scheduler-dropdown-appointments-compact .dx-scheduler-dropdown-appointments-content span:last-child {
    padding-left: 0;
}

.dx-scheduler-dropdown-appointment {
    border-left: 5px solid #f05b41;
}

.dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
    margin-top: 10px;
}

.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 75px;
    margin-bottom: -75px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 105px;
    margin-bottom: -105px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 135px;
    margin-bottom: -135px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 165px;
    margin-bottom: -165px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 25px;
    margin-bottom: -25px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 55px;
    margin-bottom: -55px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 85px;
    margin-bottom: -85px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 115px;
    margin-bottom: -115px;
}

.dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
    padding-left: 100px;
    width: 100%;
    height: 0;
}

.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
    padding-left: 50px;
}

    .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl {
        padding-left: 0;
        padding-right: 50px;
    }

.dx-scheduler-agenda .dx-scheduler-appointment {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dx-scheduler-agenda .dx-scheduler-time-panel {
    margin-top: 0;
}

.dx-scheduler-agenda .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell {
    padding-top: 0;
    padding-bottom: 0;
}

.dx-scheduler-agenda .dx-scheduler-time-panel-cell {
    vertical-align: top;
}

    .dx-scheduler-agenda .dx-scheduler-time-panel-cell:after {
        display: none;
    }

.dx-scheduler-agenda .dx-scheduler-group-table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 0;
    height: 100%;
    float: left;
}

.dx-scheduler-agenda .dx-scheduler-time-panel-cell,
.dx-scheduler-agenda .dx-scheduler-date-table-cell {
    border: none;
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
    float: right;
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
    display: none;
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content:before {
    border-bottom: none;
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell:after {
    display: none;
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row {
    border-bottom: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-right: -80px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -40px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -80px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -40px;
}

.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 180px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 90px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 180px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-right: 90px;
}

.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-right: -160px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -80px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -160px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -80px;
}

.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 260px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 130px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 260px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-right: 130px;
}

.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-right: -240px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -120px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -240px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -120px;
}

.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 340px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 170px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 340px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-right: 170px;
}

.dx-scheduler-agenda .dx-scheduler-group-header {
    vertical-align: top;
    width: 80px;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
}

.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
    width: 40px;
    font-size: 14px;
}

.dx-scheduler-agenda .dx-scheduler-group-header[rowspan='2'],
.dx-scheduler-agenda .dx-scheduler-group-header[rowspan='3'] {
    font-weight: bold;
}

.dx-scheduler-agenda .dx-scheduler-group-header-content {
    width: 80px;
    overflow: hidden;
}

    .dx-scheduler-agenda .dx-scheduler-group-header-content:before {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        border-bottom: 1px solid rgba(222, 225, 227, 0.6);
    }

.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header-content {
    width: 38px;
}

.dx-scheduler-agenda .dx-scheduler-group-header-content div {
    white-space: normal;
}

.dx-scheduler-agenda .dx-scheduler-appointment-content {
    font-size: 16px;
}

    .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
    .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
        opacity: 1;
        font-weight: bold;
        font-size: 13px;
        margin-top: 4px;
    }

.dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
    padding-right: 0;
    padding-left: 5px;
}

.dx-scheduler-agenda-nodata {
    font-size: 20px;
    opacity: 0.5;
    text-align: center;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
}

.dx-timezone-editor {
    overflow: hidden;
}

    .dx-timezone-editor .dx-timezone-display-name {
        float: left;
        width: 75%;
    }

    .dx-timezone-editor .dx-timezone-iana-id {
        float: right;
        width: 23%;
    }

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 90px;
    margin-bottom: 90px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 130px;
    margin-bottom: 130px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 170px;
    margin-bottom: 170px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 130px;
    margin-bottom: 130px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 170px;
    margin-bottom: 170px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 210px;
    margin-bottom: 210px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
    display: none;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
    margin-left: 0 !important;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content {
    height: 40px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(.dx-scheduler-work-space-group-by-date) .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
    border-right: none;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
    width: 100px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
    width: 100%;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -200px;
}

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
        width: 200px;
    }

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-right: -200px;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
    width: 200px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
    left: 200px;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
    right: 200px;
    left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 201px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
    left: 201px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 201px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
    margin-left: 0;
    margin-right: 201px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 201px 0 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
    left: 0;
    right: 201px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    width: 100px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
    margin-left: 100px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 100px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-right: 0;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
    left: 100px;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
    right: 100px;
    left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
    width: 100px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
    width: 150px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
    width: 100%;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -250px;
}

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
        width: 250px;
    }

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-right: -250px;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
    width: 250px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
    left: 250px;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
    right: 250px;
    left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 251px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
    left: 251px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 251px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
    margin-left: 0;
    margin-right: 251px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 251px 0 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
    left: 0;
    right: 251px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    width: 150px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
    margin-left: 150px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 150px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-right: 0;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
    left: 150px;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
    right: 150px;
    left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
    width: 150px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
    width: 200px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
    width: 100%;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -300px;
}

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
        width: 300px;
    }

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-right: -300px;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
    width: 300px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
    left: 300px;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
    right: 300px;
    left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 301px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
    left: 301px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 301px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
    margin-left: 0;
    margin-right: 301px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 301px 0 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
    left: 0;
    right: 301px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    width: 200px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
    margin-left: 200px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 200px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-right: 0;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
    left: 200px;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
    right: 200px;
    left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
    width: 200px;
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
    float: left;
    height: 100%;
    min-height: 100px;
    border-right: 1px solid rgba(222, 225, 227, 0.6);
    border-top: 1px solid rgba(222, 225, 227, 0.6);
    border-collapse: collapse;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

    .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    }

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row:before {
        display: none;
    }

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: auto;
    text-align: center;
    border-bottom: 2px solid rgba(222, 225, 227, 0.6);
    padding: 0;
    overflow: hidden;
    width: 100%;
    border-right: none;
}

    .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'],
    .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] {
        border-bottom: none;
    }

        .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
        .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
            margin-top: 200%;
        }

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content {
    padding-top: 16px;
    overflow: visible;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content div {
        white-space: normal;
        line-height: normal;
    }

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
    font-weight: normal;
    text-align: left;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
    position: relative;
    left: 75px;
    width: 75px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
    top: 0;
    position: relative;
    height: 50px !important;
    line-height: 50px !important;
    border-bottom: none;
    border-right: none;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
    border-top: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel {
    display: table-cell;
    position: relative;
}

    .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
        content: "";
        width: 100px;
        display: table-cell;
    }

.dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
    width: 50px;
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row {
    height: 50px;
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell {
    border-top: 1px solid rgba(222, 225, 227, 0.6);
}

    .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div {
        margin-top: 0px;
    }

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell {
    border-bottom: none;
    -webkit-box-shadow: inset 0 -1px 0 rgba(222, 225, 227, 0.6);
    box-shadow: inset 0 -1px 0 rgba(222, 225, 227, 0.6);
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
    border-bottom: 2px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    display: block;
    float: left;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
    display: none;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
    left: 101px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header {
    -webkit-box-shadow: 0 -2px 0 rgba(222, 225, 227, 0.6);
    box-shadow: 0 -2px 0 rgba(222, 225, 227, 0.6);
    border-bottom: none;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    height: 75px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
    border-bottom: none;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row:before {
    display: none;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    border-top: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-rtl .dx-scheduler-work-space-vertical-group-table {
    border-right: none;
    border-left: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-rtl .dx-scheduler-date-time-shader-all-day {
    margin-left: 0;
    margin-right: 100px;
}

.dx-rtl .dx-scheduler-navigator {
    float: right;
    padding-left: 0;
    padding-right: 10px;
}

.dx-device-mobile .dx-rtl .dx-scheduler-navigator {
    padding-right: 5px;
}

.dx-rtl .dx-scheduler-view-switcher.dx-tabs {
    float: left;
}

.dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu {
    left: 10px;
    right: auto;
}

.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-rtl .dx-scheduler-header-panel {
    left: 0;
    right: inherit;
}

.dx-rtl .dx-scheduler-all-day-panel table {
    margin-left: 0;
}

.dx-rtl .dx-scheduler-work-space-vertical-group-table,
.dx-rtl .dx-scheduler-time-panel {
    float: right;
}

.dx-rtl .dx-scheduler-time-panel-cell {
    text-align: left;
    padding-left: 20px;
    padding-right: 0;
}

    .dx-rtl .dx-scheduler-time-panel-cell:after {
        right: auto;
        left: 0;
    }

.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    border-right: 1px solid rgba(222, 225, 227, 0.6);
}

    .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child,
    .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child {
        border-right: none;
    }

.dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
    float: right;
    margin-left: 0;
    margin-right: -100px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
    margin-right: -50px;
}

.dx-rtl .dx-scheduler-appointment-tooltip {
    text-align: right;
}

.dx-rtl .dx-scheduler-appointment-recurrence-icon {
    left: 7px;
    right: auto;
}

.dx-rtl .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
    left: 20px;
    right: auto;
}

.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell,
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
    border-right: 1px solid rgba(222, 225, 227, 0.6);
    border-left: none;
}

.dx-rtl .dx-scheduler-dropdown-appointment {
    border-left: none;
    border-right: 3px solid #f05b41;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
    border-left: 1px solid rgba(222, 225, 227, 0.6);
    border-right: none;
}

    .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        right: 0;
        border-left: 1px solid rgba(222, 225, 227, 0.6);
        border-right: none;
    }

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
    float: right;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-right: 100px;
    margin-left: auto;
}

.dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-right: 50px;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
    border-left: 1px solid rgba(222, 225, 227, 0.6);
    border-right: none;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
    margin-right: 0;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
    border-right: none;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
    float: right;
}

    .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
        right: 0;
        border-left: 1px solid rgba(222, 225, 227, 0.6);
        border-right: none;
    }

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
    border-left: 1px solid rgba(222, 225, 227, 0.6);
    border-right: none;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-fixed-appointments {
    left: 0;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
    padding: 0 5px 0 10px;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
    text-align: right;
}

.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
    margin-left: 0;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
    margin-right: 50px;
}

.dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-left,
.dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-top {
    padding-left: 10px;
}

.dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-right {
    padding-left: 20px;
}

.dx-rtl .dx-scheduler-recurrence-rule-item.dx-label-v-align .dx-recurrence-editor {
    padding-right: 20px;
}

.dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-content-location-left .dx-recurrence-editor {
    padding-right: 20px;
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
    padding-right: 100px;
    padding-left: 0;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
    padding-right: 50px;
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table {
    float: right;
}

.dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
    float: left;
}

.dx-rtl .dx-timezone-editor .dx-timezone-display-name {
    float: right;
}

.dx-rtl .dx-timezone-editor .dx-timezone-iana-id {
    float: left;
}

.dx-scheduler-time-panel-cell {
    height: 50px;
}

.dx-scheduler-date-table-cell {
    height: 50px;
}

.dx-scheduler-all-day-title {
    height: 75px;
    line-height: 75px;
    font-size: 14px;
    font-weight: bold;
    top: 56px;
}

.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
    height: 25px;
    line-height: 25px;
}

:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
    top: 96px;
}

    :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
        top: -41px;
        height: 40px;
    }

:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
    top: 126px;
}

    :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
        top: -71px;
        height: 70px;
    }

:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
    top: 156px;
}

    :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
        top: -101px;
        height: 100px;
    }

.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
    top: 106px;
}

.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
    top: 136px;
}

    .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before,
    .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
        top: -81px;
        height: 80px;
    }

.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
    top: 166px;
}

    .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before,
    .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
        top: -111px;
        height: 110px;
    }

.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
    top: 196px;
}

    .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before,
    .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
        top: -141px;
        height: 140px;
    }

.dx-scheduler-all-day-table {
    height: 75px;
}

.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
    height: 25px;
}

.dx-scheduler-header-panel {
    margin-top: 10px;
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-panel {
    margin-top: 11px;
}

.dx-scheduler-header-panel-cell {
    height: 40px;
}

    .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
        top: 37px;
        height: 2px;
    }

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 80px;
    margin-bottom: -80px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 110px;
    margin-bottom: -110px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 140px;
    margin-bottom: -140px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 125px;
    margin-bottom: -125px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 155px;
    margin-bottom: -155px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 185px;
    margin-bottom: -185px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 215px;
    margin-bottom: -215px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 75px;
    margin-bottom: -75px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 105px;
    margin-bottom: -105px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 135px;
    margin-bottom: -135px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 165px;
    margin-bottom: -165px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 75px;
    margin-bottom: -75px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 105px;
    margin-bottom: -105px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 135px;
    margin-bottom: -135px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 165px;
    margin-bottom: -165px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 25px;
    margin-bottom: -25px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 55px;
    margin-bottom: -55px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 85px;
    margin-bottom: -85px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 115px;
    margin-bottom: -115px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
    top: 57px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 80px;
    margin-bottom: -80px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 110px;
    margin-bottom: -110px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 140px;
    margin-bottom: -140px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 125px;
    margin-bottom: -125px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 155px;
    margin-bottom: -155px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 185px;
    margin-bottom: -185px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 215px;
    margin-bottom: -215px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 75px;
    margin-bottom: -75px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 105px;
    margin-bottom: -105px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 135px;
    margin-bottom: -135px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 165px;
    margin-bottom: -165px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
    margin-top: 10px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
    top: 136px;
}

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
        top: -81px;
        height: 80px;
    }

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
    top: 166px;
}

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
        top: -111px;
        height: 110px;
    }

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
    top: 196px;
}

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
        top: -141px;
        height: 140px;
    }

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-all-day-title {
    top: 106px;
}

.dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
    border-bottom: none;
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 80px;
    margin-bottom: -80px;
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 110px;
    margin-bottom: -110px;
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 140px;
    margin-bottom: -140px;
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    font-size: 13px;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month {
    border-left: 1px solid #a7afb4;
    border-top: 1px solid #a7afb4;
}

.dx-scheduler-appointment-tooltip .dx-button-content {
    font-size: 12.30769231px;
}

    .dx-scheduler-appointment-tooltip .dx-button-content .dx-icon {
        font-size: 16px;
    }

.dx-scheduler-appointment-tooltip .dx-scheduler-appointment-tooltip-title {
    font-size: 16px;
}

.dx-scheduler-dropdown-appointments .dx-button-content {
    padding: 0;
}

.dx-scheduler-header {
    background-color: #f5f5f5;
    border: 1px solid rgba(222, 225, 227, 0.6);
    height: 56px;
}

.dx-scheduler-navigator {
    padding: 10px;
}

    .dx-scheduler-navigator .dx-button {
        margin-top: -1px;
        height: 36px;
    }

    .dx-scheduler-navigator .dx-button-has-icon .dx-button-content {
        padding: 6px;
    }

.dx-scheduler-navigator-caption {
    border-radius: 0;
    border-right-width: 0;
    border-left-width: 0;
}

    .dx-scheduler-navigator-caption.dx-state-focused,
    .dx-scheduler-navigator-caption.dx-state-hover,
    .dx-scheduler-navigator-caption.dx-state-active {
        border-right-width: 1px;
        border-left-width: 1px;
    }

.dx-scheduler-navigator-previous {
    border-radius: 2px 0 0 2px;
}

.dx-rtl .dx-scheduler-navigator-previous {
    border-radius: 0 2px 2px 0;
}

.dx-scheduler-navigator-next {
    border-radius: 0 2px 2px 0;
}

.dx-rtl .dx-scheduler-navigator-next {
    border-radius: 2px 0 0 2px;
}

.dx-scheduler-view-switcher.dx-tabs {
    font-size: 14px;
}

    .dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
        background: none;
    }

    .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected {
        background-color: #fff;
    }

        .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before {
            background-color: #fff;
        }

    .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
        border-left: 1px solid rgba(222, 225, 227, 0.6);
        border-right: 1px solid rgba(222, 225, 227, 0.6);
        border-top: 1px solid #f05b41;
        border-bottom: none;
    }

    .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after {
        height: 56px;
    }

.dx-scheduler-view-switcher.dx-dropdownmenu {
    margin-top: 9px;
}

.dx-scheduler-view-switcher-label {
    margin-top: 16px;
    right: 60px;
}

.dx-rtl .dx-scheduler-view-switcher-label {
    left: 60px;
    right: auto;
}

.dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
    border-bottom: 1px solid rgba(222, 225, 227, 0.6);
}

    .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) .dx-scheduler-group-header {
        font-size: 14px;
        color: #627789;
    }

.dx-scheduler-header-panel .dx-scheduler-group-header {
    font-size: 18px;
}

.dx-scheduler-header-panel .dx-scheduler-group-header,
.dx-scheduler-work-space-vertical-group-table .dx-scheduler-group-header {
    font-weight: bold;
    color: #627789;
}

.dx-scheduler-all-day-panel {
    background-color: #fff;
}

.dx-scheduler-work-space {
    padding-top: 56px;
    margin-top: -56px;
}

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title {
        border-top: 1px solid rgba(222, 225, 227, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell {
        border-left: 1px solid rgba(222, 225, 227, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-date-table-cell {
        border: none;
    }

.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th {
    border-left: none;
    border-right: none;
}

.dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child {
    border-top: none;
}

.dx-scheduler-date-table-cell {
    border-left: 1px solid rgba(222, 225, 227, 0.6);
    border-right: 1px solid rgba(222, 225, 227, 0.6);
}

    .dx-scheduler-all-day-table-cell.dx-state-active,
    .dx-scheduler-date-table-cell.dx-state-active {
        background-color: rgba(221, 221, 221, 0.7);
    }

    .dx-scheduler-all-day-table-cell.dx-state-hover,
    .dx-scheduler-date-table-cell.dx-state-hover {
        background-color: #faebe8;
        color: #959595;
    }

.dx-scheduler-appointment-popup .dx-fieldset {
    margin: 0 15px 15px 10px;
}

.dx-scheduler-appointment-popup .dx-popup-title {
    background-color: #fff;
    border-bottom: none;
}

    .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton,
    .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl {
        margin: 0;
    }

.dx-scheduler-appointment-popup .dx-toolbar-after {
    margin-right: 4px;
}

.dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after {
    margin-left: 4px;
    margin-right: 0;
}

.dx-scheduler-appointment-popup .dx-recurrence-repeat-end-container {
    margin: 0;
}

.dx-scheduler-appointment-popup .dx-recurrence-switch {
    margin-top: 6px;
}

.dx-scheduler-appointment-popup .dx-scheduler-appointment-popup-recurrence-field {
    margin-bottom: 13px;
}

.dx-scheduler-appointment-popup .dx-recurrence-radiogroup-repeat-type-label,
.dx-scheduler-appointment-popup .dx-recurrence-repeat-end-label {
    line-height: 36px;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item {
    padding-left: 84px;
}

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item:before {
        background-color: #fff;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-scheduler-recurrence-rule-item-opened:before {
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
    }

.dx-scheduler-appointment-popup .dx-form-validation-summary {
    padding: 10px 20px;
}

.dx-scheduler-appointment-tooltip-buttons:before,
.dx-scheduler-appointment-tooltip-buttons:after {
    display: table;
    content: "";
    line-height: 0;
}

.dx-scheduler-appointment-tooltip-buttons:after {
    clear: both;
}

.dx-scheduler-appointment-tooltip-buttons .dx-button:nth-child(even) {
    float: right;
    margin-right: 0;
}

.dx-scheduler-appointment-tooltip-buttons .dx-button:nth-child(odd) {
    float: left;
    margin-left: 0;
}

.dx-scheduler-appointment-tooltip-buttons .dx-button .dx-button-content {
    padding: 2px 10px 3px 10px;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    font-size: 16px;
}

.dx-scheduler-header-panel,
.dx-scheduler-time-panel {
    font-size: 16px;
}

.dx-scheduler-work-space-grouped .dx-scheduler-group-row th,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell {
    border-right: 1px solid #a7afb4;
}

    .dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child,
    .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child {
        border-right: none;
    }

.dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th,
.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell {
    border-left: 1px solid #a7afb4;
    border-right: 1px solid rgba(222, 225, 227, 0.6);
}

    .dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child,
    .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child {
        border-left: none;
    }

.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-last-group-cell {
    border-right: 1px solid rgba(222, 225, 227, 0.6);
    border-left: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row th {
    border-right: 1px solid rgba(222, 225, 227, 0.6);
    border-left: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
    border-right: 1px solid #a7afb4;
}

    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child {
        border-right: none;
    }

.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
    border-left: 1px solid #a7afb4;
    border-right: 1px solid rgba(222, 225, 227, 0.6);
}

    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child {
        border-left: none;
    }

.dx-scheduler-appointment {
    border-left: 3px solid transparent;
    border-right: 2px solid transparent;
}

    .dx-scheduler-appointment.dx-state-focused {
        color: #fff;
    }

    .dx-scheduler-appointment.dx-scheduler-appointment-empty {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }

.dx-scheduler-appointment-content {
    padding: 5px 7px;
}

.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
    padding: 5px 40px 5px 7px;
}

.dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
    padding: 5px 40px 5px 7px;
}

.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 5px 25px 5px 7px;
}

.dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 5px 7px 5px 25px;
}

.dx-scheduler-dropdown-appointment {
    border-bottom: 1px solid rgba(222, 225, 227, 0.6);
}

.dx-scheduler-dropdown-appointment-date {
    color: #959595;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 80px;
    margin-bottom: -80px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 110px;
    margin-bottom: -110px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 140px;
    margin-bottom: -140px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 41px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 71px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 101px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
    height: 11px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 40px;
    margin-bottom: -40px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 70px;
    margin-bottom: -70px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 100px;
    margin-bottom: -100px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 121px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 151px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 181px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
    height: 91px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

    .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
    .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
    .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
        height: 91px;
        margin-top: -91px;
    }

.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
    background-color: #fff;
}

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        background-color: #fff;
    }

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 31px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 61px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 91px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
    height: 1px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 156px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 186px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 216px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
    height: 126px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 106px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 136px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 166px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
    height: 76px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 116px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 146px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 176px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable {
    height: 86px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 66px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 96px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 126px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
    height: 36px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 106px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 136px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 166px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable {
    height: 76px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 56px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 86px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 116px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
    height: 26px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-agenda .dx-scheduler-appointment-content {
    font-size: 16px;
}

    .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date {
        font-size: 13px;
    }

.dx-scheduler-agenda .dx-scheduler-group-header {
    font-size: 18px;
    width: 80px;
}

.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-agenda .dx-scheduler-group-header-content {
    width: 80px;
}

.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-right: -80px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -40px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -80px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -40px;
}

.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 180px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 90px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 180px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-right: 90px;
}

.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-right: -160px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -80px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -160px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -80px;
}

.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 260px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 130px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 260px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-right: 130px;
}

.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-right: -240px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -120px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -240px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -120px;
}

.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 340px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 170px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 340px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-right: 170px;
}

.dx-scheduler-agenda-nodata {
    font-size: 16px;
}

.dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #edc1b9;
}

.dx-form-group-caption {
    font-size: 20px;
}

.dx-form-group-with-caption .dx-form-group-content {
    padding-bottom: 20px;
}

.dx-field-item-label-text {
    color: #8899a8;
}

.dx-field-item-help-text {
    color: #8899a8;
}

.dx-field-item-required-mark {
    color: #fafcff;
}

.dx-field-item-optional-mark {
    color: #ffffff;
}

.dx-desktop-layout-main-menu {
    background: #f05b41;
}

    .dx-desktop-layout-main-menu .dx-nav-item {
        background: #f05b41;
    }

        .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected {
            background: #fafafa;
            border-top: 1px solid #dee1e3;
        }

            .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected .dx-tab-text {
                color: #333;
            }

            .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover {
                background: #fafafa;
            }

                .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover .dx-tab-text {
                    color: #333;
                }

        .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover {
            background: #f69888;
        }

            .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover .dx-tab-text {
                color: #efefef;
            }

        .dx-desktop-layout-main-menu .dx-nav-item .dx-tab-text {
            color: #efefef;
        }

.dx-desktop-layout-copyright {
    color: #d0d4d6;
}

.dx-desktop-layout-toolbar {
    background: #fafafa;
    border-bottom-color: #dee1e3;
}

.dx-splitter {
    border-right-color: #dee1e3;
}

.dx-filterbuilder .dx-filterbuilder-action-icon {
    margin-bottom: 9px;
}

.dx-filterbuilder .dx-filterbuilder-text,
.dx-filterbuilder .dx-filterbuilder-item-value-text {
    border-radius: 5px;
}

.dx-filterbuilder .dx-filterbuilder-range-separator {
    color: #333;
}

.dx-filterbuilder-overlay .dx-treeview-item {
    padding: 5px 15px;
}

.dx-filterbuilder-overlay .dx-rtl .dx-treeview-item {
    padding-left: 15px;
}

.dx-recurrence-editor-container {
    position: relative;
    margin-bottom: 21px;
    padding-top: 17px;
}

.dx-drawer-shader {
    background-color: rgba(0, 0, 0, 0.5);
}

.dx-card {
    border: 1px solid #dee1e3;
    border-radius: 2px;
    background-color: #fff;
}

.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
    border-bottom: 1px solid #dee1e3;
}

.dx-htmleditor-content pre {
    color: rgba(51, 51, 51, 0.8);
}

.dx-htmleditor-content blockquote {
    color: rgba(51, 51, 51, 0.8);
    border-left-color: #dee1e3;
}

.dx-rtl .dx-htmleditor-content blockquote {
    border-right-color: #dee1e3;
}

.dx-htmleditor-content .dx-variable > span {
    background: rgba(240, 91, 65, 0.15);
}

.dx-htmleditor-toolbar {
    background-color: transparent;
}

    .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
        background-color: #e6e6e6;
    }

        .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
            background-color: #449d44;
        }

        .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
            background-color: #eb3313;
        }

        .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
            background-color: #f51c36;
        }

.dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled {
    background-color: transparent;
}

.dx-htmleditor-toolbar-format.dx-color-format .dx-button-content,
.dx-htmleditor-toolbar-format.dx-background-format .dx-button-content {
    padding-bottom: 5px;
}

.dx-htmleditor-toolbar-separator {
    border-left-color: #dee1e3;
}

.dx-htmleditor-toolbar-menu-separator {
    border-top-color: #dee1e3;
}


/*!
* DevExtreme
* Version: 18.2.6
* Build date: Feb 5, 2019
*
* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
.dx-clearfix:before,
.dx-clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.dx-clearfix:after {
    clear: both;
}

.dx-translate-disabled {
    -webkit-transform: none !important;
    transform: none !important;
}

.dx-hidden-input {
    position: fixed;
    top: -10px;
    left: -10px;
    width: 0;
    height: 0;
}

.dx-user-select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.dx-state-invisible {
    display: none !important;
}

.dx-gesture-cover {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2147483647;
}

.dx-animating {
    pointer-events: none;
}

.dx-fade-animation.dx-enter,
.dx-no-direction.dx-enter,
.dx-fade-animation.dx-leave.dx-leave-active,
.dx-no-direction.dx-leave.dx-leave-active {
    opacity: 0;
}

    .dx-fade-animation.dx-leave,
    .dx-no-direction.dx-leave,
    .dx-fade-animation.dx-enter.dx-enter-active,
    .dx-no-direction.dx-enter.dx-enter-active {
        opacity: 1;
    }

.dx-overflow-animation.dx-enter.dx-forward {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    z-index: 2;
}

.dx-overflow-animation.dx-enter.dx-enter-active.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 2;
}

.dx-overflow-animation.dx-enter.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.dx-overflow-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.dx-overflow-animation.dx-leave.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.dx-overflow-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.dx-overflow-animation.dx-leave.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 2;
}

.dx-overflow-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    z-index: 2;
}

.dx-slide-animation.dx-enter.dx-forward {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.dx-slide-animation.dx-enter.dx-enter-active.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-slide-animation.dx-enter.dx-backward {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.dx-slide-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-slide-animation.dx-leave.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-slide-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.dx-slide-animation.dx-leave.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-slide-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.dx-opendoor-animation.dx-enter.dx-forward {
    -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
    transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
    -webkit-transform-origin: center left 0px;
    transform-origin: center left 0px;
    opacity: 0;
}

.dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.dx-opendoor-animation.dx-leave.dx-forward {
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: center left 0px;
    transform-origin: center left 0px;
    opacity: 1;
}

.dx-opendoor-animation.dx-leave.dx-backward {
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: center left 0px;
    transform-origin: center left 0px;
    opacity: 1;
}

.dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
    transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
    -webkit-transform-origin: center left 0px;
    transform-origin: center left 0px;
    opacity: 0;
}

.dx-opendoor-animation.dx-enter.dx-backward {
    -webkit-transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
    transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
    -webkit-transform-origin: center left 0px;
    transform-origin: center left 0px;
    opacity: 0;
}

.dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
    transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
    opacity: 0;
}

.dx-win-pop-animation.dx-enter.dx-forward {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}

.dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
}

.dx-win-pop-animation.dx-enter.dx-backward {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
}

.dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}

.dx-android-pop-animation.dx-enter.dx-forward,
.dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
    opacity: 0;
}

.dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward,
.dx-android-pop-animation.dx-leave.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.dx-android-pop-animation.dx-enter.dx-forward,
.dx-android-pop-animation.dx-leave.dx-backward {
    z-index: 1;
}

.dx-ios7-slide-animation.dx-enter.dx-forward {
    z-index: 2;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward {
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-ios7-slide-animation.dx-enter.dx-backward {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
    z-index: 1;
}

.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.dx-ios7-slide-animation.dx-leave.dx-forward {
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
    z-index: 1;
}

.dx-ios7-slide-animation.dx-leave.dx-backward {
    z-index: 2;
}

.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    z-index: 2;
}

.dx-ios7-toolbar-animation.dx-enter.dx-forward {
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
    opacity: 0;
    z-index: 2;
}

.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 2;
}

.dx-ios7-toolbar-animation.dx-enter.dx-backward {
    -webkit-transform: translate3d(-40%, 0, 0);
    transform: translate3d(-40%, 0, 0);
    opacity: 0;
    z-index: 1;
}

.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 1;
}

.dx-ios7-toolbar-animation.dx-leave.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 1;
}

.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: translate3d(-40%, 0, 0);
    transform: translate3d(-40%, 0, 0);
    opacity: 0;
    z-index: 1;
}

.dx-ios7-toolbar-animation.dx-leave.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 2;
}

.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
    opacity: 0;
    z-index: 2;
}

.dx-drop-animation.dx-enter,
.dx-drop-animation.dx-leave.dx-leave-active {
    -webkit-transform: translate3d(0, -120%, 0);
    transform: translate3d(0, -120%, 0);
}

    .dx-drop-animation.dx-leave,
    .dx-drop-animation.dx-enter.dx-enter-active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.dx-3d-drop-animation.dx-enter,
.dx-3d-drop-animation.dx-leave.dx-leave-active {
    -webkit-transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
    transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
    opacity: 0;
}

    .dx-3d-drop-animation.dx-leave,
    .dx-3d-drop-animation.dx-enter.dx-enter-active {
        -webkit-transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
        opacity: 1;
    }

.dx-fade-drop-animation.dx-enter,
.dx-fade-drop-animation.dx-leave.dx-leave-active {
    -webkit-transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
    transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
    opacity: 0;
}

    .dx-fade-drop-animation.dx-leave,
    .dx-fade-drop-animation.dx-enter.dx-enter-active {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        opacity: 1;
    }

.dx-fade-rise-animation.dx-enter,
.dx-fade-rise-animation.dx-leave.dx-leave-active {
    -webkit-transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
    transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
    opacity: 0;
}

    .dx-fade-rise-animation.dx-leave,
    .dx-fade-rise-animation.dx-enter.dx-enter-active {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        opacity: 1;
    }

.dx-fade-slide-animation.dx-enter,
.dx-fade-slide-animation.dx-leave.dx-leave-active {
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
    opacity: 0;
}

    .dx-fade-slide-animation.dx-leave,
    .dx-fade-slide-animation.dx-enter.dx-enter-active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

.dx-fade-zoom-animation.dx-enter,
.dx-fade-zoom-animation.dx-leave.dx-leave-active {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
}

    .dx-fade-zoom-animation.dx-leave,
    .dx-fade-zoom-animation.dx-enter.dx-enter-active {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }

.dx-icon-plus,
.dx-icon-overflow,
.dx-icon-add,
.dx-icon-airplane,
.dx-icon-arrowleft,
.dx-icon-arrowdown,
.dx-icon-arrowright,
.dx-icon-arrowup,
.dx-icon-bookmark,
.dx-icon-box,
.dx-icon-car,
.dx-icon-card,
.dx-icon-cart,
.dx-icon-chart,
.dx-icon-clock,
.dx-icon-close,
.dx-icon-comment,
.dx-icon-doc,
.dx-icon-download,
.dx-icon-edit,
.dx-icon-email,
.dx-icon-event,
.dx-icon-favorites,
.dx-icon-find,
.dx-icon-folder,
.dx-icon-food,
.dx-icon-gift,
.dx-icon-globe,
.dx-icon-group,
.dx-icon-help,
.dx-icon-home,
.dx-icon-image,
.dx-icon-info,
.dx-icon-key,
.dx-icon-like,
.dx-icon-map,
.dx-icon-menu,
.dx-icon-money,
.dx-icon-music,
.dx-icon-percent,
.dx-icon-photo,
.dx-icon-preferences,
.dx-icon-product,
.dx-icon-refresh,
.dx-icon-remove,
.dx-icon-runner,
.dx-icon-tags,
.dx-icon-tel,
.dx-icon-tips,
.dx-icon-todo,
.dx-icon-toolbox,
.dx-icon-user,
.dx-icon-save,
.dx-icon-clear,
.dx-icon-search,
.dx-icon-bold,
.dx-icon-italic,
.dx-icon-underline,
.dx-icon-strike,
.dx-icon-indent,
.dx-icon-fontsize,
.dx-icon-growfont,
.dx-icon-shrinkfont,
.dx-icon-color,
.dx-icon-background,
.dx-icon-superscript,
.dx-icon-subscript,
.dx-icon-header,
.dx-icon-blockquote,
.dx-icon-formula,
.dx-icon-codeblock,
.dx-icon-orderedlist,
.dx-icon-bulletlist,
.dx-icon-increaseindent,
.dx-icon-decreaseindent,
.dx-icon-alignleft,
.dx-icon-alignright,
.dx-icon-aligncenter,
.dx-icon-alignjustify,
.dx-icon-link,
.dx-icon-video,
.dx-icon-mention,
.dx-icon-variable,
.dx-icon-clearformat,
.dx-icon-undo,
.dx-icon-redo {
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dx-icon {
    background-position: 50% 50%;
}

.dx-color-scheme {
    font-family: "#";
}

.dx-widget {
    display: block;
    -ms-content-zooming: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    padding: 0;
    outline: 0;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

    .dx-widget,
    .dx-widget:before,
    .dx-widget:after,
    .dx-widget *,
    .dx-widget *:before,
    .dx-widget *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.dx-item {
    outline: 0;
}

.dx-rtl {
    direction: rtl;
    unicode-bidi: embed;
}

.dx-state-disabled {
    pointer-events: none;
}

.dx-badge {
    padding: 0px 5px;
    border-radius: 14px;
    color: white;
    font-size: 13px;
    line-height: 1;
}

.dx-draggable {
    left: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-draggable.dx-state-disabled,
    .dx-state-disabled .dx-draggable {
        cursor: default;
    }

.dx-resizable {
    display: block;
    position: relative;
}

.dx-resizable-handle {
    position: absolute;
    z-index: 50;
}

.dx-state-disabled .dx-resizable-handle {
    cursor: default;
}

.dx-resizable-handle-left,
.dx-resizable-handle-right {
    top: 0px;
    height: 100%;
    width: 3px;
}

.dx-resizable-handle-left {
    left: 0px;
    cursor: e-resize;
}

.dx-resizable-handle-right {
    right: 0px;
    cursor: e-resize;
}

.dx-resizable-handle-top,
.dx-resizable-handle-bottom {
    left: 0px;
    width: 100%;
    height: 3px;
}

.dx-resizable-handle-top {
    top: 0px;
    cursor: s-resize;
}

.dx-resizable-handle-bottom {
    bottom: 0px;
    cursor: s-resize;
}

.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-top-left,
.dx-resizable-handle-corner-top-right {
    width: 6px;
    height: 6px;
}

.dx-resizable-handle-corner-top-left {
    left: 0px;
    top: 0px;
    cursor: se-resize;
    border-bottom-right-radius: 100%;
}

.dx-resizable-handle-corner-top-right {
    right: 0px;
    top: 0px;
    cursor: ne-resize;
    border-bottom-left-radius: 100%;
}

:not(.dx-rtl) > .dx-resizable-handle-corner-bottom-right {
    width: 20px;
    height: 20px;
    right: 0px;
    bottom: 0px;
    cursor: se-resize;
    border-top-left-radius: 100%;
    background-position: 20px 20px;
}

:not(.dx-rtl) > .dx-resizable-handle-corner-bottom-left {
    left: 0px;
    bottom: 0px;
    cursor: ne-resize;
    border-top-right-radius: 100%;
}

.dx-rtl .dx-resizable-handle-corner-bottom-left {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 20px;
    height: 20px;
    left: 0px;
    bottom: 0px;
    cursor: ne-resize;
    border-top-left-radius: 100%;
    background-position: 20px 20px;
}

.dx-rtl .dx-resizable-handle-corner-bottom-right {
    right: 0px;
    bottom: 0px;
    cursor: se-resize;
    border-top-left-radius: 100%;
}

.dx-box-item-content {
    font-size: 14px;
}

.dx-box-fallback-item > .dx-box-item-content {
    width: 100%;
    height: 100%;
}

.dx-box-item-content {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
}

.dx-box-flex .dx-box-item > .dx-scrollable,
.dx-box-flex .dx-box-item-content > .dx-scrollable,
.dx-box-flex .dx-box-item > .dx-treeview,
.dx-box-flex .dx-box-item-content > .dx-treeview,
.dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable,
.dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
}

    .dx-box-flex .dx-box-item > .dx-scrollable > .dx-scrollable-wrapper,
    .dx-box-flex .dx-box-item-content > .dx-scrollable > .dx-scrollable-wrapper,
    .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable-wrapper,
    .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable-wrapper,
    .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper,
    .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }

        .dx-box-flex .dx-box-item > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
        .dx-box-flex .dx-box-item-content > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
        .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
        .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
        .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
        .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
            height: auto;
        }

.dx-button-disabled {
    cursor: default;
}

.dx-button {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    user-drag: none;
}

    .dx-button .dx-icon {
        user-drag: none;
        display: inline-block;
        vertical-align: middle;
    }

.dx-button-content {
    height: 100%;
    max-height: 100%;
}

.dx-button-has-text .dx-button-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-button-content:after {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
    font-size: 0;
}

.dx-button-link {
    text-decoration: none;
}

.dx-button-text {
    display: inline;
    vertical-align: middle;
}

.dx-button-submit-input {
    padding: 0;
    margin: 0;
    border: 0;
    height: 0;
    width: 0;
    font-size: 0;
    opacity: 0;
}

.dx-state-disabled.dx-button,
.dx-state-disabled .dx-button {
    cursor: default;
}

.dx-buttongroup {
    display: inline-block;
}

.dx-buttongroup-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-buttongroup-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

    .dx-buttongroup-item.dx-button-mode-outlined,
    .dx-buttongroup-item.dx-button-mode-contained {
        border-left-width: 0;
    }

        .dx-buttongroup-item.dx-button-mode-outlined.dx-button,
        .dx-buttongroup-item.dx-button-mode-contained.dx-button {
            border-radius: 0;
        }

    .dx-buttongroup-item.dx-button-mode-text {
        margin-left: 1px;
    }

.dx-buttongroup-item-has-width {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
}

.dx-scrollable-scrollbar-simulated {
    position: relative;
}

.dx-scrollable {
    display: block;
    height: 100%;
    min-height: 0;
}

.dx-scrollable-native {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity;
}

    .dx-scrollable-native .dx-scrollable-scrollbar {
        display: none;
    }

    .dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar {
        display: block;
    }

    .dx-scrollable-native .dx-scrollable-container {
        -webkit-overflow-scrolling: touch;
        position: relative;
        height: 100%;
    }

    .dx-scrollable-native.dx-scrollable-vertical,
    .dx-scrollable-native.dx-scrollable-vertical .dx-scrollable-container {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .dx-scrollable-native.dx-scrollable-horizontal,
    .dx-scrollable-native.dx-scrollable-horizontal .dx-scrollable-container {
        -ms-touch-action: pan-x;
        touch-action: pan-x;
        float: none;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .dx-scrollable-native.dx-scrollable-both,
    .dx-scrollable-native.dx-scrollable-both .dx-scrollable-container {
        -ms-touch-action: pan-y pan-x;
        touch-action: pan-y pan-x;
        float: none;
        overflow-x: auto;
        overflow-y: auto;
    }

    .dx-scrollable-native.dx-scrollable-disabled,
    .dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container {
        -ms-touch-action: auto;
        touch-action: auto;
    }

    .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar {
        opacity: 0;
    }

    .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
        min-height: 101%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal .dx-scrollable-content {
        min-height: 0;
        padding: 0;
    }

    .dx-scrollable-native.dx-scrollable-native-generic {
        -ms-overflow-style: auto;
        overflow: hidden;
    }

        .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content {
            height: auto;
        }

    .dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content {
        -webkit-transform: none;
        transform: none;
        z-index: 0;
    }

.dx-scrollable-scrollbar-simulated ::-webkit-scrollbar,
.dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar {
    display: none;
}

.dx-scrollable-container {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    width: 100%;
    height: 100%;
}

    .dx-scrollable-container:focus {
        outline: none;
    }

.dx-scrollable-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.dx-scrollable-content {
    position: relative;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .dx-scrollable-content:before,
    .dx-scrollable-content:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .dx-scrollable-content:after {
        clear: both;
    }

.dx-scrollable-horizontal .dx-scrollable-content,
.dx-scrollable-both .dx-scrollable-content {
    display: block;
    float: left;
    min-width: 100%;
}

.dx-scrollable-scrollbar {
    position: absolute;
    pointer-events: auto;
}

.dx-scrollbar-vertical {
    top: 0;
    right: 0;
    height: 100%;
}

    .dx-scrollbar-vertical .dx-scrollable-scroll {
        width: 5px;
    }

.dx-scrollbar-horizontal {
    bottom: 0;
    left: 0;
    width: 100%;
}

    .dx-scrollbar-horizontal .dx-scrollable-scroll {
        height: 5px;
    }

.dx-scrollable-scroll {
    position: relative;
    background-color: #888;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transform: translate(0px, 0px);
    -webkit-transition: background-color 0s linear;
    transition: background-color 0s linear;
}

    .dx-scrollable-scroll.dx-state-invisible {
        display: block !important;
        background-color: transparent;
        background-color: rgba(0, 0, 0, 0);
        -webkit-transition: background-color 0.5s linear 1s;
        transition: background-color 0.5s linear 1s;
    }

.dx-rtl .dx-scrollable,
.dx-rtl.dx-scrollable {
    direction: ltr;
}

    .dx-rtl .dx-scrollable .dx-scrollable-content,
    .dx-rtl.dx-scrollable .dx-scrollable-content,
    .dx-rtl .dx-scrollable .dx-scrollable-container,
    .dx-rtl.dx-scrollable .dx-scrollable-container {
        direction: ltr;
    }

        .dx-rtl .dx-scrollable .dx-scrollable-content > *,
        .dx-rtl.dx-scrollable .dx-scrollable-content > * {
            direction: rtl;
        }

    .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical,
    .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical {
        right: auto;
        left: 0;
    }

    .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
    .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
        direction: ltr;
    }

.dx-device-ios-6 .dx-scrollable-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-device-android .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar {
    display: none;
}

.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket {
    position: absolute;
    display: none;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket {
    width: 40px;
    height: 40px;
    left: 50%;
    position: absolute;
    z-index: 1;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
    background-image: none;
    position: static;
    height: 100%;
    width: 100%;
    left: -50%;
    margin-left: -20px;
    padding: 0;
    border-radius: 50%;
}

    .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading {
        -webkit-transition: -webkit-transform 100ms linear;
        transition: -webkit-transform 100ms linear;
        transition: transform 100ms linear;
        transition: transform 100ms linear, -webkit-transform 100ms linear;
    }

    .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator {
        position: relative;
        top: 0;
        padding: 4px;
        margin: 0;
        height: 100%;
        width: 100%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator .dx-loadindicator {
            float: left;
        }

.dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown {
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down {
    -webkit-transition: top 0.2s ease-out 0s;
    transition: top 0.2s ease-out 0s;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-image {
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: contain;
    -webkit-transition: opacity .2s ease 0s;
    transition: opacity .2s ease 0s;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
    display: none;
}

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket {
    position: absolute;
    left: 0;
    width: 100%;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 400ms ease;
    transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, -webkit-transform 400ms ease;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content {
    -webkit-transition: -webkit-transform 400ms ease;
    transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, -webkit-transform 400ms ease;
    -webkit-transform: none;
    transform: none;
}

.dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled {
    overflow-y: auto;
}

    .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-content {
        overflow-y: hidden;
    }

    .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollview-content {
        overflow-y: hidden;
    }

.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollview-bottom-pocket {
    width: 100%;
    text-align: center;
}

.dx-device-android-4 .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
    display: block;
}

.dx-scrollview-content {
    position: static;
}

    .dx-scrollview-content:before,
    .dx-scrollview-content:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .dx-scrollview-content:after {
        clear: both;
    }

.dx-scrollview-pull-down {
    width: 100%;
    height: 50px;
    padding: 15px 0;
    top: -80px;
    overflow: hidden;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    user-drag: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-scrollview-pull-down-container {
    display: inline-block;
    width: 49%;
    text-align: right;
}

.dx-scrollview-pull-down-indicator {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    margin: -15px 20px 0 15px;
    width: 20px;
    user-drag: none;
}

.dx-scrollview-pull-down-image {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    width: 20px;
    height: 50px;
    background-size: contain;
    user-drag: none;
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
}

.dx-scrollview-pull-down-text {
    display: inline;
    vertical-align: middle;
    position: relative;
    overflow: visible;
    user-drag: none;
}

    .dx-scrollview-pull-down-text div {
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
        overflow: visible;
        opacity: 0;
    }

        .dx-scrollview-pull-down-text div.dx-scrollview-pull-down-text-visible {
            opacity: 1;
        }

.dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image {
    -webkit-transform: translate(0, 0) rotate(-180deg);
    transform: translate(0, 0) rotate(-180deg);
}

.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image {
    opacity: 0;
}

.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator {
    opacity: 1;
}

.dx-scrollview-scrollbottom {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

    .dx-scrollview-scrollbottom:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.dx-scrollview-scrollbottom-indicator {
    display: inline-block;
    margin: 0 10px 0 0;
    user-drag: none;
}

.dx-scrollview-scrollbottom-text {
    display: inline-block;
    margin-top: -20px;
    vertical-align: middle;
    user-drag: none;
}

.dx-scrollview-scrollbottom-end {
    opacity: 0;
}

.dx-rtl .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket,
.dx-scrollable-native.dx-rtl.dx-scrollable-native-ios .dx-scrollview-top-pocket {
    left: auto;
    right: 0;
}

.dx-rtl .dx-scrollview-pull-down-container {
    text-align: left;
}

.dx-rtl .dx-scrollview-pull-down-indicator {
    left: auto;
    right: 0;
}

.dx-rtl .dx-scrollview-pull-down-text div {
    left: auto;
    right: 0;
}

.dx-rtl .dx-scrollview-scrollbottom-indicator {
    margin: 0 0 0 10px;
}

.dx-checkbox {
    display: inline-block;
    cursor: pointer;
    line-height: 0;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-checkbox.dx-state-readonly {
        cursor: default;
    }

.dx-checkbox-icon {
    display: inline-block;
    position: relative;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.dx-checkbox-container {
    height: 100%;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-checkbox-has-text .dx-checkbox-icon,
.dx-checkbox-has-text .dx-checkbox-text {
    vertical-align: middle;
}

.dx-checkbox-text {
    display: inline-block;
    vertical-align: middle;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: normal;
    height: 100%;
    width: 100%;
}

.dx-rtl .dx-checkbox-text,
.dx-rtl.dx-checkbox-text {
    margin: 0;
    padding: 0;
}

.dx-state-disabled.dx-checkbox,
.dx-state-disabled .dx-checkbox {
    cursor: default;
}

.dx-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    user-drag: none;
}

.dx-switch-wrapper {
    display: inline-block;
    text-align: left;
    height: 100%;
    width: 100%;
}

    .dx-switch-wrapper:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

.dx-switch-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.dx-switch-container {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.dx-state-disabled.dx-switch,
.dx-state-disabled .dx-switch {
    cursor: default;
}

.dx-switch-inner {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.dx-switch-handle {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.dx-switch-on-value .dx-switch-inner {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.dx-switch-on-value .dx-switch-handle {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.dx-rtl.dx-switch-wrapper,
.dx-rtl .dx-switch-wrapper {
    text-align: right;
}

.dx-rtl .dx-switch-inner {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.dx-rtl .dx-switch-handle {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.dx-rtl.dx-switch-on-value .dx-switch-handle {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.dx-tabs-ie-hack a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: white;
    text-decoration: none;
    opacity: 0.001;
}

.dx-tabs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    table-layout: fixed;
    position: relative;
}

    .dx-tabs.dx-overflow-hidden {
        overflow: hidden;
    }

.dx-tabs-wrapper {
    display: table-row;
}

.dx-tabs-scrollable .dx-tabs-wrapper {
    display: block;
    white-space: nowrap;
    height: 100%;
}

.dx-tabs-scrollable .dx-tab {
    height: 100%;
    display: inline-block;
}

    .dx-tabs-scrollable .dx-tab:before {
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.dx-tabs-scrollable .dx-scrollable-content {
    height: 100%;
}

.dx-tabs-nav-buttons .dx-tabs-scrollable {
    margin-right: 25px;
    margin-left: 25px;
}

.dx-tabs-nav-button {
    width: 25px;
    padding: 0;
    height: 100%;
    position: absolute;
    top: 0;
}

.dx-tabs-nav-button-left {
    left: 0;
}

.dx-tabs-nav-button-right {
    right: 0;
}

.dx-tabs-expanded {
    display: table;
}

.dx-tab {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
}

    .dx-tab a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        color: white;
        text-decoration: none;
        opacity: 0.001;
    }

    .dx-tab .dx-icon {
        width: 16px;
        height: 16px;
        display: block;
        margin: 0 auto;
        user-drag: none;
    }

.dx-tab-content {
    display: inline-block;
    max-width: 100%;
}

.dx-tab-text {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    user-drag: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-tabs-item-badge {
    display: inline-block;
    vertical-align: top;
}

.dx-state-disabled .dx-tab {
    cursor: default;
}

.dx-map-container,
.dx-map-shield {
    position: relative;
    width: 100%;
    height: 100%;
    color: #000;
}

.dx-map-shield {
    top: -100%;
    left: 0;
    background: rgba(0, 0, 0, 0.01);
    opacity: .01;
}

.dx-tabs.dx-navbar {
    margin: 0;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-tabs.dx-navbar .dx-icon {
        display: block;
        margin: 0 auto;
        width: 31px;
        height: 31px;
    }

.dx-rtl.dx-tabs.dx-navbar .dx-icon,
.dx-rtl .dx-tabs.dx-navbar .dx-icon {
    margin: 0 auto;
}

.dx-tabs.dx-navbar .dx-tab-text {
    display: block;
    vertical-align: 50%;
}

.dx-nav-item {
    position: relative;
    vertical-align: bottom;
}

    .dx-nav-item.dx-state-disabled {
        cursor: default;
    }

.dx-nav-item-content {
    display: block;
}

.dx-nav-item a {
    display: block;
    height: 100%;
    text-decoration: none;
}

.dx-navbar-item-badge {
    position: absolute;
    top: 11%;
    right: 50%;
    margin-right: -24px;
}

.dx-rtl .dx-nav-item .dx-navbar-item-badge {
    right: auto;
    left: 50%;
    margin-right: auto;
    margin-left: -24px;
}

.dx-texteditor {
    display: block;
}

    .dx-texteditor input::-ms-clear {
        display: none;
    }

.dx-placeholder {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 100%;
    width: auto;
    height: 100%;
    text-align: left;
    cursor: text;
    pointer-events: none;
}

    .dx-placeholder:before {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        content: attr(DATA-DX_PLACEHOLDER);
        pointer-events: none;
        white-space: nowrap;
    }

    .dx-placeholder:after {
        content: ' ';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.dx-texteditor-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.dx-texteditor-buttons-container {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
}

.dx-texteditor-input {
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    outline: 0;
    border: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

    .dx-texteditor-input:-webkit-autofill + .dx-placeholder {
        display: none;
    }

.dx-show-clear-button {
    position: relative;
}

.dx-clear-button-area {
    float: right;
    height: 100%;
    width: 34px;
    position: relative;
    cursor: pointer;
    text-align: justify;
}

    .dx-clear-button-area .dx-icon-clear {
        position: absolute;
        display: inline-block;
        background-size: contain;
    }

.dx-texteditor-empty .dx-clear-button-area {
    display: none;
}

.dx-state-disabled .dx-placeholder {
    cursor: auto;
}

.dx-state-disabled .dx-clear-button-area {
    display: none;
}

.dx-state-disabled .dx-texteditor-input {
    opacity: 1;
}

.dx-rtl .dx-texteditor .dx-placeholder,
.dx-rtl.dx-texteditor .dx-placeholder {
    text-align: right;
    left: auto;
    right: 0;
}

.dx-rtl .dx-texteditor .dx-clear-button-area,
.dx-rtl.dx-texteditor .dx-clear-button-area {
    float: left;
    right: auto;
    left: 0;
}

.dx-rtl .dx-texteditor .dx-texteditor-buttons-container,
.dx-rtl.dx-texteditor .dx-texteditor-buttons-container {
    left: 0;
    right: auto;
}

.dx-device-android .dx-texteditor-input {
    -webkit-user-modify: read-write-plaintext-only;
}

.dx-searchbox .dx-icon-search {
    display: block;
    position: relative;
    pointer-events: none;
}

    .dx-searchbox .dx-icon-search:before {
        content: "";
        position: absolute;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

.dx-dropdowneditor {
    position: relative;
}

    .dx-dropdowneditor.dx-dropdowneditor-field-clickable {
        cursor: pointer;
    }

.dx-dropdowneditor-input-wrapper {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    height: 100%;
}

    .dx-dropdowneditor-input-wrapper .dx-texteditor {
        border: none;
        margin: 0;
    }

    .dx-dropdowneditor-input-wrapper .dx-texteditor-input {
        text-overflow: ellipsis;
    }

        .dx-dropdowneditor-input-wrapper .dx-texteditor-input::-ms-clear {
            width: 0;
            height: 0;
        }

.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    opacity: .35;
}

.dx-dropdowneditor-button {
    position: relative;
    float: right;
    height: 100%;
    cursor: pointer;
}

    .dx-dropdowneditor-button .dx-button-content {
        text-align: center;
    }

.dx-rtl .dx-dropdowneditor-button,
.dx-rtl.dx-dropdowneditor-button {
    float: left;
}

.dx-dropdowneditor-button.dx-dropdowneditor-readonly {
    cursor: default;
}

.dx-dropdowneditor-icon {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.dx-state-disabled .dx-dropdowneditor,
.dx-state-disabled.dx-dropdowneditor {
    cursor: default;
}

.dx-state-disabled .dx-dropdowneditor-button {
    cursor: inherit;
}

.dx-state-disabled .dx-dropdowneditor-icon {
    opacity: .2;
}

.dx-list {
    margin: 0;
    min-height: 3em;
}

    .dx-list .dx-scrollview-content:focus {
        outline: 0px;
    }

.dx-empty-collection .dx-list-select-all {
    display: none;
}

.dx-list-group-header:before {
    width: 0;
    height: 0;
    display: block;
    float: right;
    margin-top: 6px;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 5px 0 5px;
}

.dx-list-collapsible-groups .dx-list-group-header {
    cursor: pointer;
}

    .dx-list-collapsible-groups .dx-list-group-header:before {
        content: ' ';
    }

.dx-list-group-collapsed .dx-list-group-header:before {
    border-width: 0 5px 5px 5px;
}

.dx-list-group-body {
    overflow: hidden;
}

.dx-list-item {
    position: static;
    cursor: pointer;
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-list-item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    width: 100%;
}

    .dx-list-item-content:before {
        content: "_";
        color: transparent;
        display: inline-block;
        width: 0;
        float: left;
    }

.dx-list .dx-empty-message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 3em;
}

.dx-list-item-badge-container {
    display: table-cell;
    width: 20px;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.dx-list-item-badge {
    float: right;
    position: relative;
}

.dx-list-item-chevron-container {
    display: table-cell;
    width: 15px;
    vertical-align: middle;
}

.dx-list-item-icon-container {
    display: inline-block;
}

.dx-list-item-chevron {
    height: 8px;
    width: 8px;
    margin-left: -6px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-width: 2px 0 0 2px;
    border-style: solid;
    opacity: .3;
}

.dx-rtl .dx-list-item-chevron {
    margin-left: auto;
    margin-right: -6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.dx-list-item-response-wait {
    opacity: 0.5;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.dx-list-slide-menu-content {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.dx-list-item-before-bag,
.dx-list-item-after-bag {
    display: table-cell;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

    .dx-list-item-before-bag .dx-list-toggle-delete-switch {
        display: block;
        float: left;
        padding: 3px 0;
    }

    .dx-list-item-before-bag .dx-icon-toggle-delete {
        -webkit-transition: all .1s linear;
        transition: all .1s linear;
    }

    .dx-list-item-before-bag .dx-list-select-checkbox {
        float: left;
        -webkit-transition: all .1s linear;
        transition: all .1s linear;
    }

.dx-list-select-all {
    white-space: nowrap;
}

.dx-list-select-all-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-list-item-after-bag .dx-list-reorder-handle {
    cursor: move;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    background-position: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle {
    cursor: default;
}

.dx-list-switchable-menu-shield-positioning {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.dx-device-android-4 .dx-list-switchable-menu-shield-positioning {
    -webkit-transform: none;
    transform: none;
}

.dx-list-switchable-delete-top-shield,
.dx-list-switchable-delete-bottom-shield {
    position: absolute;
    right: 0;
    left: 0;
    cursor: pointer;
}

.dx-list-switchable-delete-top-shield {
    top: 0;
}

.dx-list-switchable-delete-bottom-shield {
    bottom: 0;
}

.dx-list-switchable-delete-item-content-shield {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dx-list-switchable-delete-button-container {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.dx-list-switchable-delete-button-wrapper {
    display: table;
    height: 100%;
}

.dx-list-switchable-delete-button-inner-wrapper {
    display: table-cell;
    padding-left: 1px;
    height: 100%;
    vertical-align: middle;
}

.dx-list-switchable-menu-item-shield-positioning {
    position: relative;
}

    .dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content {
        position: relative;
    }

    .dx-list-switchable-menu-item-shield-positioning .dx-list-item-content {
        position: relative;
    }

.dx-list-switchable-delete-ready .dx-icon-toggle-delete {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dx-list-slide-menu-buttons-container {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.dx-device-ios .dx-list-slide-menu-buttons-container {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.dx-list-slide-menu-buttons {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    display: table;
    height: 100%;
}

.dx-list-slide-menu-button {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
}

.dx-list-static-delete-button {
    padding: 0 5px;
}

    .dx-list-static-delete-button .dx-button-content {
        overflow: visible;
    }

.dx-list-item-reordering {
    opacity: 0;
}

.dx-list-next-button {
    padding: 5px;
    text-align: center;
}

    .dx-list-next-button .dx-button {
        padding: 0 3em;
    }

.dx-state-disabled.dx-list-item,
.dx-state-disabled .dx-list-item {
    cursor: default;
}

.dx-state-disabled .dx-list-toggle-delete-switch,
.dx-state-disabled .dx-list-switchable-delete-button {
    cursor: default;
}

.dx-list-context-menuitem {
    cursor: pointer;
}

.dx-list-search {
    margin-bottom: 5px;
}

.dx-rtl .dx-list .dx-list-item-badge-container,
.dx-rtl.dx-list .dx-list-item-badge-container {
    padding-left: 10px;
    padding-right: 0;
}

.dx-rtl .dx-list .dx-list-item-badge,
.dx-rtl.dx-list .dx-list-item-badge {
    float: left;
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch {
    float: right;
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox {
    float: right;
}

.dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
.dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
    padding-right: 1px;
    padding-left: 0;
}

.dx-rtl .dx-list .dx-list-slide-item-delete-button-container,
.dx-rtl.dx-list .dx-list-slide-item-delete-button-container {
    right: 100%;
    left: 0;
}

.dx-rtl .dx-list .dx-list-slide-item-delete-button,
.dx-rtl.dx-list .dx-list-slide-item-delete-button {
    right: auto;
    left: 0;
}

.dx-rtl .dx-list .dx-list-group-header:before,
.dx-rtl.dx-list .dx-list-group-header:before {
    float: left;
}

.dx-dropdownlist-popup-wrapper .dx-list {
    min-height: 35px;
}

    .dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content {
        margin: 0;
    }

.dx-textarea .dx-texteditor-input {
    resize: none;
    font-family: inherit;
    display: block;
    overflow: auto;
    white-space: pre-wrap;
}

.dx-textarea .dx-placeholder {
    height: auto;
}

    .dx-textarea .dx-placeholder:before {
        white-space: normal;
    }

.dx-numberbox {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-numberbox input[type=number] {
        -moz-appearance: textfield;
    }

        .dx-numberbox input[type=number]::-webkit-outer-spin-button,
        .dx-numberbox input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

.dx-numberbox-spin .dx-texteditor-input {
    padding-right: 28px;
}

.dx-numberbox-spin-container {
    float: right;
    width: 22px;
    height: 100%;
}

.dx-numberbox-spin-down,
.dx-numberbox-spin-up {
    position: relative;
    width: 100%;
    height: 50%;
    cursor: pointer;
}

.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
    padding-right: 70px;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
    width: 64px;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down,
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up {
    width: 50%;
    height: 100%;
    display: inline-block;
}

.dx-numberbox-spin-up-icon,
.dx-numberbox-spin-down-icon {
    width: 100%;
    height: 100%;
}

.dx-state-disabled .dx-numberbox-spin-container {
    opacity: .2;
}

.dx-rtl .dx-numberbox-spin-container {
    float: left;
    right: auto;
    left: 0;
}

.dx-rtl .dx-numberbox-spin .dx-texteditor-input,
.dx-rtl.dx-numberbox-spin .dx-texteditor-input {
    padding-left: 28px;
}

.dx-rtl.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
    padding-left: 70px;
}

.dx-texteditor input[type=date]::-webkit-inner-spin-button {
    height: 20px;
}

.dx-datebox-native .dx-texteditor-buttons-container {
    pointer-events: none;
}

.dx-datebox {
    max-width: 100%;
}

    .dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit {
        color: transparent;
    }

    .dx-datebox.dx-texteditor-empty.dx-state-focused .dx-placeholder {
        display: none;
    }

    .dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit {
        color: inherit;
    }

.dx-datebox-wrapper .dx-popup-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.dx-rtl .dx-texteditor-input {
    text-align: right;
}

.dx-datebox-button-cell .dx-button {
    min-width: 90px;
}

    .dx-datebox-button-cell .dx-button.dx-datebox-apply-button {
        margin-right: 10px;
        margin-left: 0;
    }

    .dx-datebox-button-cell .dx-button.dx-datebox-cancel-button {
        margin-right: 0;
        margin-left: 0;
    }

.dx-datebox-buttons-container {
    text-align: right;
    width: 100%;
}

.dx-colorview-container-cell {
    float: left;
}

.dx-dateview-item {
    margin: 0;
}

.dx-dateview-rollers {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-dateviewroller {
    position: relative;
    vertical-align: top;
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.dx-dateview-item-selected-frame:before,
.dx-dateview-item-selected-frame:after {
    pointer-events: none;
}

.dx-dateview-item-selected-border {
    display: none;
}

.dx-dateviewroller-month .dx-dateview-value-formatter,
.dx-dateviewroller-day .dx-dateview-name-formatter {
    display: none;
}

.dx-toolbar {
    width: 100%;
}

    .dx-toolbar .dx-button-content:after {
        display: none;
    }

    .dx-toolbar .dx-button .dx-icon {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

.dx-toolbar-items-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.dx-toolbar-item {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-toolbar-item .dx-tabs {
        table-layout: auto;
    }

    .dx-toolbar-item img {
        display: block;
    }

.dx-toolbar-menu-container {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-toolbar-menu-container .dx-tabs {
        table-layout: auto;
    }

    .dx-toolbar-menu-container img {
        display: block;
    }

.dx-toolbar-group {
    float: left;
    margin: 0 10px;
}

.dx-toolbar-before,
.dx-toolbar-after {
    position: absolute;
}

.dx-toolbar-center:empty {
    display: none;
}

.dx-toolbar-before {
    left: 0;
}

.dx-toolbar-after {
    right: 0;
}

.dx-toolbar-label {
    white-space: nowrap;
    user-drag: none;
}

    .dx-toolbar-label .dx-toolbar-item-content > div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dx-toolbar-label > div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 -5px;
        padding: 0 5px;
    }

.dx-toolbar-center {
    margin: 0 auto;
    height: 100%;
    text-align: center;
}

.dx-toolbar-center,
.dx-toolbar-before,
.dx-toolbar-after {
    top: 0;
    display: table;
    height: 100%;
}

.dx-rtl .dx-toolbar-before {
    right: 0;
    left: auto;
}

.dx-rtl .dx-toolbar-after {
    right: auto;
    left: 0;
}

.dx-toolbar-menu-section:empty {
    display: none;
}

.dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button > .dx-list-item-content {
    padding: 0;
}

.dx-toolbar-menu-section.dx-toolbar-menu-last-section {
    border-bottom: none;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
    border: none;
    background: none;
    margin: 0;
    width: 100%;
    text-align: left;
    padding: 10px;
}

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-text {
        line-height: normal;
    }

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content {
        text-align: left;
    }

.dx-toolbar-text-auto-hide .dx-button .dx-button-text {
    display: none;
}

.dx-toolbar .dx-texteditor {
    width: 150px;
}

.dx-toolbar-item-invisible {
    display: none;
}

.dx-tileview div.dx-scrollable-container {
    overflow-y: hidden;
}

.dx-tile {
    position: absolute;
    text-align: center;
}

    .dx-tile.dx-state-active {
        -webkit-transform: scale(0.96);
        transform: scale(0.96);
        -webkit-transition: -webkit-transform 100ms linear;
        transition: -webkit-transform 100ms linear;
        transition: transform 100ms linear;
        transition: transform 100ms linear, -webkit-transform 100ms linear;
    }

.dx-tile-content {
    padding: 0;
    width: 100%;
    height: 100%;
}

.dx-tileview-wrapper {
    position: relative;
    height: 1px;
}

.dx-device-ios-6 .dx-tile {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-overlay-wrapper {
    top: 0;
    left: 0;
    z-index: 1000;
}

    .dx-overlay-wrapper,
    .dx-overlay-wrapper *,
    .dx-overlay-wrapper:before,
    .dx-overlay-wrapper:after,
    .dx-overlay-wrapper *:before,
    .dx-overlay-wrapper *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.dx-overlay-modal {
    width: 100%;
    height: 100%;
}

.dx-overlay-shader {
    background-color: rgba(128, 128, 128, 0.5);
}

.dx-overlay-content {
    position: absolute;
    z-index: 1000;
    outline: 0;
    overflow: hidden;
}

    .dx-overlay-content > .dx-template-wrapper {
        height: 100%;
        width: 100%;
    }

.dx-device-android .dx-overlay-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-device-android .dx-scrollable-native .dx-overlay-content {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.dx-toast-content {
    display: inline-block;
    padding: 10px;
    vertical-align: middle;
}

.dx-toast-icon {
    display: table-cell;
    background-size: contain;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    vertical-align: middle;
    background-position: left center;
    background-repeat: no-repeat;
}

.dx-toast-message {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.dx-toast-info {
    background-color: #80b9e4;
}

.dx-toast-warning {
    background-color: #ffb277;
}

.dx-toast-error {
    background-color: #ff7777;
}

.dx-toast-success {
    background-color: #6ec881;
}

.dx-rtl .dx-toast-message {
    padding-left: 0;
    padding-right: 10px;
}

.dx-popup-title {
    padding: 10px;
    min-height: 19px;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    white-space: normal;
}

.dx-popup-draggable .dx-popup-title {
    cursor: move;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.dx-overlay-content > .dx-template-wrapper.dx-popup-title {
    height: auto;
    width: auto;
}

.dx-overlay-content .dx-popup-content > .dx-template-wrapper {
    height: 100%;
    width: 100%;
}

.dx-overlay-content .dx-popup-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-popup-content {
    padding: 10px;
    user-drag: none;
}

    .dx-popup-content.dx-dialog-content {
        padding: 0;
    }

    .dx-popup-content > .dx-treeview,
    .dx-popup-content > .dx-scrollable,
    .dx-popup-content > .dx-treeview > .dx-scrollable {
        max-height: inherit;
        min-height: inherit;
    }

        .dx-popup-content > .dx-treeview > .dx-scrollable-wrapper,
        .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper,
        .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper,
        .dx-popup-content > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
        .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
        .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
            max-height: inherit;
            min-height: inherit;
        }

.dx-dialog-root .dx-overlay-shader {
    background-color: #444;
}

.dx-dialog-message {
    padding: 10px 10px 5px 10px;
}

.dx-popover-wrapper .dx-popover-arrow:after {
    width: 14.14227125px;
    height: 14.14227125px;
}

.dx-popover-wrapper.dx-position-top .dx-popover-arrow,
.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow {
    width: 20px;
    height: 10px;
}

.dx-popover-wrapper.dx-position-right .dx-popover-arrow,
.dx-popover-wrapper.dx-position-left .dx-popover-arrow {
    width: 10px;
    height: 20px;
}

.dx-popover-arrow {
    position: absolute;
    z-index: 2000;
    overflow: hidden;
}

    .dx-popover-arrow:after {
        position: absolute;
        display: block;
        overflow: hidden;
        content: " ";
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.dx-popover-wrapper.dx-position-top .dx-popover-arrow:after {
    top: 0;
    left: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
    right: 0;
    bottom: 0;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.dx-popover-wrapper.dx-position-left .dx-popover-arrow:after {
    bottom: 0;
    left: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.dx-popover-wrapper.dx-position-right .dx-popover-arrow:after {
    top: 0;
    right: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.dx-popover-wrapper .dx-overlay-content {
    overflow: visible;
}

.dx-popover-wrapper .dx-popup-content {
    overflow: hidden;
}

.dx-device-ios {
}

    .dx-device-ios .dx-popover-arrow:after {
        -webkit-transform: rotate(-45deg) translateZ(0);
    }

.dx-progressbar .dx-position-left .dx-progressbar-range-container,
.dx-progressbar .dx-position-right .dx-progressbar-range-container,
.dx-progressbar .dx-position-left .dx-progressbar-status,
.dx-progressbar .dx-position-right .dx-progressbar-status {
    display: table-cell;
    vertical-align: middle;
}

.dx-progressbar .dx-position-top-left .dx-progressbar-range-container,
.dx-progressbar .dx-position-bottom-left .dx-progressbar-range-container,
.dx-progressbar .dx-position-top-left .dx-progressbar-status,
.dx-progressbar .dx-position-bottom-left .dx-progressbar-status {
    float: left;
}

.dx-progressbar .dx-position-top-right .dx-progressbar-range-container,
.dx-progressbar .dx-position-bottom-right .dx-progressbar-range-container,
.dx-progressbar .dx-position-top-right .dx-progressbar-status,
.dx-progressbar .dx-position-bottom-right .dx-progressbar-status {
    float: right;
}

.dx-progressbar .dx-position-top-center .dx-progressbar-status,
.dx-progressbar .dx-position-bottom-center .dx-progressbar-status {
    text-align: center;
}

.dx-progressbar .dx-position-left .dx-progressbar-status {
    padding-right: 8px;
}

.dx-progressbar .dx-position-right .dx-progressbar-status {
    padding-left: 8px;
}

.dx-progressbar:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}

.dx-progressbar-range-container {
    width: 100%;
}

.dx-progressbar-container {
    position: relative;
    width: 100%;
}

.dx-progressbar-wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    direction: ltr;
}

.dx-progressbar-range {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    user-drag: none;
}

.dx-progressbar-status {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 20px;
    font-size: 12px;
}

.dx-progressbar-animating-segment {
    display: none;
}

.dx-progressbar-animating-container {
    width: 100%;
}

.dx-rtl.dx-progressbar .dx-progressbar-wrapper,
.dx-rtl .dx-progressbar .dx-progressbar-wrapper {
    direction: rtl;
}

.dx-tooltip-wrapper .dx-overlay-content {
    min-width: 34px;
    min-height: 26px;
    text-align: center;
    line-height: 0;
}

    .dx-tooltip-wrapper .dx-overlay-content:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

    .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
        display: inline-block;
        padding: 12px 17px;
        font-size: .85em;
        line-height: normal;
        white-space: nowrap;
    }

.dx-slider-label {
    position: absolute;
    font-size: .85em;
}

    .dx-slider-label:last-child {
        right: 0;
        left: auto;
    }

.dx-rtl .dx-slider-label:last-child {
    left: 0;
    right: auto;
}

.dx-slider-label-position-bottom {
    padding-bottom: 14px;
}

    .dx-slider-label-position-bottom .dx-slider-label {
        bottom: -8px;
    }

.dx-slider-label-position-top {
    padding-top: 14px;
}

    .dx-slider-label-position-top .dx-slider-label {
        top: -8px;
    }

.dx-slider {
    line-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-slider:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

    .dx-slider .dx-overlay-content {
        height: 28px;
    }

        .dx-slider .dx-overlay-content:before {
            display: none;
        }

    .dx-slider .dx-popover-wrapper .dx-popover-arrow:after {
        width: 9.89958987px;
        height: 9.89958987px;
    }

    .dx-slider .dx-popover-wrapper.dx-position-top .dx-popover-arrow,
    .dx-slider .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow {
        width: 14px;
        height: 7px;
    }

    .dx-slider .dx-popover-wrapper.dx-position-right .dx-popover-arrow,
    .dx-slider .dx-popover-wrapper.dx-position-left .dx-popover-arrow {
        width: 7px;
        height: 14px;
    }

.dx-slider-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    cursor: pointer;
}

.dx-slider-bar {
    position: relative;
}

.dx-slider-range {
    position: absolute;
    top: 0;
    height: 100%;
    pointer-events: none;
    user-drag: none;
}

.dx-slider-handle {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: auto;
    user-drag: none;
}

    .dx-slider-handle .dx-tooltip-wrapper .dx-popup-content {
        line-height: 0;
    }

.dx-state-disabled .dx-slider-wrapper {
    cursor: default;
}

.dx-rtl .dx-slider-handle {
    right: auto;
    left: 0;
}

.dx-slider-tooltip-on-hover .dx-tooltip {
    visibility: hidden;
}

.dx-slider-tooltip-on-hover.dx-state-active .dx-tooltip,
.dx-slider-tooltip-on-hover.dx-state-hover .dx-tooltip {
    visibility: visible;
}

.dx-rangeslider-start-handle {
    top: 0;
    right: auto;
    left: 0;
}

.dx-rtl .dx-rangeslider-start-handle {
    right: 0;
    left: auto;
}

.dx-gallery {
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pinch-zoom pan-y;
    touch-action: pinch-zoom pan-y;
}

.dx-gallery-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

    .dx-gallery-wrapper > .dx-empty-message {
        text-align: center;
        position: absolute;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.dx-gallery-container {
    position: relative;
    height: 100%;
}

.dx-gallery-item {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
}

.dx-gallery-item-image {
    max-width: 100%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: auto;
    margin: auto;
}

.dx-gallery-item-content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dx-gallery .dx-gallery-item-loop {
    display: none;
}

.dx-gallery-loop .dx-gallery-item-loop {
    display: inline-block;
    position: absolute;
}

.dx-gallery-item-invisible {
    visibility: hidden;
}

.dx-gallery-nav-button-prev,
.dx-gallery-nav-button-next {
    position: absolute;
    top: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    background-size: 100% 100%;
}

.dx-gallery-nav-button-prev {
    left: 0;
}

.dx-gallery-nav-button-next {
    right: 0;
}

.dx-gallery-indicator {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 10px;
    font-size: 0;
}

.dx-gallery-indicator-item {
    display: inline-block;
    margin: 0 2px;
    height: 10px;
    cursor: pointer;
}

.dx-state-disabled .dx-gallery-nav-button-prev,
.dx-state-disabled .dx-gallery-nav-button-next,
.dx-state-disabled .dx-gallery-indicator-item {
    cursor: default;
}

.dx-rtl .dx-gallery-nav-button-prev {
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-gallery-nav-button-next {
    right: auto;
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-device-android .dx-scrollable-native .dx-gallery-item,
.dx-device-android .dx-scrollable-native .dx-gallery-indicator,
.dx-device-android .dx-scrollable-native .dx-gallery-nav-button-prev,
.dx-device-android .dx-scrollable-native .dx-gallery-nav-button-next {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-item,
.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-indicator,
.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-prev,
.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-next {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-device-android .dx-gallery-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-device-ios-6 {
}

    .dx-device-ios-6 .dx-gallery,
    .dx-device-ios-6 .dx-gallery-item,
    .dx-device-ios-6 .dx-gallery-indicator,
    .dx-device-ios-6 .dx-gallery-nav-button-prev,
    .dx-device-ios-6 .dx-gallery-nav-button-next {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.dx-lookup {
    margin: 0;
    height: 19px;
}

    .dx-lookup .dx-popup-content .dx-scrollable {
        height: calc(100% - 45px);
    }

    .dx-lookup .dx-lookup-field-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .dx-lookup:not(.dx-rtl) .dx-lookup-field-wrapper:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

    .dx-lookup .dx-rtl .dx-lookup-field-wrapper:after {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

.dx-lookup-field {
    outline: none;
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .dx-lookup-field:before {
        content: ".";
        color: transparent;
        display: inline-block;
        width: 0;
        float: left;
    }

.dx-lookup-arrow {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    height: 100%;
}

.dx-rtl .dx-lookup-arrow {
    right: auto;
    left: 0;
}

.dx-state-disabled .dx-lookup-field,
.dx-state-disabled .dx-lookup-field {
    cursor: default;
}

.dx-lookup-popup-wrapper .dx-list-item {
    cursor: pointer;
}

.dx-lookup-popup-search .dx-list {
    height: 90%;
}

.dx-lookup-search-wrapper {
    width: 100%;
}

.dx-popup-content .dx-lookup-validation-message {
    display: none;
}

.dx-popup-content.dx-lookup-invalid .dx-lookup-validation-message {
    display: block;
}

.dx-actionsheet-popup-wrapper .dx-overlay-content {
    padding-top: 0;
    padding-bottom: 0;
    user-drag: none;
}

.dx-actionsheet-popup-wrapper .dx-popup-content .dx-button,
.dx-actionsheet-popover-wrapper .dx-popup-content .dx-button {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.dx-actionsheet-item,
.dx-actionsheet-cancel {
    width: 100%;
}

.dx-state-disabled .dx-actionsheet-container .dx-button,
.dx-state-disabled .dx-actionsheet-container .dx-button {
    cursor: default;
}

.dx-actionsheet-popup-wrapper .dx-popup-title,
.dx-actionsheet-popover-wrapper .dx-popup-title {
    word-wrap: break-word;
}

.dx-loadindicator {
    width: 32px;
    height: 32px;
    display: inline-block;
    overflow: hidden;
    border: none;
    background-color: transparent;
}

.dx-loadindicator-wrapper {
    width: 100%;
    height: 100%;
    font-size: 32px;
    margin: auto;
}

.dx-loadindicator-image {
    background-size: contain;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.dx-loadindicator-icon {
    direction: ltr;
}

.dx-loadindicator-icon-custom {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear;
    animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear;
}

@-webkit-keyframes dx-loadindicator-icon-custom-rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes dx-loadindicator-icon-custom-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.dx-loadindicator-container > .dx-loadindicator {
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -16px;
    margin-left: -16px;
}

    .dx-loadindicator-container > .dx-loadindicator.dx-loadindicator {
        margin-top: -16px;
        margin-left: -16px;
    }

.dx-loadindicator-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.dx-loadpanel-content {
    padding: 10px;
    border: 1px solid #ccc;
    background: #fefefe;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    user-drag: none;
    border-radius: 5px;
}

    .dx-loadpanel-content:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

.dx-loadpanel-content-wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.dx-loadpanel-message {
    text-align: center;
}

.dx-loadpanel-content.dx-loadpanel-pane-hidden {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
}

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
    min-height: 40px;
    min-width: 100px;
}

    .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item {
        display: block;
    }

        .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-of-type {
            border-bottom: none;
        }

    .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item-content {
        display: block;
    }

.dx-overlay-wrapper.dx-dropdownmenu-popup .dx-popover-arrow {
    width: 0;
    height: 0;
}

.dx-dropdownmenu-popup-wrapper .dx-list-item {
    display: block;
}

.dx-selectbox {
    cursor: pointer;
}

    .dx-selectbox .dx-texteditor-input {
        max-width: 100%;
    }

        .dx-selectbox .dx-texteditor-input:-moz-read-only {
            cursor: pointer;
        }

        .dx-selectbox .dx-texteditor-input:read-only {
            cursor: pointer;
        }

.dx-selectbox-container {
    position: relative;
}

.dx-state-disabled .dx-selectbox .dx-texteditor-input,
.dx-state-disabled.dx-selectbox .dx-texteditor-input {
    cursor: default;
}

.dx-tagbox .dx-texteditor-input {
    width: auto;
}

.dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input {
    border: none;
    color: transparent;
    text-shadow: 0 0 0 gray;
    min-width: 0;
    width: 0.1px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

    .dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input:focus {
        outline: none;
    }

.dx-tagbox.dx-state-disabled .dx-texteditor-input {
    background: none;
}

.dx-tagbox.dx-state-disabled .dx-tag-content {
    cursor: default;
}

.dx-tag {
    max-width: calc(99%);
    display: inline-block;
}

.dx-tag-container {
    padding: 0;
    padding-right: 4px;
    outline: none;
}

.dx-texteditor-container.dx-tag-container {
    white-space: normal;
}

.dx-tagbox-single-line .dx-tag-container {
    overflow-x: hidden;
    white-space: nowrap;
    position: static;
}

.dx-tag-content {
    position: relative;
    display: inline-block;
    margin: 4px 0 0 4px;
    min-width: 30px;
    text-align: center;
    cursor: pointer;
}

    .dx-tag-content:before {
        content: ".";
        color: transparent;
        display: inline-block;
        width: 0;
    }

.dx-tag-remove-button {
    position: absolute;
    top: 0;
    right: 0;
}

    .dx-tag-remove-button:before,
    .dx-tag-remove-button:after {
        position: absolute;
        top: 50%;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.dx-rtl .dx-tagbox .dx-tag-content,
.dx-tagbox.dx-rtl .dx-tag-content {
    margin-left: 0;
    margin-right: 4px;
}

.dx-rtl .dx-tagbox .dx-tag-remove-button,
.dx-tagbox.dx-rtl .dx-tag-remove-button {
    right: auto;
    left: 0;
}

.dx-rtl .dx-tagbox .dx-tag-container,
.dx-tagbox.dx-rtl .dx-tag-container {
    padding-left: 4px;
    padding-right: 0;
}

.dx-radiobutton {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.dx-state-disabled.dx-radiobutton {
    cursor: default;
}

.dx-radiobutton {
    display: table;
    cursor: pointer;
}

.dx-radio-value-container {
    display: table-cell;
    padding-right: 10px;
    padding-left: 5px;
    vertical-align: middle;
}

.dx-rtl .dx-radio-value-container,
.dx-rtl.dx-radio-value-container {
    padding-right: 5px;
    padding-left: 10px;
}

.dx-radiogroup-horizontal:before,
.dx-radiogroup-horizontal:after {
    display: table;
    content: "";
    line-height: 0;
}

.dx-radiogroup-horizontal:after {
    clear: both;
}

.dx-radiogroup-horizontal .dx-radiobutton {
    float: left;
}

.dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
.dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
    float: right;
}

.dx-radiogroup-horizontal .dx-radiobutton:last-of-type {
    margin-right: 0;
}

.dx-state-disabled .dx-radiobutton {
    cursor: default;
}

.dx-pivottabs {
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.dx-pivottabs-tab,
.dx-pivottabs-ghosttab {
    position: absolute;
    left: 0;
    cursor: pointer;
}

.dx-pivot {
    height: 100%;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.dx-pivot-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.dx-pivot-itemcontainer {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.dx-pivot-itemwrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}

.dx-pivot-item,
.dx-pivot-item-content {
    width: 100%;
    height: 100%;
}

.dx-pivot-item-hidden {
    display: none;
}

.dx-pivot-autoheight .dx-pivot-itemcontainer {
    position: static;
}

.dx-pivot-autoheight .dx-pivot-itemwrapper {
    position: static;
}

.dx-panorama {
    height: 100%;
    background-position-y: 0;
    background-repeat: repeat-x;
    background-size: auto 75%;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.dx-panorama-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.dx-panorama-title,
.dx-panorama-ghosttitle {
    position: absolute;
    left: 0;
    height: 70px;
    font-size: 65px;
    line-height: 0.7692;
    white-space: nowrap;
}

.dx-panorama-itemscontainer {
    position: absolute;
    width: 100%;
    top: 70px;
    bottom: 0;
}

.dx-panorama-item,
.dx-panorama-ghostitem {
    position: absolute;
    width: 88%;
    height: 100%;
    left: 0;
}

.dx-panorama-item-title {
    font-size: 30px;
    line-height: 1.5;
}

.dx-panorama-item-content {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
}

    .dx-panorama-item-content:first-child {
        top: 0;
    }

.dx-accordion-item-title {
    font-size: 18px;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-accordion-item-title .dx-icon {
        width: 16px;
        height: 16px;
        background-size: contain;
        display: inline-block;
        margin-right: 5px;
    }

    .dx-accordion-item-title:before {
        content: '';
        background-position: center;
        float: right;
    }

.dx-accordion-item-body {
    overflow: hidden;
    font-size: 14px;
}

.dx-accordion-item-closed .dx-accordion-item-body {
    visibility: hidden;
}

.dx-accordion-item {
    overflow: hidden;
}

.dx-accordion-item-opened .dx-accordion-item-body {
    visibility: visible;
}

.dx-state-disabled .dx-accordion-item-title {
    cursor: default;
}

.dx-rtl .dx-accordion-item-title:before {
    float: left;
}

.dx-slideoutview {
    height: 100%;
    width: 100%;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.dx-slideoutview-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.dx-slideoutview-menu-content {
    position: absolute;
    top: 0px;
    bottom: 0px;
}

    .dx-slideoutview-menu-content.dx-slideoutview-right {
        right: 0px;
    }

    .dx-slideoutview-menu-content.dx-slideoutview-left {
        left: 0px;
    }

.dx-slideoutview-content {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 100;
}

.dx-slideoutview-shield {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.dx-device-android .dx-slideoutview-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-slideout {
    height: 100%;
    width: 100%;
}

.dx-slideout-menu {
    min-width: 280px;
    max-width: 350px;
}

    .dx-slideout-menu .dx-list-item .dx-icon {
        float: left;
        margin-right: 15px;
        width: 24px;
        height: 24px;
        background-size: 100% 100%;
    }

.dx-slideout-item,
.dx-slideout-item-content {
    height: 100%;
    width: 100%;
}

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon {
    float: right;
    margin-right: 0;
    margin-left: 15px;
}

.dx-pager {
    overflow: hidden;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-pager .dx-pages {
        float: right;
    }

        .dx-pager .dx-pages .dx-page {
            display: inline-block;
            cursor: pointer;
            padding: 7px 8px 8px;
            margin-left: 5px;
            margin-right: 1px;
        }

            .dx-pager .dx-pages .dx-page:first-child {
                margin-left: 1px;
            }

        .dx-pager .dx-pages .dx-separator {
            display: inline-block;
            padding-left: 8px;
            padding-right: 8px;
        }

        .dx-pager .dx-pages .dx-info {
            display: inline-block;
            margin-right: 9px;
            opacity: .6;
        }

        .dx-pager .dx-pages .dx-navigate-button {
            width: 10px;
            height: 20px;
            cursor: pointer;
            display: inline-block;
            vertical-align: top;
            padding: 7px 13px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

            .dx-pager .dx-pages .dx-navigate-button.dx-button-disable {
                opacity: .3;
                cursor: inherit;
            }

        .dx-pager .dx-pages .dx-prev-button,
        .dx-pager .dx-pages .dx-next-button {
            position: relative;
        }

    .dx-pager .dx-page-sizes {
        float: left;
    }

        .dx-pager .dx-page-sizes .dx-page-size {
            display: inline-block;
            cursor: pointer;
            padding-left: 10px;
            padding-right: 9px;
            padding-top: 7px;
            padding-bottom: 8px;
            margin-left: 4px;
            margin-right: 1px;
        }

            .dx-pager .dx-page-sizes .dx-page-size:first-child {
                margin-left: 1px;
            }

        .dx-pager .dx-pages .dx-selection,
        .dx-pager .dx-page-sizes .dx-selection {
            cursor: inherit;
            text-shadow: none;
        }

    .dx-pager .dx-light-pages {
        display: inline-block;
    }

        .dx-pager .dx-light-pages .dx-page-index {
            width: 40px;
        }

        .dx-pager .dx-light-pages .dx-pages-count {
            cursor: pointer;
        }

        .dx-pager .dx-light-pages .dx-info-text,
        .dx-pager .dx-light-pages .dx-pages-count {
            padding-left: 6px;
        }

        .dx-pager .dx-light-pages .dx-page-index,
        .dx-pager .dx-light-pages .dx-info-text,
        .dx-pager .dx-light-pages .dx-pages-count {
            display: table-cell;
        }

    .dx-rtl .dx-pager .dx-pages,
    .dx-pager.dx-rtl .dx-pages {
        float: left;
        direction: ltr;
    }

        .dx-rtl .dx-pager .dx-pages .dx-page,
        .dx-pager.dx-rtl .dx-pages .dx-page {
            direction: ltr;
        }

        .dx-rtl .dx-pager .dx-pages .dx-info,
        .dx-pager.dx-rtl .dx-pages .dx-info {
            margin-left: 9px;
            margin-right: 0;
        }

    .dx-rtl .dx-pager .dx-page-sizes,
    .dx-pager.dx-rtl .dx-page-sizes {
        float: right;
    }

.dx-colorview-container {
    width: 450px;
    overflow: hidden;
}

    .dx-colorview-container label {
        display: block;
        overflow: hidden;
        line-height: 36px;
        font-weight: normal;
        margin: 0;
        white-space: normal;
    }

        .dx-colorview-container label.dx-colorview-label-hex {
            margin: 10px 0 0 0;
        }

        .dx-colorview-container label.dx-colorview-alpha-channel-label {
            margin-left: 43px;
            width: 115px;
        }

        .dx-colorview-container label .dx-texteditor {
            width: 69px;
            float: right;
            margin: 1px 1px 10px 0;
        }

    .dx-colorview-container .dx-button {
        margin-top: 0;
        margin-bottom: 0;
    }

        .dx-colorview-container .dx-button.dx-colorview-apply-button {
            margin-right: 10px;
            margin-left: 0;
        }

        .dx-colorview-container .dx-button.dx-colorview-cancel-button {
            margin-right: 0;
            margin-left: 0;
        }

.dx-colorview-container-row {
    overflow: hidden;
    padding-top: 1px;
}

    .dx-colorview-container-row:first-child {
        margin-top: 0;
    }

    .dx-colorview-container-row.dx-colorview-alpha-channel-row {
        margin-top: 10px;
    }

.dx-colorview-container-cell {
    float: left;
}

.dx-colorview-palette-handle {
    width: 28px;
    height: 28px;
    top: 0;
    left: 0;
    cursor: crosshair;
    border-radius: 100%;
    z-index: 5;
}

.dx-colorview-hue-scale-handle,
.dx-colorview-alpha-channel-handle {
    position: absolute;
    cursor: pointer;
}

.dx-colorview-hue-scale-handle {
    width: 36px;
    height: 17px;
    top: 0;
    left: -7px;
}

.dx-colorview-alpha-channel-handle {
    width: 17px;
    height: 36px;
    top: -6px;
    left: 0;
}

.dx-colorview-hue-scale {
    position: relative;
    width: 18px;
    height: 299px;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));
    background-image: linear-gradient(0deg, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.dx-colorview-color-preview-container-inner,
.dx-colorview-alpha-channel-wrapper,
.dx-colorbox-input-container::after {
    background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc);
    background-size: 16px 16px;
    background-position: 0 0, 8px 8px;
}

.dx-colorview-alpha-channel-wrapper {
    background-position: 0px 6px, 8px 14px;
}

.dx-colorbox-input-container {
    height: 100%;
}

.dx-colorview-palette-gradient-white {
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.dx-colorview-palette-gradient-black {
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.dx-colorview-palette {
    position: relative;
    overflow: hidden;
    width: 288px;
    height: 299px;
    cursor: crosshair;
}

.dx-colorview-palette-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dx-colorview-alpha-channel-scale {
    width: 288px;
    height: 20px;
    position: relative;
}

.dx-colorview-hue-scale-cell {
    margin-left: 19px;
    position: relative;
}

.dx-colorview-hue-scale-wrapper {
    height: 301px;
}

.dx-colorview-controls-container {
    position: relative;
    width: 90px;
    margin-left: 27px;
}

.dx-colorview-color-preview {
    width: 86px;
    height: 40px;
}

.dx-colorview-alpha-channel-cell {
    margin: 6px 0;
    position: relative;
    width: 292px;
}

    .dx-colorview-alpha-channel-cell .dx-button {
        width: 90px;
    }

.dx-rtl .dx-colorview-container-row .dx-colorview-container-cell {
    float: right;
}

.dx-rtl .dx-colorview-hue-scale-cell {
    margin-right: 19px;
    margin-left: 0;
}

.dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
    margin-right: 41px;
    margin-left: 0;
}

.dx-rtl .dx-colorview-container label .dx-texteditor {
    float: left;
}

.dx-rtl .dx-colorview-controls-container {
    margin-right: 25px;
    margin-left: 0;
}

.dx-rtl .dx-colorview-alpha-channel-scale {
    direction: ltr;
}

.dx-colorbox-input-container:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    left: 14px;
}

.dx-colorbox-input-container.dx-colorbox-color-is-not-defined:after {
    background: none;
}

.dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
    border: none;
}

.dx-colorbox-color-result-preview {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 17px;
    height: 17px;
    margin-top: -8.5px;
    left: 13px;
    border: 1px solid;
}

.dx-colorbox-input-container .dx-colorbox-input.dx-texteditor-input {
    -webkit-appearance: none;
    padding-left: 40px;
}

.dx-colorbox-overlay {
    padding: 20px;
}

    .dx-colorbox-overlay .dx-popup-content {
        overflow: hidden;
        padding: 0;
    }

    .dx-colorbox-overlay .dx-popup-bottom .dx-toolbar-item:first-child {
        padding-right: 10px;
    }

    .dx-colorbox-overlay .dx-colorview-buttons-container .dx-button {
        margin: 0;
    }

.dx-rtl .dx-colorbox .dx-placeholder,
.dx-rtl.dx-colorbox .dx-placeholder {
    right: 32px;
}

.dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input,
.dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input {
    direction: ltr;
    text-align: end;
    padding-right: 40px;
}

.dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview,
.dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview {
    left: auto;
    right: 13px;
}

.dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:after,
.dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:after {
    left: auto;
    right: 14px;
}

.dx-gridbase-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
}

    .dx-gridbase-container > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

.dx-datagrid-checkbox-size {
    vertical-align: middle;
}

.dx-datagrid-important-margin {
    margin-right: 5px !important;
}

.dx-datagrid-table {
    background-color: transparent;
}

.dx-datagrid .dx-datagrid-content-fixed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
}

    .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table {
        position: relative;
    }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td {
            pointer-events: auto;
        }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row td.dx-pointer-events-none {
            visibility: hidden;
            background-color: transparent;
            pointer-events: none;
            border-bottom-color: transparent;
        }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none {
            width: auto;
        }

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-top: 0;
}

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager {
    margin-top: 1px;
}

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-header-panel {
    border-bottom: 0;
}

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
    border-bottom-width: 0;
}

.dx-datagrid .dx-menu-subitem ul li {
    padding-top: 0;
}

    .dx-datagrid .dx-menu-subitem ul li:first-child {
        padding-top: 1px;
    }

.dx-datagrid .dx-menu-subitem .dx-menu-item {
    padding: 7px 30px 7px 5px;
}

    .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: left;
    }

@-webkit-keyframes dx-loadpanel-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dx-loadpanel-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.dx-datagrid .dx-link {
    text-decoration: underline;
    cursor: pointer;
}

.dx-datagrid .dx-column-indicators {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

    .dx-datagrid .dx-column-indicators.dx-visibility-hidden {
        visibility: hidden;
    }

    .dx-datagrid .dx-column-indicators .dx-sort.dx-sort,
    .dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,
    .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,
    .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter {
        display: inline-block;
    }

        .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter:after,
        .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter:after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: -7px;
        }

.dx-datagrid .dx-row > td,
.dx-datagrid .dx-row > tr > td {
    padding: 7px;
}

.dx-datagrid .dx-error-row {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

    .dx-datagrid .dx-error-row .dx-error-message {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

        .dx-datagrid .dx-error-row .dx-error-message a {
            color: inherit;
        }

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
    border-bottom: none;
    font-size: 16px;
}

    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
        font-size: 16px;
    }

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content {
    padding: 0px 20px 20px 20px;
}

    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        opacity: 0.5;
        margin-bottom: 10px;
        -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
    }

        .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-datagrid-drag-action {
            opacity: 1;
            cursor: pointer;
            -ms-touch-action: pinch-zoom;
            touch-action: pinch-zoom;
        }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
    padding: 0px;
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node {
    padding-left: 0px;
}

    .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-checkbox {
        left: 4px;
    }

.dx-datagrid-nowrap {
    white-space: nowrap;
}

    .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
        white-space: nowrap;
    }

.dx-datagrid-drag-header {
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    z-index: 10000;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-datagrid-drag-header.dx-drag-command-cell {
        padding: 0px;
    }

.dx-datagrid-columns-separator {
    position: absolute;
    z-index: 3;
    width: 3px;
}

.dx-datagrid-columns-separator-transparent {
    border-left: 0;
    border-right: 0;
}

.dx-datagrid-tracker {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    cursor: col-resize;
}

.dx-datagrid-table-content {
    position: absolute;
    top: 0;
}

.dx-datagrid-focus-overlay {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    visibility: hidden;
}

.dx-datagrid-action,
.dx-datagrid-drag-action {
    cursor: pointer;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link {
    color: inherit;
}

.dx-datagrid-content {
    position: relative;
}

.dx-datagrid-text-content {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dx-datagrid-table-fixed {
    table-layout: fixed;
    width: 100%;
}

.dx-hidden {
    display: none;
}

input.dx-hidden {
    display: inline-block !important;
    width: 0 !important;
}

.dx-hidden-cell {
    visibility: hidden;
}

.dx-row > td,
.dx-row > tr > td {
    border: none;
}

.dx-datagrid-content .dx-datagrid-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    max-width: 10px;
}

    .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
        max-width: none;
    }

        .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
            display: none;
        }

    .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators {
        float: none !important;
    }

        .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators > span {
            width: 14px;
        }

        .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
            display: inline-block;
        }

    .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-header-row .dx-datagrid-text-content {
        max-width: none;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators {
        float: none !important;
    }

        .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators > span {
            width: 14px;
        }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-datagrid-content .dx-datagrid-table [class*="column"] + [class*="column"]:last-child {
        float: none;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row > td,
    .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
        vertical-align: top;
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child,
        .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child {
            border-left: 0px;
        }

        .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space,
        .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space {
            border-right: none;
            vertical-align: top;
        }

            .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td,
            .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space + td {
                border-left: none;
            }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container {
        overflow: hidden;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-cell-modified:not(.dx-field-item-content),
    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid:not(.dx-field-item-content) {
        padding: 0;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay {
        position: static;
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay .dx-overlay-content {
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
        max-width: 0;
        padding: 0;
        vertical-align: middle;
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor,
        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
            border: 0;
            margin: 0;
        }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-dropdowneditor {
            margin-left: -1px;
            padding-left: 1px;
        }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
        padding: 0;
        width: 70px;
        min-width: 70px;
        max-width: 70px;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
        width: 100px;
        min-width: 100px;
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
            width: 80px;
            min-width: 80px;
        }

            .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
                text-decoration: none;
            }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
        padding: 0;
        width: 30px;
        min-width: 30px;
        max-width: 30px;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-filter-range-content {
        padding: 7px 7px 7px 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-last-data-cell {
        border-right: none;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-command-adaptive-hidden {
        border-left: none;
    }

.dx-highlight-outline {
    position: relative;
    padding: 7px;
}

    .dx-highlight-outline::after {
        content: '';
        position: absolute;
        border: 2px solid transparent;
        top: 0;
        left: 1px;
        bottom: 0;
        right: 0;
        pointer-events: none;
    }

    .dx-highlight-outline.dx-hidden {
        display: block !important;
    }

        .dx-highlight-outline.dx-hidden::after {
            display: none;
        }

.dx-editor-cell .dx-texteditor-input {
    margin: 0;
}

.dx-editor-cell .dx-highlight-outline {
    padding: 0;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    display: inline-block;
    content: '\200B';
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-row .dx-numberbox.dx-show-clear-button .dx-texteditor-input,
.dx-row .dx-textbox.dx-show-clear-button .dx-texteditor-input {
    padding-right: 32px;
}

.dx-column-lines .dx-highlight-outline::after {
    left: 0;
}

.dx-datagrid-headers {
    position: relative;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline-block;
}

.dx-header-row > td {
    white-space: nowrap;
    overflow: hidden;
}

    .dx-header-row > td > .dx-datagrid-text-content {
        white-space: normal;
        vertical-align: top;
    }

.dx-header-row .dx-text-content-alignment-left,
.dx-header-row .dx-text-content-alignment-right {
    display: inline-block;
    max-width: 100%;
}

.dx-header-row .dx-sort-indicator,
.dx-header-row .dx-header-filter-indicator {
    max-width: calc(100% - 17px);
}

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
        max-width: calc(100% - 34px);
    }

    .dx-header-row .dx-sort-indicator.dx-header-filter-indicator {
        max-width: calc(100% - 31px);
    }

        .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
            max-width: calc(100% - 62px);
        }

.dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor {
    border-width: 0px;
}

    .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after {
        content: " ";
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
        z-index: 1;
        pointer-events: none;
    }

.dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end {
    border-top: 1px solid transparent;
}

.dx-datagrid-filter-range-overlay .dx-editor-container.dx-highlight-outline {
    padding: 0px;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-menu {
    display: none;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu {
    position: relative;
}

    .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
        display: block;
    }

    .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
    .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before {
        padding-left: 32px;
    }

.dx-datagrid-filter-row .dx-highlight-outline::after {
    pointer-events: none;
}

.dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after {
    border-color: transparent;
}

.dx-datagrid-filter-row .dx-menu {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    margin-left: -2px;
    margin-top: -2px;
    height: 100%;
    overflow: visible;
}

    .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal {
        height: 100%;
    }

        .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text,
        .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout {
            display: none;
        }

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 100%;
    height: 102%;
    content: '';
}

.dx-datagrid-filter-row > td:first-child .dx-menu,
.dx-datagrid-filter-row > .dx-first-cell .dx-menu {
    margin-left: 0px;
}

.dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
    padding: 5px;
    padding-right: 30px;
}

.dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
    padding: 8px 5px 7px 5px;
}

    .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
        padding: 9px 6px 8px 6px;
    }

.dx-datagrid-filter-row .dx-menu-caption {
    padding-left: 6px;
}

.dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
    display: none;
}

.dx-datagrid-filter-row .dx-menu-item-highlight {
    font-weight: normal;
}

.dx-datagrid-scroll-container {
    overflow: hidden;
    width: 100%;
}

.dx-datagrid-header-panel {
    text-align: left;
}

    .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
        margin-left: 10px;
    }

.dx-state-disabled {
    cursor: pointer;
}

    .dx-state-disabled .dx-menu-item {
        cursor: default;
    }

.dx-datagrid-search-panel {
    margin: 0;
    margin-left: 15px;
}

.dx-gridbase-container > .dx-datagrid-rowsview {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    height: auto;
}

    .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: auto;
            min-width: 0;
            min-height: 0;
        }

.dx-datagrid-rowsview {
    position: relative;
    overflow: hidden;
}

    .dx-datagrid-rowsview.dx-empty {
        height: 100px;
    }

    .dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
        z-index: 2;
    }

    .dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
        z-index: 3;
    }

    .dx-datagrid-rowsview .dx-datagrid-content {
        overflow-anchor: none;
    }

        .dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) {
            min-height: 100%;
        }

    .dx-datagrid-rowsview:focus {
        outline: 0;
    }

    .dx-datagrid-rowsview .dx-row > td,
    .dx-datagrid-rowsview .dx-row > tr > td {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child {
        border-top: none;
    }

        .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > td,
        .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > tr > td {
            border-top: none;
        }

    .dx-datagrid-rowsview .dx-data-row > td:focus {
        outline: 0;
    }

    .dx-datagrid-rowsview .dx-selection > td .dx-link,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link,
    .dx-datagrid-rowsview .dx-selection > tr > td .dx-link,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
        color: inherit;
    }

    .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row,
    .dx-datagrid-rowsview .dx-datagrid-table .dx-virtual-row {
        border-top: 0px;
        border-bottom: 0px;
    }

        .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row > td,
        .dx-datagrid-rowsview .dx-datagrid-table .dx-virtual-row > td {
            padding-top: 0px;
            padding-bottom: 0px;
        }

    .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
        display: none;
    }

    .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
        display: inline-block;
    }

    .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox {
        display: inline-block;
    }

    .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
        padding: 30px;
    }

        .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell:focus {
            outline: 0;
        }

    .dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after {
        border-color: transparent;
    }

    .dx-datagrid-rowsview .dx-command-adaptive.dx-command-adaptive-hidden {
        padding-left: 0;
        padding-right: 0;
    }

.dx-datagrid-nodata {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dx-datagrid-bottom-load-panel {
    text-align: center;
    padding: 10px;
}

.dx-datagrid-hidden-column {
    white-space: nowrap;
}

    .dx-datagrid-hidden-column > * {
        display: none !important;
    }

.dx-datagrid-total-footer {
    position: relative;
}

    .dx-datagrid-total-footer > .dx-datagrid-content {
        padding-top: 7px;
        padding-bottom: 7px;
    }

.dx-datagrid-summary-item {
    font-weight: bold;
}

.dx-datagrid-export-menu .dx-menu-item .dx-checkbox {
    margin-left: 0;
}

    .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon {
        width: 16px;
        height: 16px;
    }

    .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text {
        white-space: nowrap;
        word-break: normal;
    }

.dx-command-adaptive {
    width: 36px;
    min-width: 36px;
}

.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
        padding: 0;
    }

.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
    width: 0;
    height: 0;
}

.dx-datagrid-revert-tooltip .dx-revert-button {
    margin: 0;
}

.dx-datagrid-notouch-action {
    -ms-touch-action: none;
    touch-action: none;
    -ms-content-zooming: none;
    -ms-overflow-style: none;
}

.dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
    border: none;
}

.dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
    text-align: center;
    left: 0px;
    right: 0px;
    bottom: 50%;
    position: absolute;
}

.dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item,
.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item {
    padding: 7px 5px 7px 30px;
}

    .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image,
    .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: right;
    }

.dx-rtl .dx-datagrid .dx-texteditor-buttons-container,
.dx-datagrid.dx-rtl .dx-texteditor-buttons-container {
    text-align: start;
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table {
    direction: rtl;
}

    .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space {
        border-left: none;
    }

        .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td {
            border-right: none;
        }

    .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-filter-range-content {
        padding: 7px 32px 7px 7px;
    }

.dx-rtl .dx-datagrid-headers,
.dx-rtl .dx-datagrid-total-footer {
    direction: ltr;
}

    .dx-rtl .dx-datagrid-headers .dx-datagrid-table,
    .dx-rtl .dx-datagrid-total-footer .dx-datagrid-table {
        direction: rtl;
    }

.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before {
    padding-right: 32px;
}

.dx-rtl .dx-datagrid-filter-row .dx-menu {
    right: 0;
    left: auto;
    margin-left: 0;
    margin-right: -2px;
}

.dx-rtl .dx-datagrid-filter-row > td:first-child .dx-menu {
    margin-left: 0px;
}

.dx-rtl .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
    padding: 5px;
    padding-left: 30px;
}

.dx-rtl .dx-datagrid-filter-row .dx-menu-caption {
    padding-right: 6px;
}

.dx-rtl .dx-datagrid-header-panel {
    text-align: right;
}

    .dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button {
        margin-left: 0;
    }

    .dx-rtl .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
        margin-left: 0;
        margin-right: 10px;
    }

.dx-rtl .dx-datagrid-search-panel {
    margin: 0;
    margin-right: 15px;
}

.dx-datagrid-filter-panel,
.dx-datagrid-filter-panel-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0;
}

.dx-datagrid-filter-panel {
    padding: 10px;
}

    .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text:hover,
        .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter:hover {
            text-decoration: underline;
            cursor: pointer;
        }

    .dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox {
        padding-right: 10px;
    }

    .dx-datagrid-filter-panel .dx-icon-filter {
        margin: auto;
        padding-right: 7px;
        cursor: pointer;
    }

.dx-datagrid {
    position: relative;
    cursor: default;
    white-space: normal;
    line-height: normal;
}

.dx-hidden.dx-group-cell {
    display: table-cell !important;
    font-size: 0 !important;
}

.dx-datagrid-group-panel {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

    .dx-datagrid-group-panel .dx-group-panel-message {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dx-datagrid-group-panel .dx-group-panel-item {
        display: inline-block;
        min-width: 30px;
        margin-right: 10px;
        white-space: nowrap;
    }

        .dx-datagrid-group-panel .dx-group-panel-item .dx-sort {
            margin-left: 6px;
        }

    .dx-datagrid-group-panel .dx-block-separator {
        display: inline-block;
        min-width: 30px;
        margin-right: 10px;
        white-space: nowrap;
        color: transparent;
        position: relative;
        min-width: 0;
    }

        .dx-datagrid-group-panel .dx-block-separator .dx-sort {
            margin-left: 6px;
        }

.dx-datagrid-rowsview .dx-row.dx-group-row td {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.dx-datagrid-rowsview .dx-row.dx-group-row:first-child td {
    border-top: none;
}

.dx-datagrid-rowsview .dx-group-row:focus {
    outline: 0;
}

.dx-datagrid-rowsview .dx-group-row.dx-row > td {
    border-left-color: transparent;
    border-right-color: transparent;
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content:focus {
    outline: none;
}

.dx-datagrid-group-opened,
.dx-datagrid-group-closed {
    cursor: pointer;
    position: relative;
}

    .dx-datagrid-group-opened:before,
    .dx-datagrid-group-closed:before {
        position: absolute;
        display: block;
        right: 0;
        left: 0;
    }

.dx-rtl .dx-datagrid-group-closed {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines > td {
    border-left: none;
    border-right: none;
}

.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item,
.dx-rtl .dx-datagrid-group-panel .dx-block-separator {
    margin-right: 0;
    margin-left: 10px;
}

.dx-rtl .dx-datagrid-group-panel .dx-sort {
    margin-left: 0;
    margin-right: 6px;
}

.dx-pivotgrid-fields-container .dx-sort,
.dx-pivotgrid-fields-container .dx-header-filter {
    display: inline-block;
}

.dx-pivotgrid-fields-container .dx-area-field-content {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dx-pivotgrid-fields-container.dx-drag .dx-area-field-content {
    display: inline-block;
}

.dx-pivotgrid-fields-container.dx-drag .dx-column-indicators {
    float: none;
    display: inline-block;
}

.dx-pivotgrid-nodata {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dx-pivotgrid {
    cursor: default;
    width: 100%;
    position: relative;
}

    .dx-pivotgrid.dx-overflow-hidden {
        overflow: hidden;
    }

    .dx-pivotgrid .dx-area-data-cell,
    .dx-pivotgrid .dx-area-column-cell {
        width: 100%;
    }

    .dx-pivotgrid .dx-area-data-cell {
        position: relative;
    }

    .dx-pivotgrid table,
    .dx-pivotgrid tbody,
    .dx-pivotgrid tfoot,
    .dx-pivotgrid thead,
    .dx-pivotgrid tr,
    .dx-pivotgrid th,
    .dx-pivotgrid td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
    }

    .dx-pivotgrid table {
        border-collapse: collapse;
        table-layout: auto;
        border-spacing: 0;
    }

    .dx-pivotgrid td {
        vertical-align: top;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dx-pivotgrid .dx-area-description-cell {
        position: relative;
        background-clip: padding-box;
    }

        .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-fields-area {
            position: absolute;
            bottom: 0;
        }

    .dx-pivotgrid .dx-ie {
        height: 1px;
    }

        .dx-pivotgrid .dx-ie .dx-area-description-cell {
            position: static;
            height: inherit;
            vertical-align: bottom;
            font-size: 0;
        }

            .dx-pivotgrid .dx-ie .dx-area-description-cell .dx-pivotgrid-fields-area {
                position: relative;
                display: inline-block;
            }

    .dx-pivotgrid .dx-area-field-content {
        display: inline-block;
    }

    .dx-pivotgrid .dx-column-indicators {
        display: inline-block;
    }

    .dx-pivotgrid .dx-expand-icon-container {
        position: relative;
        display: inline-block;
    }

    .dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area {
        position: static;
    }

        .dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area:not(.dx-hidden) {
            display: table-cell;
        }

    .dx-pivotgrid .dx-incompressible-fields .dx-column-indicators {
        vertical-align: top;
        float: none !important;
    }

    .dx-pivotgrid .dx-incompressible-fields .dx-area-field {
        display: inline-block;
        white-space: nowrap;
    }

    .dx-pivotgrid .dx-area-field {
        white-space: nowrap;
    }

    .dx-pivotgrid .dx-area-field-content {
        white-space: nowrap;
    }

    .dx-pivotgrid .dx-popup-content .dx-column-indicators {
        float: none !important;
        display: inline-block;
    }

    .dx-pivotgrid .dx-popup-content .dx-area-field-content {
        display: inline-block;
    }

    .dx-pivotgrid .dx-pivotgrid-area {
        white-space: nowrap;
    }

    .dx-pivotgrid .dx-pivotgrid-collapsed,
    .dx-pivotgrid .dx-pivotgrid-expanded {
        cursor: pointer;
    }

        .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand,
        .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
            display: inline-block;
        }

    .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-area {
        white-space: normal;
    }

    .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed,
    .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded,
    .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted {
        white-space: nowrap;
    }

        .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span,
        .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span,
        .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted > span {
            white-space: normal;
        }

.dx-pivotgridfieldchooser {
    position: relative;
}

    .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        height: 100%;
    }

        .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-0 {
            -webkit-flex-direction: column;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 {
            -webkit-flex-direction: column;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(1) {
                -webkit-flex-grow: 3;
                -webkit-box-flex: 3;
                -ms-flex-positive: 3;
                flex-grow: 3;
            }

            .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(2) {
                display: -webkit-flex;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: row;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-flex-grow: 4;
                -webkit-box-flex: 4;
                -ms-flex-positive: 4;
                flex-grow: 4;
            }

    .dx-pivotgridfieldchooser .dx-col {
        width: 50%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .dx-pivotgridfieldchooser .dx-row {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 0;
    }

    .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(1) {
        -webkit-flex-grow: 2;
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(2) {
        -webkit-flex-grow: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .dx-pivotgridfieldchooser .dx-area-caption {
        vertical-align: middle;
    }

.dx-pivotgrid-action {
    cursor: pointer;
}

.dx-pivotgrid-drag-action {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.dx-treelist-checkbox-size {
    vertical-align: middle;
}

.dx-treelist-important-margin {
    margin-right: 5px !important;
}

.dx-treelist-table {
    background-color: transparent;
}

.dx-treelist .dx-treelist-content-fixed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
}

    .dx-treelist .dx-treelist-content-fixed .dx-treelist-table {
        position: relative;
    }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table td {
            pointer-events: auto;
        }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-row td.dx-pointer-events-none {
            visibility: hidden;
            background-color: transparent;
            pointer-events: none;
            border-bottom-color: transparent;
        }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none {
            width: auto;
        }

.dx-treelist.dx-treelist-borders > .dx-treelist-total-footer {
    border-top: 0;
}

.dx-treelist.dx-treelist-borders > .dx-treelist-pager {
    margin-top: 1px;
}

.dx-treelist.dx-treelist-borders > .dx-treelist-header-panel {
    border-bottom: 0;
}

.dx-treelist.dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
    border-bottom-width: 0;
}

.dx-treelist .dx-menu-subitem ul li {
    padding-top: 0;
}

    .dx-treelist .dx-menu-subitem ul li:first-child {
        padding-top: 1px;
    }

.dx-treelist .dx-menu-subitem .dx-menu-item {
    padding: 7px 30px 7px 5px;
}

    .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: left;
    }

@-webkit-keyframes dx-loadpanel-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dx-loadpanel-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.dx-treelist .dx-link {
    text-decoration: underline;
    cursor: pointer;
}

.dx-treelist .dx-column-indicators {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

    .dx-treelist .dx-column-indicators.dx-visibility-hidden {
        visibility: hidden;
    }

    .dx-treelist .dx-column-indicators .dx-sort.dx-sort,
    .dx-treelist .dx-column-indicators .dx-header-filter.dx-sort,
    .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter,
    .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter {
        display: inline-block;
    }

        .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter:after,
        .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter:after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: -7px;
        }

.dx-treelist .dx-row > td,
.dx-treelist .dx-row > tr > td {
    padding: 7px;
}

.dx-treelist .dx-error-row {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

    .dx-treelist .dx-error-row .dx-error-message {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

        .dx-treelist .dx-error-row .dx-error-message a {
            color: inherit;
        }

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
    border-bottom: none;
    font-size: 16px;
}

    .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
        font-size: 16px;
    }

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content {
    padding: 0px 20px 20px 20px;
}

    .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        opacity: 0.5;
        margin-bottom: 10px;
        -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
    }

        .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-treelist-drag-action {
            opacity: 1;
            cursor: pointer;
            -ms-touch-action: pinch-zoom;
            touch-action: pinch-zoom;
        }

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
    padding: 0px;
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node {
    padding-left: 0px;
}

    .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node .dx-checkbox {
        left: 4px;
    }

.dx-treelist-nowrap {
    white-space: nowrap;
}

    .dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content {
        white-space: nowrap;
    }

.dx-treelist-drag-header {
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    z-index: 10000;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-treelist-drag-header.dx-drag-command-cell {
        padding: 0px;
    }

.dx-treelist-columns-separator {
    position: absolute;
    z-index: 3;
    width: 3px;
}

.dx-treelist-columns-separator-transparent {
    border-left: 0;
    border-right: 0;
}

.dx-treelist-tracker {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    cursor: col-resize;
}

.dx-treelist-table-content {
    position: absolute;
    top: 0;
}

.dx-treelist-focus-overlay {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    visibility: hidden;
}

.dx-treelist-action,
.dx-treelist-drag-action {
    cursor: pointer;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link {
    color: inherit;
}

.dx-treelist-content {
    position: relative;
}

.dx-treelist-text-content {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dx-treelist-table-fixed {
    table-layout: fixed;
    width: 100%;
}

.dx-hidden {
    display: none;
}

input.dx-hidden {
    display: inline-block !important;
    width: 0 !important;
}

.dx-hidden-cell {
    visibility: hidden;
}

.dx-row > td,
.dx-row > tr > td {
    border: none;
}

.dx-treelist-content .dx-treelist-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    max-width: 10px;
}

    .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed {
        max-width: none;
    }

        .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
            display: none;
        }

    .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators {
        float: none !important;
    }

        .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators > span {
            width: 14px;
        }

        .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
            display: inline-block;
        }

    .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-header-row .dx-treelist-text-content {
        max-width: none;
    }

    .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators {
        float: none !important;
    }

        .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators > span {
            width: 14px;
        }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-treelist-content .dx-treelist-table [class*="column"] + [class*="column"]:last-child {
        float: none;
    }

    .dx-treelist-content .dx-treelist-table .dx-row > td,
    .dx-treelist-content .dx-treelist-table .dx-row > tr > td {
        vertical-align: top;
    }

        .dx-treelist-content .dx-treelist-table .dx-row > td:first-child,
        .dx-treelist-content .dx-treelist-table .dx-row > tr > td:first-child {
            border-left: 0px;
        }

        .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space,
        .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space {
            border-right: none;
            vertical-align: top;
        }

            .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td,
            .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space + td {
                border-left: none;
            }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container {
        overflow: hidden;
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-cell-modified:not(.dx-field-item-content),
    .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid:not(.dx-field-item-content) {
        padding: 0;
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay {
        position: static;
    }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay .dx-overlay-content {
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
        max-width: 0;
        padding: 0;
        vertical-align: middle;
    }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor,
        .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor-container {
            border: 0;
            margin: 0;
        }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-dropdowneditor {
            margin-left: -1px;
            padding-left: 1px;
        }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
        padding: 0;
        width: 70px;
        min-width: 70px;
        max-width: 70px;
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit {
        width: 100px;
        min-width: 100px;
    }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
            width: 80px;
            min-width: 80px;
        }

            .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
                text-decoration: none;
            }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-command-expand {
        padding: 0;
        width: 30px;
        min-width: 30px;
        max-width: 30px;
    }

    .dx-treelist-content .dx-treelist-table .dx-filter-range-content {
        padding: 7px 7px 7px 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    .dx-treelist-content .dx-treelist-table .dx-row > .dx-last-data-cell {
        border-right: none;
    }

    .dx-treelist-content .dx-treelist-table .dx-row > .dx-command-adaptive-hidden {
        border-left: none;
    }

.dx-highlight-outline {
    position: relative;
    padding: 7px;
}

    .dx-highlight-outline::after {
        content: '';
        position: absolute;
        border: 2px solid transparent;
        top: 0;
        left: 1px;
        bottom: 0;
        right: 0;
        pointer-events: none;
    }

    .dx-highlight-outline.dx-hidden {
        display: block !important;
    }

        .dx-highlight-outline.dx-hidden::after {
            display: none;
        }

.dx-editor-cell .dx-texteditor-input {
    margin: 0;
}

.dx-editor-cell .dx-highlight-outline {
    padding: 0;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    display: inline-block;
    content: '\200B';
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-row .dx-numberbox.dx-show-clear-button .dx-texteditor-input,
.dx-row .dx-textbox.dx-show-clear-button .dx-texteditor-input {
    padding-right: 32px;
}

.dx-column-lines .dx-highlight-outline::after {
    left: 0;
}

.dx-treelist-headers {
    position: relative;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline-block;
}

.dx-header-row > td {
    white-space: nowrap;
    overflow: hidden;
}

    .dx-header-row > td > .dx-treelist-text-content {
        white-space: normal;
        vertical-align: top;
    }

.dx-header-row .dx-text-content-alignment-left,
.dx-header-row .dx-text-content-alignment-right {
    display: inline-block;
    max-width: 100%;
}

.dx-header-row .dx-sort-indicator,
.dx-header-row .dx-header-filter-indicator {
    max-width: calc(100% - 17px);
}

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
        max-width: calc(100% - 34px);
    }

    .dx-header-row .dx-sort-indicator.dx-header-filter-indicator {
        max-width: calc(100% - 31px);
    }

        .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
            max-width: calc(100% - 62px);
        }

.dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor {
    border-width: 0px;
}

    .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after {
        content: " ";
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
        z-index: 1;
        pointer-events: none;
    }

.dx-treelist-filter-range-overlay .dx-treelist-filter-range-end {
    border-top: 1px solid transparent;
}

.dx-treelist-filter-range-overlay .dx-editor-container.dx-highlight-outline {
    padding: 0px;
}

.dx-treelist-filter-row .dx-editor-cell .dx-menu {
    display: none;
}

.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu {
    position: relative;
}

    .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
        display: block;
    }

    .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
    .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before {
        padding-left: 32px;
    }

.dx-treelist-filter-row .dx-highlight-outline::after {
    pointer-events: none;
}

.dx-treelist-filter-row .dx-focused .dx-highlight-outline::after {
    border-color: transparent;
}

.dx-treelist-filter-row .dx-menu {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    margin-left: -2px;
    margin-top: -2px;
    height: 100%;
    overflow: visible;
}

    .dx-treelist-filter-row .dx-menu .dx-menu-horizontal {
        height: 100%;
    }

        .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text,
        .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout {
            display: none;
        }

.dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 100%;
    height: 102%;
    content: '';
}

.dx-treelist-filter-row > td:first-child .dx-menu,
.dx-treelist-filter-row > .dx-first-cell .dx-menu {
    margin-left: 0px;
}

.dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
    padding: 5px;
    padding-right: 30px;
}

.dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
    padding: 8px 5px 7px 5px;
}

    .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
        padding: 9px 6px 8px 6px;
    }

.dx-treelist-filter-row .dx-menu-caption {
    padding-left: 6px;
}

.dx-treelist-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
    display: none;
}

.dx-treelist-filter-row .dx-menu-item-highlight {
    font-weight: normal;
}

.dx-treelist-scroll-container {
    overflow: hidden;
    width: 100%;
}

.dx-treelist-header-panel {
    text-align: left;
}

    .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
        margin-left: 10px;
    }

.dx-state-disabled {
    cursor: pointer;
}

    .dx-state-disabled .dx-menu-item {
        cursor: default;
    }

.dx-treelist-search-panel {
    margin: 0;
    margin-left: 15px;
}

.dx-gridbase-container > .dx-treelist-rowsview {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    height: auto;
}

    .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > .dx-scrollable-wrapper {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: auto;
            min-width: 0;
            min-height: 0;
        }

.dx-treelist-rowsview {
    position: relative;
    overflow: hidden;
}

    .dx-treelist-rowsview.dx-empty {
        height: 100px;
    }

    .dx-treelist-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
        z-index: 2;
    }

    .dx-treelist-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
        z-index: 3;
    }

    .dx-treelist-rowsview .dx-treelist-content {
        overflow-anchor: none;
    }

        .dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) {
            min-height: 100%;
        }

    .dx-treelist-rowsview:focus {
        outline: 0;
    }

    .dx-treelist-rowsview .dx-row > td,
    .dx-treelist-rowsview .dx-row > tr > td {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dx-treelist-rowsview .dx-row.dx-row-lines:first-child {
        border-top: none;
    }

        .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > td,
        .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > tr > td {
            border-top: none;
        }

    .dx-treelist-rowsview .dx-data-row > td:focus {
        outline: 0;
    }

    .dx-treelist-rowsview .dx-selection > td .dx-link,
    .dx-treelist-rowsview .dx-selection.dx-row:hover > td .dx-link,
    .dx-treelist-rowsview .dx-selection > tr > td .dx-link,
    .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
        color: inherit;
    }

    .dx-treelist-rowsview .dx-treelist-table .dx-freespace-row,
    .dx-treelist-rowsview .dx-treelist-table .dx-virtual-row {
        border-top: 0px;
        border-bottom: 0px;
    }

        .dx-treelist-rowsview .dx-treelist-table .dx-freespace-row > td,
        .dx-treelist-rowsview .dx-treelist-table .dx-virtual-row > td {
            padding-top: 0px;
            padding-bottom: 0px;
        }

    .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
        display: none;
    }

    .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
        display: inline-block;
    }

    .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox {
        display: inline-block;
    }

    .dx-treelist-rowsview .dx-row > .dx-master-detail-cell {
        padding: 30px;
    }

        .dx-treelist-rowsview .dx-row > .dx-master-detail-cell:focus {
            outline: 0;
        }

    .dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after {
        border-color: transparent;
    }

    .dx-treelist-rowsview .dx-command-adaptive.dx-command-adaptive-hidden {
        padding-left: 0;
        padding-right: 0;
    }

.dx-treelist-nodata {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dx-treelist-bottom-load-panel {
    text-align: center;
    padding: 10px;
}

.dx-treelist-hidden-column {
    white-space: nowrap;
}

    .dx-treelist-hidden-column > * {
        display: none !important;
    }

.dx-treelist-total-footer {
    position: relative;
}

    .dx-treelist-total-footer > .dx-treelist-content {
        padding-top: 7px;
        padding-bottom: 7px;
    }

.dx-treelist-summary-item {
    font-weight: bold;
}

.dx-treelist-export-menu .dx-menu-item .dx-checkbox {
    margin-left: 0;
}

    .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon {
        width: 16px;
        height: 16px;
    }

    .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text {
        white-space: nowrap;
        word-break: normal;
    }

.dx-command-adaptive {
    width: 36px;
    min-width: 36px;
}

.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
        padding: 0;
    }

.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
    width: 0;
    height: 0;
}

.dx-treelist-revert-tooltip .dx-revert-button {
    margin: 0;
}

.dx-treelist-notouch-action {
    -ms-touch-action: none;
    touch-action: none;
    -ms-content-zooming: none;
    -ms-overflow-style: none;
}

.dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message {
    border: none;
}

.dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message {
    text-align: center;
    left: 0px;
    right: 0px;
    bottom: 50%;
    position: absolute;
}

.dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item,
.dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item {
    padding: 7px 5px 7px 30px;
}

    .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image,
    .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: right;
    }

.dx-rtl .dx-treelist .dx-texteditor-buttons-container,
.dx-treelist.dx-rtl .dx-texteditor-buttons-container {
    text-align: start;
}

.dx-rtl .dx-treelist-content .dx-treelist-table {
    direction: rtl;
}

    .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space {
        border-left: none;
    }

        .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td {
            border-right: none;
        }

    .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-filter-range-content {
        padding: 7px 32px 7px 7px;
    }

.dx-rtl .dx-treelist-headers,
.dx-rtl .dx-treelist-total-footer {
    direction: ltr;
}

    .dx-rtl .dx-treelist-headers .dx-treelist-table,
    .dx-rtl .dx-treelist-total-footer .dx-treelist-table {
        direction: rtl;
    }

.dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before {
    padding-right: 32px;
}

.dx-rtl .dx-treelist-filter-row .dx-menu {
    right: 0;
    left: auto;
    margin-left: 0;
    margin-right: -2px;
}

.dx-rtl .dx-treelist-filter-row > td:first-child .dx-menu {
    margin-left: 0px;
}

.dx-rtl .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
    padding: 5px;
    padding-left: 30px;
}

.dx-rtl .dx-treelist-filter-row .dx-menu-caption {
    padding-right: 6px;
}

.dx-rtl .dx-treelist-header-panel {
    text-align: right;
}

    .dx-rtl .dx-treelist-header-panel .dx-treelist-column-chooser-button {
        margin-left: 0;
    }

    .dx-rtl .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
        margin-left: 0;
        margin-right: 10px;
    }

.dx-rtl .dx-treelist-search-panel {
    margin: 0;
    margin-right: 15px;
}

.dx-treelist-filter-panel,
.dx-treelist-filter-panel-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0;
}

.dx-treelist-filter-panel {
    padding: 10px;
}

    .dx-treelist-filter-panel .dx-treelist-filter-panel-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .dx-treelist-filter-panel .dx-treelist-filter-panel-text:hover,
        .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter:hover {
            text-decoration: underline;
            cursor: pointer;
        }

    .dx-treelist-filter-panel .dx-treelist-filter-panel-checkbox {
        padding-right: 10px;
    }

    .dx-treelist-filter-panel .dx-icon-filter {
        margin: auto;
        padding-right: 7px;
        cursor: pointer;
    }

.dx-treelist-container {
    position: relative;
    cursor: default;
    white-space: normal;
    line-height: normal;
}

.dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable,
.dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable {
    white-space: nowrap;
}

    .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-text-content,
    .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-text-content {
        display: inline;
        white-space: normal;
    }

    .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-icon-container,
    .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-icon-container {
        float: none;
    }

.dx-treelist-rowsview .dx-treelist-icon-container {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}

.dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
    float: left;
}

.dx-menu-base {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: left;
}

    .dx-menu-base .dx-menu-items-container,
    .dx-menu-base .dx-menu-item-wrapper {
        margin: 0px;
        padding: 0px;
        border: 0px;
        outline: 0px;
    }

    .dx-menu-base .dx-menu-items-container {
        list-style-type: none;
        display: inline-block;
        white-space: nowrap;
        cursor: pointer;
    }

    .dx-menu-base .dx-state-disabled,
    .dx-menu-base.dx-state-disabled .dx-menu-items-container {
        cursor: default;
    }

    .dx-menu-base .dx-menu-item {
        display: inline-block;
        position: relative;
        height: 100%;
        width: 100%;
    }

        .dx-menu-base .dx-menu-item.dx-state-disabled {
            opacity: 0.5;
        }

        .dx-menu-base .dx-menu-item .dx-menu-item-content {
            white-space: nowrap;
            height: 100%;
            width: 100%;
        }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon {
                display: inline-block;
                vertical-align: middle;
                border: 0px;
            }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
                display: inline;
                vertical-align: middle;
                overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                width: 2em;
            }

                .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
                    height: 100%;
                }

    .dx-menu-base.dx-rtl {
        text-align: right;
    }

        .dx-menu-base.dx-rtl .dx-menu-item-popout-container {
            left: 0;
            right: auto;
        }

.dx-menu {
    position: relative;
}

.dx-menu-horizontal {
    height: 100%;
}

    .dx-menu-horizontal:after {
        height: 100%;
        display: inline-block;
        content: '';
        vertical-align: middle;
    }

    .dx-menu-horizontal .dx-menu-item-wrapper {
        display: inline-block;
    }

    .dx-menu-horizontal .dx-menu-separator {
        display: inline-block;
        margin: 0px 15px 0px 0px;
    }

.dx-menu-vertical {
    height: 100%;
}

    .dx-menu-vertical:after {
        height: 100%;
        display: inline-block;
        content: '';
        vertical-align: middle;
    }

    .dx-menu-vertical .dx-menu-item-wrapper {
        display: block;
    }

    .dx-menu-vertical .dx-menu-separator {
        margin: 0px 0px 15px 0px;
    }

.dx-rtl.dx-menu {
    text-align: right;
}

.dx-context-menu-container-border {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    position: absolute;
}

.dx-context-menu-content-delimiter {
    position: absolute;
    display: none;
    z-index: 2000;
    cursor: pointer;
}

.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
    left: auto;
    right: 0;
}

.dx-rtl .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility,
.dx-rtl.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
    left: 0;
    right: auto;
}

.dx-menu-adaptive-mode .dx-treeview-item {
    cursor: pointer;
}

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
    padding: 1px;
}

    .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
        padding-left: 15px;
    }

.dx-rtl .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content,
.dx-rtl.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
    padding-right: 15px;
}

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node:last-child {
    border-bottom: none;
}

.dx-menu-adaptive-mode-overlay-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

    .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

        .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content .dx-treeview {
            height: auto;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

.dx-context-menu.dx-overlay-content {
    overflow: inherit;
    position: absolute;
}

.dx-context-menu .dx-menu-items-container {
    padding: 1px;
}

.dx-context-menu .dx-menu-item .dx-submenu {
    position: absolute;
    z-index: 1003;
}

.dx-context-menu .dx-menu-separator {
    height: 1px;
    margin: 5px 0px;
}

.dx-calendar {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    position: relative;
    display: block;
}

    .dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
        position: absolute;
        bottom: 0;
    }

.dx-calendar-views-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.dx-calendar-navigator {
    position: relative;
    text-align: center;
    width: 100%;
}

    .dx-calendar-navigator .dx-button {
        position: absolute;
        display: inline-block;
    }

        .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
            visibility: hidden;
        }

    .dx-calendar-navigator .dx-calendar-caption-button {
        text-decoration: none;
    }

.dx-calendar-body {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

    .dx-calendar-body .dx-widget {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .dx-calendar-body table {
        width: 100%;
        height: 100%;
        position: absolute;
        direction: ltr;
        table-layout: fixed;
    }

    .dx-calendar-body td {
        cursor: pointer;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dx-calendar-body thead th {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.dx-calendar-cell {
    white-space: normal;
}

.dx-calendar-contoured-date {
    outline-offset: -1px;
}

.dx-rtl.dx-calendar .dx-calendar-body table {
    left: 0px;
}

.dx-rtl.dx-calendar .dx-calendar-body .dx-widget {
    direction: ltr;
}

.dx-state-disabled .dx-calendar .dx-calendar-navigator-previous-month,
.dx-state-disabled.dx-calendar .dx-calendar-navigator-previous-month,
.dx-state-disabled .dx-calendar .dx-calendar-navigator-next-month,
.dx-state-disabled.dx-calendar .dx-calendar-navigator-next-month {
    cursor: default;
}

.dx-state-disabled .dx-calendar-body table th,
.dx-state-disabled .dx-calendar-body table td {
    cursor: default;
}

.dx-multiview-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -ms-touch-action: pinch-zoom pan-y;
    touch-action: pinch-zoom pan-y;
}

.dx-multiview-item-container {
    position: relative;
    overflow: visible;
    width: 100%;
    height: 100%;
}

    .dx-multiview-item-container .dx-empty-message {
        text-align: center;
    }

.dx-multiview-item {
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 100%;
}

    .dx-multiview-item.dx-item-selected {
        position: relative;
    }

.dx-multiview-item-content {
    width: 100%;
    height: 100%;
}

.dx-multiview-item-hidden {
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

.dx-treeview-loadindicator-wrapper {
    text-align: center;
}

.dx-treeview-node-loadindicator {
    position: absolute;
}

.dx-treeview-search {
    margin-bottom: 5px;
}

.dx-treeview {
    height: 100%;
}

    .dx-treeview :focus {
        outline: none;
    }

    .dx-treeview .dx-scrollable:focus {
        outline: none;
    }

    .dx-treeview .dx-empty-message {
        line-height: normal;
    }

.dx-checkbox + .dx-treeview-node-container,
.dx-treeview-node-container:first-child {
    margin: 0;
    display: block;
}

.dx-treeview-select-all-item {
    width: 100%;
}

.dx-treeview-node-container {
    list-style-position: inside;
    padding: 0;
    margin: 0;
    display: none;
    overflow: hidden;
}

    .dx-treeview-node-container.dx-treeview-node-container-opened {
        display: block;
    }

.dx-treeview-node {
    list-style-type: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    user-drag: none;
}

    .dx-treeview-node a {
        text-decoration: none;
    }

    .dx-treeview-node .dx-checkbox {
        position: absolute;
        margin: 0;
    }

.dx-treeview-item {
    display: block;
    cursor: pointer;
}

    .dx-treeview-item .dx-icon {
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-right: 5px;
        background-size: 24px 24px;
    }

    .dx-treeview-item .dx-treeview-item-content span {
        vertical-align: middle;
    }

    .dx-treeview-item.dx-state-disabled {
        opacity: 0.5;
    }

.dx-treeview-toggle-item-visibility {
    position: absolute;
    cursor: pointer;
}

    .dx-treeview-toggle-item-visibility.dx-state-disabled {
        cursor: default;
    }

.dx-rtl .dx-treeview-node-container:first-child > .dx-treeview-node {
    padding-left: 0;
}

.dx-rtl .dx-treeview-node-container .dx-treeview-node {
    padding-left: 0;
}

    .dx-rtl .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item {
        padding-left: 0;
    }

    .dx-rtl .dx-treeview-node-container .dx-treeview-node .dx-treeview-item .dx-icon {
        margin-right: 0;
    }

.dx-rtl .dx-treeview-toggle-item-visibility {
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-fieldset {
    margin-bottom: 20px;
}

    .dx-fieldset .dx-field-value {
        margin: 0;
    }

    .dx-fieldset,
    .dx-fieldset * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.dx-fieldset-header:empty {
    display: none;
}

.dx-field {
    position: relative;
    padding: .4em;
}

    .dx-field:before,
    .dx-field:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .dx-field:after {
        clear: both;
    }

.dx-field-label {
    float: left;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-field-value,
.dx-field-value-static {
    float: right;
}

.dx-field-value-static {
    white-space: normal;
}

.dx-field-value.dx-datebox {
    min-width: 60%;
}

.dx-field-value:not(.dx-widget) > .dx-datebox {
    min-width: 100%;
}

.dx-field-value .dx-selectbox-tag-container {
    white-space: normal;
}

.dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget {
    position: relative;
    width: auto;
    text-align: left;
}

.dx-rtl .dx-fieldset .dx-field-label,
.dx-fieldset.dx-rtl .dx-field-label {
    float: right;
}

.dx-rtl .dx-fieldset .dx-field-value,
.dx-fieldset.dx-rtl .dx-field-value {
    float: left;
}

.dx-tabpanel-tabs {
    width: 100%;
}

    .dx-tabpanel-tabs .dx-tabs {
        height: 100%;
    }

.dx-tabpanel-container {
    width: 100%;
    height: 100%;
}

.dx-fileuploader.dx-state-disabled .dx-fileuploader-input {
    display: none;
}

.dx-fileuploader-wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.dx-fileuploader-container {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.dx-fileuploader-input-wrapper:before,
.dx-fileuploader-input-wrapper:after {
    display: table;
    content: "";
    line-height: 0;
}

.dx-fileuploader-input-wrapper:after {
    clear: both;
}

.dx-fileuploader-input-wrapper:before,
.dx-fileuploader-input-wrapper:after {
    width: 100%;
}

.dx-fileuploader-input-wrapper:before {
    padding-top: 1em;
    margin-top: -1em;
}

.dx-fileuploader-input-wrapper:after {
    padding-bottom: 1em;
    margin-bottom: -1em;
}

.dx-fileuploader-input-wrapper .dx-button {
    float: left;
}

    .dx-fileuploader-input-wrapper .dx-button + .dx-button {
        margin-left: 12px;
    }

.dx-fileuploader-button {
    position: relative;
}

    .dx-fileuploader-button .dx-fileuploader-input {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        cursor: pointer;
    }

        .dx-fileuploader-button .dx-fileuploader-input::-webkit-file-upload-button,
        .dx-fileuploader-button .dx-fileuploader-input::-ms-browse {
            cursor: pointer;
        }

.dx-fileuploader-content {
    display: table-row-group;
    vertical-align: middle;
}

    .dx-fileuploader-content > .dx-fileuploader-upload-button {
        margin-top: 10px;
    }

.dx-fileuploader-empty .dx-fileuploader-content > .dx-fileuploader-upload-button {
    display: none;
}

.dx-fileuploader-input-content {
    width: 100%;
    display: table;
}

.dx-fileuploader-files-container {
    padding-top: 0;
    width: 100%;
}

.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
    padding-top: 22px;
}

.dx-fileuploader-file-container {
    width: 100%;
    padding: 4px 0 4px;
}

    .dx-fileuploader-file-container .dx-button {
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }

        .dx-fileuploader-file-container .dx-button.dx-state-invisible {
            margin-right: 0;
        }

.dx-fileuploader-button-container,
.dx-fileuploader-input-container {
    display: table-cell;
    vertical-align: middle;
}

.dx-fileuploader-input-container {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.dx-fileuploader-input {
    opacity: 0;
    width: 100%;
    margin: 0;
    cursor: default;
}

.dx-fileuploader-input-label {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: default;
}

    .dx-fileuploader-input-label:before {
        content: '';
        position: absolute;
        top: -50%;
        overflow: hidden;
        cursor: default;
    }

.dx-fileuploader-button-container {
    display: table-cell;
    vertical-align: middle;
}

.dx-fileuploader-file {
    display: table-cell;
    width: 100%;
    white-space: nowrap;
}

.dx-fileuploader-file-info {
    float: left;
    width: 100%;
}

.dx-fileuploader-file-status-message {
    float: left;
    font-size: 12px;
    height: 16px;
}

.dx-fileuploader .dx-progressbar {
    float: left;
    width: 100%;
    height: 22px;
    margin-top: -6px;
}

.dx-fileuploader-file-name {
    float: left;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-fileuploader-file-size {
    margin-left: 4px;
    float: left;
    vertical-align: super;
    font-size: 10px;
}

.dx-rtl .dx-fileuploader .dx-fileuploader-button,
.dx-rtl.dx-fileuploader .dx-fileuploader-button {
    float: right;
}

.dx-rtl .dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button {
    margin-left: 10px;
    margin-right: 0;
}

.dx-rtl .dx-fileuploader .dx-fileuploader-file-name,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-name,
.dx-rtl .dx-fileuploader .dx-fileuploader-file-size,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-size,
.dx-rtl .dx-fileuploader .dx-fileuploader-file-status-message,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-status-message {
    float: right;
}

.dx-rtl .dx-fileuploader .dx-fileuploader-file-size,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-size {
    margin-right: 4px;
}

.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
    height: auto;
}

    .dx-fileuploader-invalid .dx-fileuploader-file-status-message span {
        display: block;
        margin-bottom: 2px;
    }

        .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child {
            margin-bottom: 0px;
        }

.dx-fileuploader-invalid .dx-fileuploader-button-container {
    vertical-align: top;
}

.dx-fileuploader-invalid .dx-fileuploader-cancel-button {
    margin-top: 5px;
}

.dx-validationsummary-item {
    cursor: pointer;
}

.dx-invalid-message.dx-overlay {
    position: relative;
}

.dx-invalid-message.dx-overlay-wrapper {
    width: 100%;
    visibility: hidden;
    pointer-events: none;
}

.dx-invalid-message > .dx-overlay-content {
    display: inline-block;
    position: relative;
    border-width: 0;
    padding: 10px;
    font-size: .85em;
    line-height: normal;
    word-wrap: break-word;
}

.dx-state-focused.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-invalid-message-always .dx-overlay-wrapper {
    visibility: visible;
}

.dx-timeview {
    height: 250px;
    width: 270px;
}

    .dx-timeview.dx-state-disabled.dx-widget,
    .dx-timeview .dx-state-disabled.dx-widget,
    .dx-timeview.dx-state-disabled .dx-widget,
    .dx-timeview .dx-state-disabled .dx-widget {
        opacity: 1;
    }

.dx-timeview-clock {
    position: relative;
}

.dx-timeview-hourarrow,
.dx-timeview-minutearrow {
    position: absolute;
    left: 50%;
    width: 30px;
    height: 50%;
    margin-left: -15px;
    background-position: bottom;
    background-repeat: no-repeat;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-backface-visibility: hidden;
}

.dx-timeview-field .dx-numberbox {
    width: 70px;
}

    .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
        width: 110px;
    }

.dx-scheduler .dx-empty-message {
    line-height: normal;
}

.dx-scheduler-all-day-panel td {
    padding: 0;
}

.dx-scheduler-dropdown-appointments {
    position: absolute;
    display: block;
    height: 20px;
    text-align: center;
    cursor: pointer;
    margin: 3px 0 0 3px;
}

    .dx-scheduler-dropdown-appointments .dx-scheduler-dropdown-appointments-content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 4px;
    }

        .dx-scheduler-dropdown-appointments .dx-scheduler-dropdown-appointments-content span:last-child {
            display: inline-block;
            vertical-align: middle;
            line-height: 13.33333333px;
            height: 20px;
            padding-left: 2px;
        }

    .dx-scheduler-dropdown-appointments.dx-state-hover:before {
        border-radius: 20px;
    }

    .dx-scheduler-dropdown-appointments.dx-button {
        padding: 0;
        max-width: none;
        border-radius: 20px;
    }

.dx-scheduler-work-space-mouse-selection .dx-scheduler-fixed-appointments,
.dx-scheduler-work-space-mouse-selection .dx-scheduler-scrollable-appointments {
    pointer-events: none;
}

.dx-dropdownmenu-popup-wrapper .dx-scheduler-dropdown-appointment {
    max-width: 400px;
    height: 65px;
    position: relative;
}

    .dx-dropdownmenu-popup-wrapper .dx-scheduler-dropdown-appointment.dx-list-item-content {
        padding: 5px 10px 5px;
        width: 100%;
    }

.dx-scheduler-dropdown-appointment-info-block {
    max-width: 300px;
    margin-right: 75px;
    margin-top: 7px;
}

.dx-scheduler-dropdown-appointment-buttons-block {
    position: absolute;
    top: 19.5px;
    right: 0;
    width: 75px;
    text-align: right;
}

.dx-scheduler-dropdown-appointment-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button,
.dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button {
    padding: 2px;
    margin: 0 10px 0 0;
}

    .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button .dx-button-content,
    .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button .dx-button-content {
        padding: 0;
    }

    .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button .dx-icon,
    .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button .dx-icon {
        font-size: 14px;
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

.dx-scheduler-dropdown-appointment-date {
    font-size: 12px;
}

.dx-rtl .dx-scheduler-dropdown-appointments {
    margin: 3px 3px 0 0;
}

.dx-rtl .dx-scheduler-dropdown-appointment-info-block {
    margin-left: 75px;
    margin-right: auto;
}

.dx-rtl .dx-scheduler-dropdown-appointment-buttons-block {
    left: 0;
    right: auto;
    text-align: left;
}

.dx-rtl .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button,
.dx-rtl .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button {
    margin: 0 0 0 10px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 10px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 15px;
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 15px;
}

.dx-layout-manager .dx-field-empty-item {
    width: 100%;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item {
    padding-left: 0;
    padding-right: 0;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-form-group .dx-single-column-item-content > .dx-first-row.dx-col-0.dx-field-item {
    padding-top: 0px;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item {
    padding-top: 10px;
}

.dx-layout-manager .dx-label-h-align.dx-flex-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

    .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
        display: block;
    }

    .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content,
    .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content-wrapper {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        display: block;
    }

    .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
        -webkit-align-items: baseline;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

.dx-layout-manager .dx-label-h-align.dx-field-item-label-align:not(.dx-flex-layout) .dx-field-item-label {
    vertical-align: baseline;
}

.dx-layout-manager .dx-label-h-align .dx-field-item-label,
.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
    display: table-cell;
}

    .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper .dx-field-item-content {
        display: block;
    }

.dx-layout-manager .dx-label-h-align .dx-field-item-label {
    white-space: nowrap;
    vertical-align: middle;
}

    .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
        display: block;
    }

.dx-layout-manager .dx-label-h-align .dx-field-item-content {
    vertical-align: top;
}

    .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox,
    .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
        margin-top: 7px;
        margin-bottom: 4px;
    }

.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
    width: 100%;
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
    padding: 20px;
}

.dx-field-item-label-location-top {
    display: block;
}

.dx-form-group-content {
    border-width: 0;
    padding: 0;
    margin: 0;
}

.dx-form-group-caption {
    font-size: 20px;
}

.dx-form-group-with-caption .dx-form-group-content {
    padding-top: 19px;
    padding-bottom: 20px;
    margin-top: 6px;
}

.dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
    padding-left: 20px;
}

.dx-layout-manager-hidden-label {
    position: absolute;
    display: block;
    visibility: hidden;
}

.dx-field-item-help-text {
    font-style: italic;
    white-space: normal;
}

.dx-field-item-label-location-left {
    padding-right: 10px;
}

.dx-field-item-label-location-right {
    padding-left: 10px;
}

.dx-rtl .dx-field-item-required-mark,
.dx-rtl .dx-field-item-optional-mark {
    float: left;
}

.dx-rtl .dx-field-item:not(.dx-first-col) {
    padding-left: 0;
    padding-right: 15px;
}

.dx-rtl .dx-field-item:not(.dx-last-col) {
    padding-left: 15px;
    padding-right: 0;
}

.dx-rtl .dx-field-item-label-location-left {
    padding-right: 0;
    padding-left: 10px;
}

.dx-rtl .dx-field-item-label-location-right {
    padding-left: 0;
    padding-right: 10px;
}

.dx-rtl .dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item {
    padding-right: 0;
    padding-left: 0;
}

.dx-rtl .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
    padding-left: 0;
    padding-right: 20px;
}

.dx-filterbuilder.dx-rtl .dx-filterbuilder-text,
.dx-filterbuilder.dx-rtl .dx-filterbuilder-action-icon {
    margin-left: 5px;
    margin-right: 0;
}

.dx-filterbuilder.dx-rtl .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
    padding-left: 0;
    padding-right: 26px;
}

.dx-filterbuilder .dx-filterbuilder-text,
.dx-filterbuilder .dx-filterbuilder-action-icon {
    margin-left: 0;
    margin-right: 5px;
}

    .dx-filterbuilder .dx-filterbuilder-text:focus,
    .dx-filterbuilder .dx-filterbuilder-item-value-text:focus,
    .dx-filterbuilder .dx-filterbuilder-action-icon:focus {
        outline: none;
    }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item {
    display: inline-block;
    white-space: nowrap;
}

    .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text {
        display: inline-block;
        cursor: pointer;
        white-space: pre;
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range {
            white-space: nowrap;
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-text-separator,
        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range-separator {
            margin: 0 7px;
            opacity: 0.3;
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-group-operation,
        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-field,
        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-operation,
        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
            min-width: 20px;
            padding: 2px 7px 3px 7px;
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-texteditor {
            vertical-align: middle;
            margin-top: -7px;
            margin-bottom: -4px;
            display: inline-block;
        }

    .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action {
        display: inline-block;
        cursor: pointer;
        position: relative;
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
            padding: 5px 8px;
        }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
    padding-left: 26px;
}

.dx-filterbuilder-operations .dx-treeview-item {
    padding-left: 5px;
}

.dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
    padding-right: 5px;
}

.dx-filterbuilder-overlay {
    white-space: nowrap;
}

    .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node {
        padding-left: 0;
    }

        .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node .dx-treeview-node-container-opened {
            margin-left: 15px;
        }

    .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node {
        padding-right: 0;
    }

        .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
            margin-right: 15px;
        }

    .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal {
        border-radius: 0;
    }

        .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal > .dx-popup-content {
            padding: 0;
        }

    .dx-filterbuilder-overlay .dx-scrollable-container {
        max-height: 360px;
    }

    .dx-filterbuilder-overlay .dx-menu-items-container {
        padding: 0;
    }

.dx-drawer {
    height: 100%;
    width: 100%;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.dx-drawer-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.dx-drawer-panel-content {
    position: absolute;
    top: 0px;
    bottom: 0px;
}

.dx-drawer-right .dx-drawer-panel-content {
    right: 0px;
}

.dx-drawer-left .dx-drawer-panel-content {
    left: 0px;
}

.dx-drawer-content {
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
}

.dx-drawer-shader {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.dx-drawer-push.dx-drawer-bottom .dx-drawer-panel-content {
    top: auto;
}

.dx-drawer-shrink .dx-drawer-panel-content {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
}

.dx-drawer-shrink .dx-drawer-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.dx-drawer-shrink .dx-drawer-content {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.dx-drawer-shrink.dx-drawer-top .dx-drawer-wrapper,
.dx-drawer-shrink.dx-drawer-bottom .dx-drawer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dx-drawer-overlap.dx-drawer-left .dx-drawer-wrapper,
.dx-drawer-overlap.dx-drawer-right .dx-drawer-wrapper {
    overflow-y: visible;
}

.dx-drawer-overlap.dx-drawer-top .dx-drawer-wrapper,
.dx-drawer-overlap.dx-drawer-bottom .dx-drawer-wrapper {
    overflow-x: visible;
}

.dx-drawer-overlap.dx-drawer-right.dx-drawer-expand .dx-overlay-content {
    right: 0px;
}

.dx-overlay-wrapper.dx-drawer-panel-content {
    overflow: visible;
    right: auto;
    left: auto;
}

.dx-card {
    overflow: hidden;
}

.dx-htmleditor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dx-quill-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    min-height: 1px;
    margin: 0px;
    position: relative;
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
}

    .ql-clipboard p {
        margin: 0;
        padding: 0;
    }

.dx-htmleditor-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    counter-reset: list-0;
    line-height: 1.42;
    width: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

    .dx-htmleditor-content .dx-variable > span {
        padding: 3px 6px;
        border-radius: 8px;
    }

    .dx-htmleditor-content > * {
        cursor: text;
    }

    .dx-htmleditor-content p,
    .dx-htmleditor-content ol,
    .dx-htmleditor-content pre,
    .dx-htmleditor-content blockquote,
    .dx-htmleditor-content h1,
    .dx-htmleditor-content h2,
    .dx-htmleditor-content h3,
    .dx-htmleditor-content h4,
    .dx-htmleditor-content h5,
    .dx-htmleditor-content h6 {
        margin: 0;
        padding: 0;
    }

    .dx-htmleditor-content p,
    .dx-htmleditor-content h1,
    .dx-htmleditor-content h2,
    .dx-htmleditor-content h3,
    .dx-htmleditor-content h4,
    .dx-htmleditor-content h5,
    .dx-htmleditor-content h6 {
        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .dx-htmleditor-content table {
        border-collapse: collapse;
    }

    .dx-htmleditor-content td {
        border: 1px solid #000;
        padding: 2px 5px;
    }

    .dx-htmleditor-content ol {
        padding-left: 1.5em;
    }

.dx-rtl .dx-htmleditor-content ol {
    padding-left: 0;
    padding-right: 1.5em;
}

.dx-htmleditor-content li {
    list-style-type: none;
    padding-left: 1.5em;
    position: relative;
}

    .dx-htmleditor-content li::before {
        display: inline-block;
        margin-left: -1.5em;
        margin-right: 0.3em;
        text-align: right;
        white-space: nowrap;
        width: 1.2em;
    }

.dx-rtl .dx-htmleditor-content li {
    padding-left: 0;
    padding-right: 1.5em;
}

    .dx-rtl .dx-htmleditor-content li::before {
        margin-left: 0.3em;
        margin-right: -1.5em;
        text-align: left;
    }

.dx-htmleditor-content ul > li::before {
    content: '\2022';
}

.dx-htmleditor-content li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
}

    .dx-htmleditor-content li::before {
        content: counter(list-0, decimal) '. ';
    }

.dx-htmleditor-content ol li.ql-indent-1 {
    counter-increment: list-1;
}

    .dx-htmleditor-content ol li.ql-indent-1::before {
        content: counter(list-1, lower-alpha) '. ';
    }

.dx-htmleditor-content li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-2 {
    counter-increment: list-2;
}

    .dx-htmleditor-content ol li.ql-indent-2::before {
        content: counter(list-2, lower-roman) '. ';
    }

.dx-htmleditor-content li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-3 {
    counter-increment: list-3;
}

    .dx-htmleditor-content ol li.ql-indent-3::before {
        content: counter(list-3, decimal) '. ';
    }

.dx-htmleditor-content li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-4 {
    counter-increment: list-4;
}

    .dx-htmleditor-content ol li.ql-indent-4::before {
        content: counter(list-4, lower-alpha) '. ';
    }

.dx-htmleditor-content li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-5 {
    counter-increment: list-5;
}

    .dx-htmleditor-content ol li.ql-indent-5::before {
        content: counter(list-5, lower-roman) '. ';
    }

.dx-htmleditor-content li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-6 {
    counter-increment: list-6;
}

    .dx-htmleditor-content ol li.ql-indent-6::before {
        content: counter(list-6, decimal) '. ';
    }

.dx-htmleditor-content li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-7 {
    counter-increment: list-7;
}

    .dx-htmleditor-content ol li.ql-indent-7::before {
        content: counter(list-7, lower-alpha) '. ';
    }

.dx-htmleditor-content li.ql-indent-7 {
    counter-reset: list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-8 {
    counter-increment: list-8;
}

    .dx-htmleditor-content ol li.ql-indent-8::before {
        content: counter(list-8, lower-roman) '. ';
    }

.dx-htmleditor-content li.ql-indent-8 {
    counter-reset: list-9;
}

.dx-htmleditor-content ol li.ql-indent-9 {
    counter-increment: list-9;
}

    .dx-htmleditor-content ol li.ql-indent-9::before {
        content: counter(list-9, decimal) '. ';
    }

.dx-htmleditor-content .ql-indent-1 {
    padding-left: 3em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-1 {
    padding-left: 0;
    padding-right: 3em;
}

.dx-htmleditor-content li.ql-indent-1 {
    padding-left: 4.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-1 {
    padding-left: 0;
    padding-right: 4.5em;
}

.dx-htmleditor-content .ql-indent-2 {
    padding-left: 6em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-2 {
    padding-left: 0;
    padding-right: 6em;
}

.dx-htmleditor-content li.ql-indent-2 {
    padding-left: 7.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-2 {
    padding-left: 0;
    padding-right: 7.5em;
}

.dx-htmleditor-content .ql-indent-3 {
    padding-left: 9em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-3 {
    padding-left: 0;
    padding-right: 9em;
}

.dx-htmleditor-content li.ql-indent-3 {
    padding-left: 10.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-3 {
    padding-left: 0;
    padding-right: 10.5em;
}

.dx-htmleditor-content .ql-indent-4 {
    padding-left: 12em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-4 {
    padding-left: 0;
    padding-right: 12em;
}

.dx-htmleditor-content li.ql-indent-4 {
    padding-left: 13.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-4 {
    padding-left: 0;
    padding-right: 13.5em;
}

.dx-htmleditor-content .ql-indent-5 {
    padding-left: 15em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-5 {
    padding-left: 0;
    padding-right: 15em;
}

.dx-htmleditor-content li.ql-indent-5 {
    padding-left: 16.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-5 {
    padding-left: 0;
    padding-right: 16.5em;
}

.dx-htmleditor-content .ql-indent-6 {
    padding-left: 18em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-6 {
    padding-left: 0;
    padding-right: 18em;
}

.dx-htmleditor-content li.ql-indent-6 {
    padding-left: 19.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-6 {
    padding-left: 0;
    padding-right: 19.5em;
}

.dx-htmleditor-content .ql-indent-7 {
    padding-left: 21em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-7 {
    padding-left: 0;
    padding-right: 21em;
}

.dx-htmleditor-content li.ql-indent-7 {
    padding-left: 22.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-7 {
    padding-left: 0;
    padding-right: 22.5em;
}

.dx-htmleditor-content .ql-indent-8 {
    padding-left: 24em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-8 {
    padding-left: 0;
    padding-right: 24em;
}

.dx-htmleditor-content li.ql-indent-8 {
    padding-left: 25.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-8 {
    padding-left: 0;
    padding-right: 25.5em;
}

.dx-htmleditor-content .ql-indent-9 {
    padding-left: 27em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-9 {
    padding-left: 0;
    padding-right: 27em;
}

.dx-htmleditor-content li.ql-indent-9 {
    padding-left: 28.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-9 {
    padding-left: 0;
    padding-right: 28.5em;
}

.dx-rtl .dx-htmleditor-content li {
    padding-right: 1.5em;
}

    .dx-rtl .dx-htmleditor-content li::before {
        margin-left: 0.3em;
        margin-right: -1.5em;
        text-align: left;
    }

.dx-htmleditor-content table {
    table-layout: fixed;
    width: 100%;
}

    .dx-htmleditor-content table td {
        outline: none;
    }

.dx-htmleditor-content .ql-code-block-container {
    font-family: monospace;
}

.dx-htmleditor-content .ql-video {
    display: block;
    max-width: 100%;
}

    .dx-htmleditor-content .ql-video.ql-align-center {
        margin: 0 auto;
    }

    .dx-htmleditor-content .ql-video.ql-align-right {
        margin: 0 0 0 auto;
    }

.dx-htmleditor-content .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
}

.dx-htmleditor-content .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
}

.dx-htmleditor-content .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
}

.dx-htmleditor-content.ql-blank::before {
    color: rgba(0, 0, 0, 0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
}

.dx-htmleditor-content pre {
    white-space: pre-wrap;
    background-color: rgba(191, 191, 191, 0.15);
}

.dx-htmleditor-content blockquote {
    padding-left: 12px;
    border-left: 4px solid;
}

.dx-rtl .dx-htmleditor-content blockquote {
    padding-left: 0;
    padding-right: 12px;
    border-left: none;
    border-right: 4px solid;
}

.dx-suggestion-list .dx-list-item {
    display: block;
}

.dx-formdialog-form {
    min-width: 360px;
}

.dx-formdialog-field-target .dx-field-item-content {
    text-align: right;
}

.dx-rtl .dx-formdialog-field-target .dx-field-item-content {
    text-align: left;
}

.dx-htmleditor-toolbar-wrapper {
    padding: 5px;
}

.dx-color-format .dx-icon-color,
.dx-background-format .dx-icon-color,
.dx-color-format .dx-icon-background,
.dx-background-format .dx-icon-background {
    border-bottom: 3px solid transparent;
}

.dx-htmleditor-toolbar-separator {
    height: 100%;
    border-left: 1px solid transparent;
}

.dx-htmleditor-toolbar-menu-separator {
    width: 100%;
    border-top: 1px solid transparent;
}

    .dx-htmleditor-toolbar-menu-separator::before {
        content: none;
    }

.dx-deferrendering .dx-deferrendering-loadindicator-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.dx-deferrendering.dx-pending-rendering .dx-invisible-while-pending-rendering {
    display: none !important;
}

.dx-deferrendering:not(.dx-pending-rendering) .dx-visible-while-pending-rendering {
    display: none !important;
}
body {
    background-color: #fff;
    color: #505050;
    font-family: Segoe UI,Helvetica Neue,Helvetica,Verdana,sans-serif;
    font-size: 16px;
    line-height: 1.42857;
    margin: 0
}

    body.modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

* {
    box-sizing: border-box
}

:focus {
    outline: 0
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-muted {
    color: #969696
}

.visible {
    display: block !important
}

.hidden {
    display: none !important
}

.pointer {
    cursor: pointer
}

.text-medium {
    font-size: 14px
}

ol, ul {
    margin-bottom: 10px;
    margin-top: 0
}

a {
    color: #505050;
    text-decoration: none;
    background-color: transparent
}

    a:hover {
        text-decoration: underline
    }

    a:focus {
        outline: 0;
        border-color: transparent;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 0 1px #115bc0;
        -moz-box-shadow: 0 0 0 1px #115bc0;
        box-shadow: 0 0 0 1px #115bc0
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: 0;
    border: 1px solid #cfcfcf;
    resize: none;
    -webkit-appearance: none;
    border-radius: 0
}

    input:focus, input:focus + .addon, optgroup:focus, optgroup:focus + .addon, select:focus, select:focus + .addon, textarea:focus, textarea:focus + .addon {
        -webkit-box-shadow: 0 0 0 2px #afcef8;
        -moz-box-shadow: 0 0 0 2px #afcef8;
        box-shadow: 0 0 0 2px #afcef8
    }

    button.clear-button-style {
        border: none;
        background: 0 0;
        padding: 0;
        margin: 0
    }

.CodeMirror.CodeMirror-focused {
    outline: 2px solid #afcef8;
    outline-offset: -1px;
    z-index: 1
}

    .CodeMirror.CodeMirror-focused ~ .error-validation .icon-warning {
        display: none
    }

    .CodeMirror.CodeMirror-focused ~ .error-validation .error-popup {
        display: block;
        position: absolute;
        z-index: 2
    }

.disabled-for-preview ~ .error-validation .icon-warning {
    display: none
}

.disabled-for-preview ~ .post-attachments {
    background: #fafafa
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #969696;
    opacity: 1
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #969696;
    opacity: 1
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #969696;
    opacity: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #969696;
    opacity: 1
}

input {
    line-height: normal
}

    input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    input::-ms-clear {
        display: none
    }

    input[type=checkbox], input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    overflow: visible
}

    button[disabled], html input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled] {
        cursor: default
    }

    button::-moz-focus-inner, html input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
        padding: 0;
        border: 0
    }

.btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px
}

    .btn:focus {
        border-color: #115bc0 !important;
        -webkit-box-shadow: 0 0 0 2px #afcef8;
        -moz-box-shadow: 0 0 0 2px #afcef8;
        box-shadow: 0 0 0 2px #afcef8
    }

    .btn.btn-default {
        background-color: #fff;
        border-color: #cfcfcf;
        color: #505050
    }

        .btn.btn-default:not([disabled]):hover {
            background-color: #eee
        }

    .btn.btn-action {
        background-color: #D00F78;
        color: #fff
    }

        .btn.btn-action:not([disabled]):hover {
            background-color: #b50d68;
        }

        .btn.btn-action:focus {
            outline: 2px solid rgba(17,91,192,.6);
            outline-offset: -2px
        }

    .btn.btn-primary {
        background-color: #D00F78;
        color: #fff
    }

        .btn.btn-primary:not([disabled]):hover {
            background-color: #b50d68
        }

    .btn.btn-danger {
        background-color: #f54062;
        color: #fff
    }

        .btn.btn-danger:not([disabled]):hover {
            background-color: #f54062
        }

        .btn.btn-danger:focus {
            outline: 2px solid #f2103a;
            outline-offset: -2px
        }

            .btn.btn-danger:focus ~ .error-validation .error-popup {
                display: block;
                position: absolute;
                z-index: 2
            }

    .btn.btn-file {
        background-color: #eee;
        position: relative
    }

        .btn.btn-file:not([disabled]) .remove-attach:hover {
            color: #505050
        }

    .btn.disabled, .btn:disabled, .btn[disabled] {
        opacity: 1;
        color: rgba(255,255,255,.5)
    }

        .btn.disabled.btn-default, .btn:disabled.btn-default, .btn[disabled].btn-default {
            color: rgba(80,80,80,.5)
        }

    .btn:not([disabled]):hover {
        text-decoration: none
    }

    .btn.btn-group-sm > .btn, .btn.btn-sm {
        font-size: 14px;
        border-radius: 3px;
        padding: 4px 10px
    }

        .btn.btn-group-sm > .btn.btn-round, .btn.btn-sm.btn-round {
            border-radius: 15px
        }

    .btn.icon {
        font-size: 12px
    }

        .btn.icon::before {
            text-indent: 0
        }

.clearfix:after, .clearfix:before, .container:after, .container:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .row:after, .row:before {
    content: " ";
    display: table
}

.clearfix:after, .container:after, .form-group:after, .modal-footer:after, .nav:after, .navbar-header:after, .navbar:after, .pager:after, .row:after {
    clear: both
}

.action-link {
    border-bottom: 1px dashed;
    font-size: 14px
}

    .action-link:hover {
        text-decoration: none !important
    }

.label {
    border-radius: 3px;
    color: #fff;
    display: inline;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 5px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: baseline;
    white-space: nowrap
}

.dropdown .dropdown-toggle {
    cursor: pointer
}

    .dropdown .dropdown-toggle .dropdown-arrow {
        font-size: 10px;
        width: 13px;
        height: 13px;
        display: block
    }

    .dropdown .dropdown-toggle:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 2px 0 rgba(255,255,255,.4);
        -moz-box-shadow: 0 0 2px 0 rgba(255,255,255,.4);
        box-shadow: 0 0 2px 0 rgba(255,255,255,.4)
    }

.dropdown .dropdown-main {
    margin-right: 0 !important
}

.dropdown .dropdown-popup {
    position: absolute;
    top: 28px;
    z-index: 1000;
    float: left;
    min-width: 200px;
    font-size: 14px;
    text-align: left;
    border: 1px solid #cecece;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    display: none;
    background-color: #fff
}

    .dropdown .dropdown-popup ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .dropdown .dropdown-popup ul li {
            margin: 0;
            line-height: 24px;
            cursor: pointer
        }

            .dropdown .dropdown-popup ul li > * {
                padding: 6px 12px 8px 12px;
                display: block;
                position: relative;
                height: auto;
                min-height: 40px
            }

            .dropdown .dropdown-popup ul li > form {
                padding: 0
            }

                .dropdown .dropdown-popup ul li > form > * {
                    padding: 8px 12px !important
                }

            .dropdown .dropdown-popup ul li a {
                text-decoration: none
            }

            .dropdown .dropdown-popup ul li.active {
                background-color: #eee
            }

                .dropdown .dropdown-popup ul li.active a {
                    pointer-events: none;
                    width: 100%;
                    display: block
                }

                    .dropdown .dropdown-popup ul li.active a:hover {
                        text-decoration: none
                    }

                .dropdown .dropdown-popup ul li.active .checkbox {
                    color: #fff
                }

            .dropdown .dropdown-popup ul li:not(.active):hover {
                background-color: #e9f6fc
            }

    .dropdown .dropdown-popup .divider {
        background-color: #cfcfcf;
        height: 1px;
        overflow: hidden;
        border-radius: 0;
        padding: 0
    }

    .dropdown .dropdown-popup > .arrow, .dropdown .dropdown-popup > .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .dropdown .dropdown-popup > .arrow {
        top: -16px;
        right: 16px;
        margin-left: -11px;
        border-top-width: 0;
        border-width: 8px
    }

        .dropdown .dropdown-popup > .arrow:after {
            top: -6px;
            margin-left: -7px;
            content: " ";
            border-top-width: 0;
            border-width: 7px;
            border-bottom-color: #fff
        }

.dropdown.medium .select2-container--default .select2-selection__rendered {
    line-height: 28px !important
}

.dropdown.medium .select2-container--default .select2-selection--single {
    height: 30px
}

    .dropdown.medium .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 30px;
        padding: 4px 15px
    }

        .dropdown.medium .select2-container--default .select2-selection--single .select2-selection__arrow b {
            left: 14px;
            top: 10px
        }

.dropdown.medium .select2-container--default .select2-selection--multiple {
    min-height: 30px
}

    .dropdown.medium .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        line-height: 20px;
        padding-left: 6px
    }

.dropdown.medium .select2-container--default .select2-selection__choice {
    margin-top: 3px;
    padding: 0 6px !important
}

    .dropdown.medium .select2-container--default .select2-selection__choice:last-child {
        margin-bottom: 3px
    }

.dropdown.medium .select2-container--default .select2-selection__choice__remove {
    margin-left: 8px;
    line-height: 19px
}

.dropdown.medium .select2-container--default .select2-selection__placeholder {
    color: #969696;
    margin: 0;
    float: none
}

.dropdown.medium .select2-container .select2-search--inline .select2-search__field {
    margin: 3px 0;
    margin-left: 5px
}

.checkbox {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

    .checkbox > input[type=checkbox] {
        position: absolute;
        left: -9999px;
        bottom: 3px
    }

        .checkbox > input[type=checkbox] + label {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            height: 20px
        }

            .checkbox > input[type=checkbox] + label .inner-checked {
                background-color: #fff;
                border: 1px solid #cfcfcf;
                display: inline-block;
                width: 16px;
                height: 16px;
                content: "";
                cursor: pointer;
                margin-top: 2px;
                position: relative;
                color: #969696;
                font-size: 10px
            }

                .checkbox > input[type=checkbox] + label .inner-checked::before {
                    content: '';
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -ms-transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    -o-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    margin: 0 !important;
                    text-indent: 0;
                    font-family: answerdesk-icons;
                    font-style: normal;
                    font-weight: 400;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: 1em;
                    text-align: center;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1em
                }

            .checkbox > input[type=checkbox] + label .inner-text {
                color: #969696
            }

        .checkbox > input[type=checkbox]:checked + label .inner-checked::before {
            content: ''
        }

        .checkbox > input[type=checkbox]:focus + label .inner-checked {
            -webkit-box-shadow: 0 0 0 2px #afcef8;
            -moz-box-shadow: 0 0 0 2px #afcef8;
            box-shadow: 0 0 0 2px #afcef8
        }

        .checkbox > input[type=checkbox]:indeterminate + label .inner-checked {
            font-size: 6px
        }

            .checkbox > input[type=checkbox]:indeterminate + label .inner-checked::before {
                content: ''
            }

    .checkbox > label .inner-text {
        display: inline-block;
        left: 0;
        margin-left: 28px;
        position: absolute;
        top: 0;
        font-size: 14px
    }

    .checkbox.big > input[type=checkbox] + label {
        height: 40px
    }

        .checkbox.big > input[type=checkbox] + label .inner-checked {
            width: 40px;
            height: 40px;
            margin: 0
        }

    .checkbox.big > input[type=checkbox]:checked + label .inner-checked {
        font-size: 18px
    }

    .checkbox.big > label .inner-text {
        line-height: 40px;
        margin-left: 52px
    }

    .checkbox.medium > input[type=checkbox] + label {
        height: 30px
    }

        .checkbox.medium > input[type=checkbox] + label .inner-checked {
            width: 30px;
            height: 30px;
            margin: 0
        }

    .checkbox.medium > input[type=checkbox]:checked + label .inner-checked {
        font-size: 14px
    }

    .checkbox.medium > label .inner-text {
        line-height: 30px;
        margin-left: 42px
    }

    .checkbox.small > input[type=checkbox] + label {
        height: 25px
    }

        .checkbox.small > input[type=checkbox] + label .inner-checked {
            width: 25px;
            height: 25px;
            margin: 0
        }

    .checkbox.small > input[type=checkbox]:checked + label .inner-checked {
        font-size: 14px
    }

    .checkbox.small > label .inner-text {
        line-height: 25px;
        margin-left: 36px
    }

    .checkbox > input[disabled] + label .inner-checked {
        background-color: #eee;
        cursor: help
    }

        .checkbox > input[disabled] + label .inner-checked:not([title]), .checkbox > input[disabled] + label .inner-checked[title=""] {
            cursor: default
        }

.property-loader {
    position: relative;
    overflow: hidden
}

    .property-loader .property-label-block, .property-loader .property-value-block {
        width: 100%;
        position: relative;
        background: rgba(0,0,0,.09)
    }

        .property-loader .property-label-block::after, .property-loader .property-value-block::after {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: #fff;
            background: linear-gradient(90deg,rgba(0,0,0,0) 0,#000 60%,rgba(0,0,0,0) 100%);
            opacity: .06;
            -o-animation: stripes 1.2s ease-in-out infinite;
            -ms-animation: stripes 1.2s ease-in-out infinite;
            -moz-animation: stripes 1.2s ease-in-out infinite;
            -webkit-animation: stripes 1.2s ease-in-out infinite;
            animation: stripes 1.2s ease-in-out infinite
        }

        .property-loader .property-label-block::before, .property-loader .property-value-block::before {
            content: " ";
            width: 50%;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 1;
            background: #fff
        }

    .property-loader .property-value-block {
        height: 30px
    }

        .property-loader .property-value-block::before {
            width: 0
        }

    .property-loader .property-label-block {
        height: 16px;
        margin-bottom: 5px
    }

@-webkit-keyframes stripes {
    from {
        left: -100%
    }

    to {
        left: 100%
    }
}

@keyframes stripes {
    from {
        left: -100%
    }

    to {
        left: 100%
    }
}

.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    height: 100%
}

    .modal.fade {
        opacity: 0;
        transition: opacity .1s linear 0s
    }

        .modal.fade.in {
            opacity: 1
        }

        .modal.fade .modal-dialog {
            transition: transform .1s ease-out 0s
        }

    .modal .modal-dialog {
        position: relative;
        width: 100%;
        margin: 10px;
        top: 50%;
        left: 50%;
        max-width: 1425px
    }

        .modal .modal-dialog.modal-dialog-wide .modal-body {
            padding-bottom: 10px
        }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-right {
                padding-top: 10px
            }

                .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-right .site-row-header {
                    display: none
                }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-left, .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-right {
                float: none !important
            }

        .modal .modal-dialog.modal-dialog-wide .modal-footer {
            padding: 20px 30px 20px 30px;
            border-top: 1px solid #999;
            border-top: 1px solid rgba(0,0,0,.15)
        }

        .modal .modal-dialog.modal-dialog-wide .site-row-header {
            color: #818181;
            text-transform: uppercase;
            line-height: 14px;
            position: relative;
            left: -10px;
            padding-bottom: 20px
        }

        .modal .modal-dialog .CodeMirror, .modal .modal-dialog .CodeMirror-scroll {
            max-height: 500px
        }

    .modal .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #cfcfcf;
        border-radius: 3px;
        outline: 0;
        -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
        box-shadow: 0 4px 8px rgba(0,0,0,.1)
    }

    .modal .modal-backdrop {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background-color: #eee
    }

        .modal .modal-backdrop.fade {
            opacity: 0
        }

            .modal .modal-backdrop.fade.in {
                opacity: .95
            }

    .modal .modal-header {
        min-height: 16.42857143px;
        padding: 18px 20px 0;
        color: #969696;
        text-transform: uppercase;
        font-size: 12px
    }

        .modal .modal-header .close {
            margin-top: -2px
        }

    .modal .modal-title {
        margin: 0;
        line-height: 14px;
        font-weight: 400;
        font-size: 14px
    }

    .modal .modal-body {
        position: relative;
        padding: 40px
    }

    .modal .modal-footer {
        padding: 10px 40px 40px 40px;
        text-align: right
    }

        .modal .modal-footer .btn {
            height: 40px;
            padding: 0 30px
        }

            .modal .modal-footer .btn + .btn {
                margin-bottom: 0;
                margin-left: 5px
            }

        .modal .modal-footer .preview {
            padding: 0 35px
        }

    .modal .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
    }

    .modal .modal-body-row {
        overflow: hidden
    }

        .modal .modal-body-row:not(:last-child) {
            margin-bottom: 30px
        }

@media(min-width:1025px) {
    .modal .modal-dialog.modal-dialog-wide .modal-body {
        padding: 20px 10px 0;
        position: relative
    }

        .modal .modal-dialog.modal-dialog-wide .modal-body .site-row:not(:last-child) {
            margin-bottom: 8px !important
        }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row:not(:last-child) [class^=site-col-] {
                margin-bottom: 4px
            }

        .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-left {
            padding-right: 340px;
            padding-left: 30px;
            width: 100%;
            padding-bottom: 20px
        }

        .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right {
            display: flex;
            flex-direction: column;
            width: 320px;
            position: absolute;
            overflow: auto;
            padding-right: 20px;
            bottom: 0;
            right: 0;
            top: 0;
            background: #f8f8f8;
            border-left: 1px solid #c6c6c6;
            padding-left: 20px;
            padding-top: 20px
        }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row-header {
                display: block
            }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row {
                flex-shrink: 0
            }

                .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row:last-child {
                    padding-bottom: 20px
                }

                    .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row:last-child .property-loader .property-value-block::before {
                        width: 20%
                    }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .property-loader .property-label-block::before, .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .property-loader .property-value-block::before {
                background: #f8f8f8
            }
}

@media(min-width:641px)and (max-width:1024px) {
    .modal .modal-dialog-wide .site-col-left .site-row [class^=site-col-], .modal .modal-dialog-wide .site-col-right .site-row [class^=site-col-] {
        padding: 0
    }

    .modal .modal-dialog-wide .site-col-right .site-row {
        float: none;
        width: 50%;
        display: inline-block
    }

        .modal .modal-dialog-wide .site-col-right .site-row:nth-child(2n+1) {
            float: right
        }

        .modal .modal-dialog-wide .site-col-right .site-row.disclaimer {
            width: 100% !important;
            margin-top: 10px
        }
}

@media(max-width:640px) {
    .modal {
        padding-left: 0 !important
    }

        .modal .modal-dialog {
            width: 100% !important;
            margin-right: auto !important;
            margin-left: auto !important;
            left: 0
        }

            .modal .modal-dialog .modal-body, .modal .modal-dialog .modal-footer {
                padding: 20px
            }

            .modal .modal-dialog.modal-dialog-wide .modal-body, .modal .modal-dialog.modal-dialog-wide .modal-footer {
                padding: 20px
            }
}

.attachments .attachment, .existed-attachments .attachment {
    margin-bottom: 5px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    border-radius: 2px;
    padding: 0 0 0 10px;
    display: inline-flex;
    margin-right: 5px;
    height: 30px
}

    .attachments .attachment .file-item, .existed-attachments .attachment .file-item {
        width: 90%;
        width: -webkit-calc(100% - 35px);
        width: -o-calc(100% - 35px);
        width: -moz-calc(100% - 35px);
        width: calc(100% - 35px)
    }

    .attachments .attachment .file-name, .existed-attachments .attachment .file-name {
        line-height: 30px;
        float: left;
        color: #505050
    }

        .attachments .attachment .file-name:before, .existed-attachments .attachment .file-name:before {
            position: relative;
            left: -2px;
            top: -6px;
            margin-right: 4px;
            z-index: 1
        }

    .attachments .attachment .remove-attach, .existed-attachments .attachment .remove-attach {
        width: 24px;
        height: 30px;
        margin: 0;
        font-size: 9px;
        line-height: 30px;
        color: #505050
    }

    .attachments .attachment.has-error, .existed-attachments .attachment.has-error {
        padding: 0;
        background: #f1dcdc
    }

        .attachments .attachment.has-error .file-item, .existed-attachments .attachment.has-error .file-item {
            background: #f1dcdc;
            padding-left: 28px;
            border-radius: 2px
        }

        .attachments .attachment.has-error .file-name:before, .existed-attachments .attachment.has-error .file-name:before {
            display: none
        }

        .attachments .attachment.has-error .remove-attach, .existed-attachments .attachment.has-error .remove-attach {
            margin-left: 0
        }

            .attachments .attachment.has-error .remove-attach:focus + .error-validation .error-popup, .existed-attachments .attachment.has-error .remove-attach:focus + .error-validation .error-popup {
                display: block;
                position: absolute;
                z-index: 2
            }

        .attachments .attachment.has-error .error-validation, .existed-attachments .attachment.has-error .error-validation {
            margin-left: -30px
        }

            .attachments .attachment.has-error .error-validation .error-popup, .attachments .attachment.has-error .error-validation .icon-warning, .existed-attachments .attachment.has-error .error-validation .error-popup, .existed-attachments .attachment.has-error .error-validation .icon-warning {
                bottom: 0
            }

            .attachments .attachment.has-error .error-validation .error-popup, .existed-attachments .attachment.has-error .error-validation .error-popup {
                left: 0;
                bottom: 32px
            }

                .attachments .attachment.has-error .error-validation .error-popup:before, .existed-attachments .attachment.has-error .error-validation .error-popup:before {
                    top: initial;
                    bottom: -5px;
                    border-width: 5px;
                    border-bottom-width: 0;
                    border-color: transparent;
                    border-top-color: #f54062
                }

    .attachments .attachment .error, .existed-attachments .attachment .error {
        color: #f54062
    }

        .attachments .attachment .error:before, .existed-attachments .attachment .error:before {
            content: "—";
            margin: 0 5px 0 5px;
            color: #969696
        }

    .attachments .attachment .upload-label, .existed-attachments .attachment .upload-label {
        position: absolute;
        left: 0;
        right: 23px;
        height: 100%;
        line-height: 30px
    }

        .attachments .attachment .upload-label .upload-progress, .existed-attachments .attachment .upload-label .upload-progress {
            height: 100%;
            position: absolute;
            background: url(/Content/imgs/common/pattern-loading.gif);
            overflow: hidden;
            color: #fff;
            z-index: 1;
            text-align: left;
            max-width: 100%
        }

            .attachments .attachment .upload-label .upload-progress.waiting, .existed-attachments .attachment .upload-label .upload-progress.waiting {
                background: url(/Content/imgs/Common/pattern-queued.gif);
                width: 100% !important;
                color: #969696
            }

            .attachments .attachment .upload-label .upload-progress:before, .existed-attachments .attachment .upload-label .upload-progress:before {
                content: " ";
                height: 19px;
                width: 28px;
                display: inline-block
            }

        .attachments .attachment .upload-label .upload-progress-label, .existed-attachments .attachment .upload-label .upload-progress-label {
            position: relative;
            top: 0;
            bottom: 0;
            left: 18px;
            width: 100%;
            padding: 0 10px;
            color: #969696;
            text-align: left;
            background-color: #eee
        }

.attachments .existed-attachments, .attachments .new-attachments, .existed-attachments .existed-attachments, .existed-attachments .new-attachments {
    max-width: 100%;
    font-size: 0
}

.tab-control .tab-action {
    background-color: #fff;
    border-color: #cfcfcf;
    font-weight: 400
}

    .tab-control .tab-action.acive {
        background-color: #D00F78;
        border-color: #D00F78;
        color: #fff;
        font-weight: 400
    }

.tab-control .tab-content {
    display: none
}

    .tab-control .tab-content.active {
        display: block
    }

.editor-label {
    color: #969696;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    line-height: 16px;
    font-size: 14px
}

.text-box input[type=email], .text-box input[type=number], .text-box input[type=password], .text-box input[type=text], .text-box select {
    height: 40px;
    padding: 5px;
    width: 100%;
    border: 1px solid #cfcfcf
}

.text-box.has-error .CodeMirror, .text-box.has-error .addon, .text-box.has-error .quantity-button:hover, .text-box.has-error .select2-selection--multiple, .text-box.has-error .select2-selection--single, .text-box.has-error .select2-selection__arrow, .text-box.has-error .select2-selection__arrow:hover, .text-box.has-error input[type=email], .text-box.has-error input[type=number], .text-box.has-error input[type=password], .text-box.has-error input[type=text], .text-box.has-error select {
    background-color: #f1dcdc !important
}

.text-box.has-error input[type=email], .text-box.has-error input[type=number], .text-box.has-error input[type=password], .text-box.has-error input[type=text] {
    padding-left: 30px
}

    .text-box.has-error input[type=email]:focus, .text-box.has-error input[type=number]:focus, .text-box.has-error input[type=password]:focus, .text-box.has-error input[type=text]:focus {
        padding-left: 5px
    }

        .text-box.has-error input[type=email]:focus ~ .error-validation .icon-warning, .text-box.has-error input[type=number]:focus ~ .error-validation .icon-warning, .text-box.has-error input[type=password]:focus ~ .error-validation .icon-warning, .text-box.has-error input[type=text]:focus ~ .error-validation .icon-warning {
            display: none
        }

        .text-box.has-error input[type=email]:focus ~ .error-validation .error-popup, .text-box.has-error input[type=number]:focus ~ .error-validation .error-popup, .text-box.has-error input[type=password]:focus ~ .error-validation .error-popup, .text-box.has-error input[type=text]:focus ~ .error-validation .error-popup {
            display: block;
            position: absolute;
            z-index: 2
        }

.text-box.has-error .select2-container.select2-container--focus .select2-selection__placeholder, .text-box.has-error .select2-container.select2-container--open .select2-selection__placeholder {
    padding-left: 0
}

.text-box.has-error .select2-container.select2-container--focus + .error-validation .icon-warning, .text-box.has-error .select2-container.select2-container--open + .error-validation .icon-warning {
    display: none
}

.text-box.has-error .select2-container.select2-container--focus + .error-validation .error-popup, .text-box.has-error .select2-container.select2-container--open + .error-validation .error-popup {
    display: block;
    position: absolute;
    z-index: 2
}

.text-box.has-error .select2-container .select2-selection__placeholder {
    padding-left: 24px
}

.text-box .editor-group {
    border-collapse: separate;
    height: 40px;
    width: 100%
}

    .text-box .editor-group > input {
        border-right: 1px solid transparent
    }

    .text-box .editor-group > .addon {
        width: 40px;
        position: relative;
        border-top: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf
    }

.text-box.numeric > .editor-group > input[type=number] {
    -moz-appearance: textfield
}

    .text-box.numeric > .editor-group > input[type=number]::-webkit-inner-spin-button, .text-box.numeric > .editor-group > input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0
    }

.text-box.numeric > .editor-group > .addon > .quantity-button {
    position: absolute;
    cursor: pointer;
    width: 39px;
    height: 20px;
    right: -40px;
    text-align: center;
    font-size: 13px;
    line-height: 1.7;
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .text-box.numeric > .editor-group > .addon > .quantity-button > .quantity-arrow {
        background-size: cover;
        width: 13px;
        height: 13px;
        display: block;
        color: #969696;
        font-size: 10px
    }

        .text-box.numeric > .editor-group > .addon > .quantity-button > .quantity-arrow::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            margin: 0 !important;
            text-indent: 0;
            font-family: answerdesk-icons;
            font-style: normal;
            font-weight: 400;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: 1em;
            text-align: center;
            font-variant: normal;
            text-transform: none;
            line-height: 1em
        }

    .text-box.numeric > .editor-group > .addon > .quantity-button.up {
        top: -1px
    }

        .text-box.numeric > .editor-group > .addon > .quantity-button.up .quantity-arrow {
            margin: 4px auto;
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .text-box.numeric > .editor-group > .addon > .quantity-button.down {
        bottom: -1px
    }

        .text-box.numeric > .editor-group > .addon > .quantity-button.down .quantity-arrow {
            margin: 4px auto
        }

    .text-box.numeric > .editor-group > .addon > .quantity-button:hover {
        background-color: #eee;
        -webkit-box-shadow: inset 0 0 0 1px #cfcfcf;
        -moz-box-shadow: inset 0 0 0 1px #cfcfcf;
        box-shadow: inset 0 0 0 1px #cfcfcf
    }

.text-box.numeric.medium > .editor-group > .addon {
    position: relative;
    float: right;
    height: 30px;
    width: 30px;
    margin-top: -30px
}

    .text-box.numeric.medium > .editor-group > .addon > .quantity-button {
        height: 15px;
        width: 30px;
        right: -31px
    }

        .text-box.numeric.medium > .editor-group > .addon > .quantity-button .quantity-arrow {
            height: 12px;
            margin: 1px auto
        }

.text-box.medium input[type=email], .text-box.medium input[type=number], .text-box.medium input[type=password], .text-box.medium input[type=text], .text-box.medium select {
    height: 30px;
    padding-top: 0;
    padding-bottom: 0
}

.text-box.medium .editor-group {
    height: 30px
}

    .text-box.medium .editor-group > .addon {
        width: 30px;
        background: #fff
    }

.text-box.medium .select2-selection__clear {
    color: #969696;
    top: -15px;
    height: 1px;
    width: 14px;
    font-size: 9px;
    float: right;
    opacity: .5
}

    .text-box.medium .select2-selection__clear:focus, .text-box.medium .select2-selection__clear:hover {
        opacity: 1;
        cursor: pointer
    }

.markdown-editor .code-dropdown, .markdown-editor .help-modal, .markdown-editor .insert-attachments, .markdown-editor .insert-link-modal {
    display: none;
    position: absolute;
    background: #fff;
    margin-top: 34px;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
    z-index: 100;
    max-height: 390px;
    overflow: auto
}

    .markdown-editor .code-dropdown div, .markdown-editor .insert-attachments div {
        margin: 2px;
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer
    }

        .markdown-editor .code-dropdown div:focus, .markdown-editor .code-dropdown div:hover, .markdown-editor .insert-attachments div:focus, .markdown-editor .insert-attachments div:hover {
            background: #eee;
            color: #505050;
            border-radius: 3px
        }

    .markdown-editor .code-dropdown hr, .markdown-editor .insert-attachments hr {
        border-top: 1px solid #cfcfcf;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

    .markdown-editor .code-dropdown div.disable {
        color: #aaa;
        cursor: default
    }

        .markdown-editor .code-dropdown div.disable:hover {
            background: #fff
        }

    .markdown-editor .code-dropdown .recent {
        font-weight: 600
    }

.markdown-editor .insert-link-modal {
    padding: 8px 18px;
    width: 362px
}

    .markdown-editor .insert-link-modal .editor-block {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .markdown-editor .insert-link-modal .editor-block input {
            background: #fff !important;
            padding-left: 5px
        }

    .markdown-editor .insert-link-modal .insert-link-footer {
        margin-top: 26px;
        margin-bottom: 12px;
        text-align: right
    }

.markdown-editor .help-modal {
    right: 10px;
    font-size: 14px;
    padding: 11px 19px;
    width: 362px;
    max-height: none
}

    .markdown-editor .help-modal .col {
        display: inline-block
    }

        .markdown-editor .help-modal .col.markdown {
            width: 178px
        }

    .markdown-editor .help-modal .help-header {
        padding-bottom: 4px;
        color: #969696
    }

    .markdown-editor .help-modal .help-item {
        padding: 6px 0
    }

        .markdown-editor .help-modal .help-item a {
            color: #115bc0;
            cursor: pointer
        }

        .markdown-editor .help-modal .help-item blockquote {
            margin: 0
        }

        .markdown-editor .help-modal .help-item ul {
            margin: 0;
            padding-left: 18px
        }

        .markdown-editor .help-modal .help-item .backslash {
            color: #969696
        }

        .markdown-editor .help-modal .help-item .h1 {
            font-size: 24px;
            font-weight: 600
        }

        .markdown-editor .help-modal .help-item .h2 {
            font-size: 20px;
            font-weight: 600
        }

        .markdown-editor .help-modal .help-item:not(:last-child) {
            border-bottom: 1px solid #eee
        }

.markdown-editor .wmd-preview > p:first-child {
    margin-top: 0;
    height: 190px;
    overflow-y: auto
}

.markdown-editor .wmd-preview pre {
    white-space: pre;
    word-wrap: break-word
}

.markdown-editor .wmd-preview img {
    max-width: 100%
}

.markdown-editor .wmd-preview a {
    color: #115bc0
}

.markdown-editor .error-validation .icon-warning {
    background-color: #f1dcdc
}

@media(max-width:640px) {
    .markdown-editor .code-dropdown, .markdown-editor .insert-attachments, .markdown-editor .insert-link-modal {
        margin-left: 0;
        width: 80%;
        width: -webkit-calc(100% - 40px);
        width: -o-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px)
    }
}

.post-attachments {
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    padding: 8px 10px 0
}

    .post-attachments::before {
        position: absolute;
        left: 0;
        right: 0;
        content: " ";
        border-top: 1px solid #f2f2f2;
        margin: -8px 1px 0
    }

    .post-attachments.is-empty {
        padding: 0
    }

        .post-attachments.is-empty::before {
            content: none
        }

.drop-area {
    position: absolute;
    top: 40px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: rgba(255,255,255,.93);
    outline: 3px dashed #D00F78;
    color: #D00F78;
    outline-offset: -10px;
    z-index: 5;
    text-align: center;
    overflow: hidden;
    display: none
}

    .drop-area div {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        display: inline-block;
        position: relative;
        font-weight: 600;
        font-size: 30px;
        z-index: -1
    }

.select2-container {
    font-size: 14px
}

    .select2-container.select2-container--default .select2-selection--multiple, .select2-container.select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #cfcfcf;
        border-radius: 0;
        opacity: 1
    }

    .select2-container.select2-container--default .select2-selection--single {
        height: 40px
    }

        .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 40px;
            display: block;
            overflow: hidden;
            padding-right: 34px;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            padding-left: 6px
        }

            .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered div.clearfix {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%
            }

        .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
            background-color: #fff;
            border-top: 1px solid #cfcfcf;
            border-right: 1px solid #cfcfcf;
            border-bottom: 1px solid #cfcfcf;
            height: 40px;
            line-height: 1.42857;
            outline-width: 0;
            padding: 4px 19px;
            right: 0 !important;
            top: 0 !important
        }

            .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
                display: block;
                height: 13px;
                width: 13px;
                border: none;
                left: 45%;
                top: 45%;
                color: #969696;
                font-size: 10px
            }

                .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
                    content: '';
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -ms-transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    -o-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    margin: 0 !important;
                    text-indent: 0;
                    font-family: answerdesk-icons;
                    font-style: normal;
                    font-weight: 400;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: 1em;
                    text-align: center;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1em
                }

    .select2-container.select2-container--default .select2-selection--multiple {
        min-height: 40px;
        font-size: 14px
    }

        .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
            line-height: 26px;
            max-height: 186px;
            overflow-y: auto;
            display: block;
            position: relative
        }

        .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
            border-radius: 3px;
            background-color: #f8f8f8;
            border: 1px solid #cfcfcf;
            padding: 2px 6px;
            white-space: normal;
            line-height: 20px
        }

            .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice:last-child {
                margin-bottom: 3px
            }

        .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
            color: #cfcfcf;
            float: right;
            font-weight: 700;
            margin-left: 0;
            margin-right: -6px;
            padding: 0 6px
        }

            .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #505050
            }

    .select2-container.select2-container--default.select2-container--open .select2-selection__arrow, .select2-container.select2-container--default:hover .select2-selection__arrow {
        border-left: 1px solid #cfcfcf
    }

    .select2-container.select2-container--default:hover .select2-selection__arrow {
        background-color: #eee !important
    }

    .select2-container.select2-container--default .select2-results__option[role=group] > .select2-results__group {
        font-weight: 600;
        font-size: 15px;
        color: #969696;
        padding: 5px;
        margin: 0 5px
    }

    .select2-container.select2-container--default .select2-results__option[role=group]:not(:last-child)::after {
        content: "";
        left: 0;
        right: 0;
        background-color: #cfcfcf;
        display: block;
        height: 1px;
        margin: 5px 0
    }

    .select2-container.select2-container--default .select2-results__option[role=treeitem] {
        padding: 5px;
        margin: 0 5px;
        border-radius: 3px;
        position: relative
    }

        .select2-container.select2-container--default .select2-results__option[role=treeitem] > .root {
            font-weight: 700;
            display: block
        }

        .select2-container.select2-container--default .select2-results__option[role=treeitem] > .child {
            margin-left: 5px;
            display: block
        }

            .select2-container.select2-container--default .select2-results__option[role=treeitem] > .child:hover {
                border-radius: 0
            }

        .select2-container.select2-container--default .select2-results__option[role=treeitem].child {
            left: 5px;
            margin-right: 10px
        }

            .select2-container.select2-container--default .select2-results__option[role=treeitem].child:before {
                content: " ";
                position: absolute;
                border-left: 1px solid #cfcfcf;
                top: 0;
                bottom: 0;
                left: 0
            }

        .select2-container.select2-container--default .select2-results__option[role=treeitem].root:not(:first-child) {
            margin-top: 5px
        }

    .select2-container.select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #D00F78;
        color: #fff
    }

        .select2-container.select2-container--default .select2-results__option[aria-selected=true] .text-muted {
            color: #fff;
            opacity: .5
        }

    .select2-container.select2-container--default .select2-results__option[role=treeitem] .relation-vertical {
        position: absolute;
        z-index: 1;
        width: 1px;
        border-left: 1px solid #cfcfcf
    }

    .select2-container.select2-container--default .select2-results__option[role=treeitem] .relation-horizontal {
        position: absolute;
        z-index: 1;
        width: 23px;
        height: 1px;
        top: 19px;
        border-top: 1px solid #cfcfcf
    }

    .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected=false] {
        background-color: #eee;
        color: #505050
    }

    .select2-container.select2-container--default .select2-results > .select2-results__options {
        margin: 3px 0;
        max-height: 400px
    }

    .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered div.clearfix {
        width: 80% !important
    }

    .select2-container.select2-container--open .select2-dropdown--above, .select2-container.select2-container--open .select2-dropdown--below {
        border: 1px solid #cfcfcf;
        border-radius: 3px;
        -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
        box-shadow: 0 4px 8px rgba(0,0,0,.1)
    }

    .select2-container.select2-container--focus .select2-selection, .select2-container.select2-container--focus .select2-selection__arrow {
        -webkit-box-shadow: 0 0 0 2px #afcef8;
        -moz-box-shadow: 0 0 0 2px #afcef8;
        box-shadow: 0 0 0 2px #afcef8
    }

    .select2-container .select2-search--inline .select2-search__field {
        padding: 1px;
        margin-top: 10px
    }

    .select2-container #select2-category-filter-results .select2-results__option, .select2-container #select2-select-category-results .select2-results__option {
        position: relative
    }

.loading .select2-container--disabled .select2-selection--multiple, .loading .select2-container--disabled .select2-selection--single {
    background-color: #fff !important
}

    .loading .select2-container--disabled .select2-selection--multiple .select2-selection__rendered, .loading .select2-container--disabled .select2-selection--single .select2-selection__rendered {
        opacity: .5
    }

    .loading .select2-container--disabled .select2-selection--multiple:after, .loading .select2-container--disabled .select2-selection--single:after {
        background: url(/Content/imgs/loading-external-source.gif) 50% 50% no-repeat #fff !important;
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        right: 7px;
        top: 50%;
        transform: translateY(-50%)
    }

    .loading .select2-container--disabled .select2-selection--multiple:hover .select2-selection__arrow, .loading .select2-container--disabled .select2-selection--single:hover .select2-selection__arrow {
        border-left: none;
        background-color: #fff !important
    }

* > .site-row:not(:last-child) {
    margin-bottom: 20px
}

.site-row {
    margin-right: -10px;
    margin-left: -10px;
    clear: both;
    overflow: hidden
}

    .site-row:before {
        display: table;
        content: " "
    }

    .site-row [class^=site-col-] {
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        float: left
    }

    .site-row .site-col-1 {
        width: 12.5%
    }

    .site-row .site-col-2 {
        width: 25%
    }

    .site-row .site-col-3 {
        width: 37.5%
    }

    .site-row .site-col-4 {
        width: 50%
    }

    .site-row .site-col-5 {
        width: 62.5%
    }

    .site-row .site-col-6 {
        width: 75%
    }

    .site-row .site-col-7 {
        width: 87.5%
    }

    .site-row .site-col-8 {
        width: 100%
    }

@media(max-width:1200px) {
    .site-row .site-col-1-lg {
        width: 12.5%
    }

    .site-row .site-col-2-lg {
        width: 25%
    }

    .site-row .site-col-3-lg {
        width: 37.5%
    }

    .site-row .site-col-4-lg {
        width: 50%
    }

    .site-row .site-col-5-lg {
        width: 62.5%
    }

    .site-row .site-col-6-lg {
        width: 75%
    }

    .site-row .site-col-7-lg {
        width: 87.5%
    }

    .site-row .site-col-8-lg {
        width: 100%
    }
}

@media(max-width:1024px) {
    .site-row .site-col-1-lg-md {
        width: 12.5%
    }

    .site-row .site-col-2-lg-md {
        width: 25%
    }

    .site-row .site-col-3-lg-md {
        width: 37.5%
    }

    .site-row .site-col-4-lg-md {
        width: 50%
    }

    .site-row .site-col-5-lg-md {
        width: 62.5%
    }

    .site-row .site-col-6-lg-md {
        width: 75%
    }

    .site-row .site-col-7-lg-md {
        width: 87.5%
    }

    .site-row .site-col-8-lg-md {
        width: 100%
    }

    .site-row .site-col-1-md {
        width: 12.5%
    }

    .site-row .site-col-2-md {
        width: 25%
    }

    .site-row .site-col-3-md {
        width: 37.5%
    }

    .site-row .site-col-4-md {
        width: 50%
    }

    .site-row .site-col-5-md {
        width: 62.5%
    }

    .site-row .site-col-6-md {
        width: 75%
    }

    .site-row .site-col-7-md {
        width: 87.5%
    }

    .site-row .site-col-8-md {
        width: 100%
    }
}

@media(max-width:640px) {
    .site-row .site-col-1-md-sm {
        width: 12.5%
    }

    .site-row .site-col-2-md-sm {
        width: 25%
    }

    .site-row .site-col-3-md-sm {
        width: 37.5%
    }

    .site-row .site-col-4-md-sm {
        width: 50%
    }

    .site-row .site-col-5-md-sm {
        width: 62.5%
    }

    .site-row .site-col-6-md-sm {
        width: 75%
    }

    .site-row .site-col-7-md-sm {
        width: 87.5%
    }

    .site-row .site-col-8-md-sm {
        width: 100%
    }

    .site-row .site-col-1-sm {
        width: 12.5%
    }

    .site-row .site-col-2-sm {
        width: 25%
    }

    .site-row .site-col-3-sm {
        width: 37.5%
    }

    .site-row .site-col-4-sm {
        width: 50%
    }

    .site-row .site-col-5-sm {
        width: 62.5%
    }

    .site-row .site-col-6-sm {
        width: 75%
    }

    .site-row .site-col-7-sm {
        width: 87.5%
    }

    .site-row .site-col-8-sm {
        width: 100%
    }

    .site-row .site-col-1-sm-xs {
        width: 12.5%
    }

    .site-row .site-col-2-sm-xs {
        width: 25%
    }

    .site-row .site-col-3-sm-xs {
        width: 37.5%
    }

    .site-row .site-col-4-sm-xs {
        width: 50%
    }

    .site-row .site-col-5-sm-xs {
        width: 62.5%
    }

    .site-row .site-col-6-sm-xs {
        width: 75%
    }

    .site-row .site-col-7-sm-xs {
        width: 87.5%
    }

    .site-row .site-col-8-sm-xs {
        width: 100%
    }

    .site-row .site-col-1-xs {
        width: 12.5%
    }

    .site-row .site-col-2-xs {
        width: 25%
    }

    .site-row .site-col-3-xs {
        width: 37.5%
    }

    .site-row .site-col-4-xs {
        width: 50%
    }

    .site-row .site-col-5-xs {
        width: 62.5%
    }

    .site-row .site-col-6-xs {
        width: 75%
    }

    .site-row .site-col-7-xs {
        width: 87.5%
    }

    .site-row .site-col-8-xs {
        width: 100%
    }
}

@media(max-width:640px) {
    .site-row .navigate-to-internal {
        display: none
    }

    .site-row .site-row .site-col-3 {
        width: 100% !important
    }
}

.error-validation .icon-warning {
    position: absolute;
    display: block;
    height: 28px;
    width: 28px;
    margin: -29px 1px 1px;
    font-size: 16px !important;
    color: #f54062;
    cursor: pointer
}

.error-validation .error-popup {
    background: #f54062;
    border-radius: 4px;
    padding: 6px;
    margin-top: 5px;
    display: none;
    font-size: 14px
}

    .error-validation .error-popup:before {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        top: -5px;
        left: 10px;
        border-width: 5px;
        border-top-width: 0;
        border-color: transparent;
        border-style: solid;
        border-bottom-color: #f54062;
        content: " "
    }

    .error-validation .error-popup .error-message {
        color: #fff;
        font-size: 12px
    }

.error-validation:hover .error-popup {
    display: block;
    position: absolute;
    z-index: 2
}

.custom-tooltip {
    font-family: Segoe UI,Helvetica Neue,Helvetica,Verdana,sans-serif;
    position: absolute;
    color: #505050;
    border: 1px solid rgba(206,206,206,.5);
    border-radius: 2px;
    background: #fdfdfd;
    margin-top: 3px;
    padding: 7px 11px;
    left: 24px;
    font-size: 14px;
    line-height: 16px;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
    z-index: 2;
    font-weight: 400;
    text-transform: none
}

    .custom-tooltip:after, .custom-tooltip:before {
        content: " ";
        position: absolute;
        display: block;
        top: -10px;
        left: 10px;
        border: 5px solid transparent;
        border-bottom: 5px solid rgba(206,206,206,.5)
    }

    .custom-tooltip:after {
        top: -9px;
        left: 10px;
        border-bottom-width: 6px;
        border-bottom-color: #fdfdfd
    }

.loading-mode .overlay, .removing-mode .overlay, .saving-mode .overlay {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: .87;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.loading-mode .content-block, .removing-mode .content-block, .saving-mode .content-block {
    height: 60px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
    text-align: center
}

    .loading-mode .content-block p, .removing-mode .content-block p, .saving-mode .content-block p {
        margin-top: 0;
        margin-bottom: 10px;
        font-weight: 700
    }

.loading-mode.small-relative .content-block, .removing-mode.small-relative .content-block, .saving-mode.small-relative .content-block {
    position: relative
}

.loading-mode .content-block {
    height: 85px;
    margin-top: -85px/2;
    display: block
}

    .loading-mode .content-block.with-text {
        margin-top: -85px
    }

    .loading-mode .content-block .loader-image {
        margin: 0 auto;
        position: relative;
        display: block;
        border: 5px solid transparent;
        border-left-color: #D00F78;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -o-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

        .loading-mode .content-block .loader-image, .loading-mode .content-block .loader-image:after {
            border-radius: 50%;
            width: 85px;
            height: 85px
        }

    .loading-mode .content-block .loader-text {
        margin-top: 25px;
        font-size: 16px
    }

.loading-mode.small-relative .content-block {
    height: 50px;
    margin-top: -50px/2;
    display: block
}

    .loading-mode.small-relative .content-block.with-text {
        margin-top: -40px
    }

    .loading-mode.small-relative .content-block .loader-image {
        margin: 0 auto;
        position: relative;
        display: block;
        border: 3px solid transparent;
        border-left-color: #D00F78;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -o-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

        .loading-mode.small-relative .content-block .loader-image, .loading-mode.small-relative .content-block .loader-image:after {
            border-radius: 50%;
            width: 40px;
            height: 40px
        }

    .loading-mode.small-relative .content-block .loader-text {
        margin-top: 25px;
        font-size: 16px
    }

.loading-mode.dropdown-inline .content-block {
    height: 30px;
    margin-top: -30px/2;
    display: block
}

    .loading-mode.dropdown-inline .content-block.with-text {
        margin-top: -30px
    }

    .loading-mode.dropdown-inline .content-block .loader-image {
        margin: 0 auto;
        position: relative;
        display: block;
        border: 2px solid transparent;
        border-left-color: #D00F78;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -o-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

        .loading-mode.dropdown-inline .content-block .loader-image, .loading-mode.dropdown-inline .content-block .loader-image:after {
            border-radius: 50%;
            width: 30px;
            height: 30px
        }

    .loading-mode.dropdown-inline .content-block .loader-text {
        margin-top: 25px;
        font-size: 16px
    }

.loading-mode .error-message {
    font-size: 32px;
    margin: 0;
    color: #969696;
    font-weight: 300
}

.errors-list {
    list-style: none;
    color: #f54062;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 600
}

.search-img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 10px;
    font-size: 19px
}

    .search-img.active {
        color: #D00F78
    }

@-webkit-keyframes load8 {
    0% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.icon, .text-box-icon {
    color: #969696;
    position: relative
}

    .icon::before, .text-box-icon::before {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin: 0 !important
    }

.tree-item {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

    .tree-item .current {
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .tree-item .parents {
        color: #969696;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

.avatar {
    position: relative
}

    .avatar .avatar-image {
        color: #fff;
        font-weight: 600;
        display: block;
        text-align: center;
        background-size: cover !important
    }

        .avatar .avatar-image .avatar-badge {
            display: block;
            position: absolute;
            background-color: #fff;
            border-radius: 4px;
            bottom: -1px;
            right: -1px;
            cursor: help
        }

            .avatar .avatar-image .avatar-badge .inner {
                display: block;
                background-size: cover;
                border-radius: 2px;
                position: absolute;
                right: 1px;
                bottom: 1px
            }

        .avatar .avatar-image.type-profile {
            width: 36px;
            height: 36px;
            border-radius: 18px;
            position: relative;
            border: 1px solid #a1a1a1
        }

            .avatar .avatar-image.type-profile .avatar-text {
                display: block;
                font-size: 16px;
                line-height: 36px
            }

        .avatar .avatar-image.type-extrasmall {
            width: 34px;
            height: 34px;
            border-radius: 17px;
            position: relative;
            margin-right: 10px
        }

            .avatar .avatar-image.type-extrasmall .avatar-text {
                font-size: 12px;
                line-height: 34px
            }

            .avatar .avatar-image.type-extrasmall .avatar-badge {
                width: 14px;
                height: 14px;
                border-radius: 2px;
                bottom: -5px;
                right: -3px
            }

                .avatar .avatar-image.type-extrasmall .avatar-badge .inner {
                    height: 11px;
                    width: 11px;
                    right: 2px;
                    bottom: 2px
                }

        .avatar .avatar-image.type-small {
            width: 45px;
            height: 45px;
            border-radius: 23px
        }

            .avatar .avatar-image.type-small .avatar-text {
                font-size: 18px;
                line-height: 45px
            }

            .avatar .avatar-image.type-small .avatar-badge {
                width: 14px;
                height: 14px
            }

                .avatar .avatar-image.type-small .avatar-badge .inner {
                    height: 12px;
                    width: 12px
                }

        .avatar .avatar-image.type-medium {
            width: 158px;
            height: 158px;
            border-radius: 79px
        }

            .avatar .avatar-image.type-medium .avatar-text {
                font-size: 60px;
                line-height: 158px
            }

        .avatar .avatar-image.type-big {
            width: 180px;
            height: 180px;
            border-radius: 90px
        }

            .avatar .avatar-image.type-big .avatar-text {
                font-size: 69px;
                line-height: 180px
            }

        .avatar .avatar-image.scheme-0 {
            background-color: #47ce5c
        }

        .avatar .avatar-image.scheme-1 {
            background-color: #d31d39
        }

        .avatar .avatar-image.scheme-2 {
            background-color: #ff9e06
        }

        .avatar .avatar-image.scheme-3 {
            background-color: #cec147
        }

        .avatar .avatar-image.scheme-4 {
            background-color: #39b488
        }

        .avatar .avatar-image.scheme-5 {
            background-color: #00c3e1
        }

        .avatar .avatar-image.scheme-6 {
            background-color: #4181c5
        }

        .avatar .avatar-image.scheme-7 {
            background-color: #c377e0
        }

        .avatar .avatar-image.scheme-8 {
            background-color: #444
        }

        .avatar .avatar-image.scheme-9 {
            background-color: #5b47ce
        }

body .hljs, body pre > code {
    max-height: 540px !important
}

blockquote {
    position: relative;
    margin: 10px 0;
    padding-left: 23px;
    color: #7b7b7b
}

    blockquote::before {
        position: absolute;
        left: 0;
        color: #cfcfcf;
        font-size: 10px;
        font-family: answerdesk-icons;
        content: '';
        display: block;
        float: left;
        width: 15px;
        height: 15px;
        line-height: 20px;
        margin-right: 10px
    }

    blockquote > p:not(:last-child) {
        margin: 0 0 15px 0
    }

    blockquote > p:last-child {
        margin: 0 !important
    }

.editor-preview, .editor-preview-side {
    padding: 4px 9px !important
}

    .editor-preview a, .editor-preview-side a {
        color: #115bc0
    }

    .editor-preview img, .editor-preview-side img {
        max-width: 100%
    }

    .editor-preview pre, .editor-preview-side pre {
        overflow: initial;
        position: relative
    }

.CodeMirror-focused .editor-preview {
    padding: 4px 8px !important
}

.text-box input.dx-texteditor-input {
    height: 30px;
    padding: 7px 34px 8px 34px;
    border: none
}

.text-box .loading-mode {
    display: none
}

.text-box.loading .loading-mode {
    display: block;
    margin-top: 30px
}

.text-box.loading .tree-view-item {
    display: none
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: #D00F78
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border-color: #D00F78
}

.disclaimer {
    margin: 20px 0 10px 0;
    font-size: 12px;
    color: #7b7b7b
}

    .disclaimer a {
        color: #115bc0
    }

.modal .disclaimer {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px
}

.markdown-ticket-field-editor {
    width: 100%;
    resize: vertical;
    padding: 5px 10px;
    margin: 10px 0
}

body {
    background-color: #fff;
    color: #505050;
    font-family: Segoe UI,Helvetica Neue,Helvetica,Verdana,sans-serif;
    font-size: 16px;
    line-height: 1.42857;
    margin: 0
}

    body.modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

* {
    box-sizing: border-box
}

:focus {
    outline: 0
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-muted {
    color: #969696
}

.visible {
    display: block !important
}

.hidden {
    display: none !important
}

.pointer {
    cursor: pointer
}

.text-medium {
    font-size: 14px
}

ol, ul {
    margin-bottom: 10px;
    margin-top: 0
}

a {
    color: #505050;
    text-decoration: none;
    background-color: transparent
}

    a:hover {
        text-decoration: underline
    }

    a:focus {
        outline: 0;
        border-color: transparent;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 0 1px #115bc0;
        -moz-box-shadow: 0 0 0 1px #115bc0;
        box-shadow: 0 0 0 1px #115bc0
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: 0;
    border: 1px solid #cfcfcf;
    resize: none;
    -webkit-appearance: none;
    border-radius: 0
}

    input:focus, input:focus + .addon, optgroup:focus, optgroup:focus + .addon, select:focus, select:focus + .addon, textarea:focus, textarea:focus + .addon {
        -webkit-box-shadow: 0 0 0 2px #afcef8;
        -moz-box-shadow: 0 0 0 2px #afcef8;
        box-shadow: 0 0 0 2px #afcef8
    }

    button.clear-button-style {
        border: none;
        background: 0 0;
        padding: 0;
        margin: 0
    }

.CodeMirror.CodeMirror-focused {
    outline: 2px solid #afcef8;
    outline-offset: -1px;
    z-index: 1
}

    .CodeMirror.CodeMirror-focused ~ .error-validation .icon-warning {
        display: none
    }

    .CodeMirror.CodeMirror-focused ~ .error-validation .error-popup {
        display: block;
        position: absolute;
        z-index: 2
    }

.disabled-for-preview ~ .error-validation .icon-warning {
    display: none
}

.disabled-for-preview ~ .post-attachments {
    background: #fafafa
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #969696;
    opacity: 1
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #969696;
    opacity: 1
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #969696;
    opacity: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #969696;
    opacity: 1
}

input {
    line-height: normal
}

    input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    input::-ms-clear {
        display: none
    }

    input[type=checkbox], input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    overflow: visible
}

    button[disabled], html input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled] {
        cursor: default
    }

    button::-moz-focus-inner, html input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
        padding: 0;
        border: 0
    }

.btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px
}

    .btn:focus {
        border-color: #115bc0 !important;
        -webkit-box-shadow: 0 0 0 2px #afcef8;
        -moz-box-shadow: 0 0 0 2px #afcef8;
        box-shadow: 0 0 0 2px #afcef8
    }

    .btn.btn-default {
        background-color: #fff;
        border-color: #cfcfcf;
        color: #505050
    }

        .btn.btn-default:not([disabled]):hover {
            background-color: #eee
        }

    .btn.btn-action {
        background-color: #D00F78;
        color: #fff
    }

        .btn.btn-action:not([disabled]):hover {
            background-color: #b50d68
        }

        .btn.btn-action:focus {
            outline: 2px solid rgba(17,91,192,.6);
            outline-offset: -2px
        }

    .btn.btn-primary {
        background-color: #D00F78;
        color: #fff
    }

        .btn.btn-primary:not([disabled]):hover {
            background-color: #b50d68
        }

    .btn.btn-danger {
        background-color: #f54062;
        color: #fff
    }

        .btn.btn-danger:not([disabled]):hover {
            background-color: #f54062
        }

        .btn.btn-danger:focus {
            outline: 2px solid #f2103a;
            outline-offset: -2px
        }

            .btn.btn-danger:focus ~ .error-validation .error-popup {
                display: block;
                position: absolute;
                z-index: 2
            }

    .btn.btn-file {
        background-color: #eee;
        position: relative
    }

        .btn.btn-file:not([disabled]) .remove-attach:hover {
            color: #505050
        }

    .btn.disabled, .btn:disabled, .btn[disabled] {
        opacity: 1;
        color: rgba(255,255,255,.5)
    }

        .btn.disabled.btn-default, .btn:disabled.btn-default, .btn[disabled].btn-default {
            color: rgba(80,80,80,.5)
        }

    .btn:not([disabled]):hover {
        text-decoration: none
    }

    .btn.btn-group-sm > .btn, .btn.btn-sm {
        font-size: 14px;
        border-radius: 3px;
        padding: 4px 10px
    }

        .btn.btn-group-sm > .btn.btn-round, .btn.btn-sm.btn-round {
            border-radius: 15px
        }

    .btn.icon {
        font-size: 12px
    }

        .btn.icon::before {
            text-indent: 0
        }

.clearfix:after, .clearfix:before, .container:after, .container:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .row:after, .row:before {
    content: " ";
    display: table
}

.clearfix:after, .container:after, .form-group:after, .modal-footer:after, .nav:after, .navbar-header:after, .navbar:after, .pager:after, .row:after {
    clear: both
}

.action-link {
    border-bottom: 1px dashed;
    font-size: 14px
}

    .action-link:hover {
        text-decoration: none !important
    }

.label {
    border-radius: 3px;
    color: #fff;
    display: inline;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 5px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: baseline;
    white-space: nowrap
}

.dropdown .dropdown-toggle {
    cursor: pointer
}

    .dropdown .dropdown-toggle .dropdown-arrow {
        font-size: 10px;
        width: 13px;
        height: 13px;
        display: block
    }

    .dropdown .dropdown-toggle:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 2px 0 rgba(255,255,255,.4);
        -moz-box-shadow: 0 0 2px 0 rgba(255,255,255,.4);
        box-shadow: 0 0 2px 0 rgba(255,255,255,.4)
    }

.dropdown .dropdown-main {
    margin-right: 0 !important
}

.dropdown .dropdown-popup {
    position: absolute;
    top: 28px;
    z-index: 1000;
    float: left;
    min-width: 200px;
    font-size: 14px;
    text-align: left;
    border: 1px solid #cecece;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    display: none;
    background-color: #fff
}

    .dropdown .dropdown-popup ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .dropdown .dropdown-popup ul li {
            margin: 0;
            line-height: 24px;
            cursor: pointer
        }

            .dropdown .dropdown-popup ul li > * {
                padding: 6px 12px 8px 12px;
                display: block;
                position: relative;
                height: auto;
                min-height: 40px
            }

            .dropdown .dropdown-popup ul li > form {
                padding: 0
            }

                .dropdown .dropdown-popup ul li > form > * {
                    padding: 8px 12px !important
                }

            .dropdown .dropdown-popup ul li a {
                text-decoration: none
            }

            .dropdown .dropdown-popup ul li.active {
                background-color: #eee
            }

                .dropdown .dropdown-popup ul li.active a {
                    pointer-events: none;
                    width: 100%;
                    display: block
                }

                    .dropdown .dropdown-popup ul li.active a:hover {
                        text-decoration: none
                    }

                .dropdown .dropdown-popup ul li.active .checkbox {
                    color: #fff
                }

            .dropdown .dropdown-popup ul li:not(.active):hover {
                background-color: #e9f6fc
            }

    .dropdown .dropdown-popup .divider {
        background-color: #cfcfcf;
        height: 1px;
        overflow: hidden;
        border-radius: 0;
        padding: 0
    }

    .dropdown .dropdown-popup > .arrow, .dropdown .dropdown-popup > .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .dropdown .dropdown-popup > .arrow {
        top: -16px;
        right: 16px;
        margin-left: -11px;
        border-top-width: 0;
        border-width: 8px
    }

        .dropdown .dropdown-popup > .arrow:after {
            top: -6px;
            margin-left: -7px;
            content: " ";
            border-top-width: 0;
            border-width: 7px;
            border-bottom-color: #fff
        }

.dropdown.medium .select2-container--default .select2-selection__rendered {
    line-height: 28px !important
}

.dropdown.medium .select2-container--default .select2-selection--single {
    height: 30px
}

    .dropdown.medium .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 30px;
        padding: 4px 15px
    }

        .dropdown.medium .select2-container--default .select2-selection--single .select2-selection__arrow b {
            left: 14px;
            top: 10px
        }

.dropdown.medium .select2-container--default .select2-selection--multiple {
    min-height: 30px
}

    .dropdown.medium .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        line-height: 20px;
        padding-left: 6px
    }

.dropdown.medium .select2-container--default .select2-selection__choice {
    margin-top: 3px;
    padding: 0 6px !important
}

    .dropdown.medium .select2-container--default .select2-selection__choice:last-child {
        margin-bottom: 3px
    }

.dropdown.medium .select2-container--default .select2-selection__choice__remove {
    margin-left: 8px;
    line-height: 19px
}

.dropdown.medium .select2-container--default .select2-selection__placeholder {
    color: #969696;
    margin: 0;
    float: none
}

.dropdown.medium .select2-container .select2-search--inline .select2-search__field {
    margin: 3px 0;
    margin-left: 5px
}

.checkbox {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

    .checkbox > input[type=checkbox] {
        position: absolute;
        left: -9999px;
        bottom: 3px
    }

        .checkbox > input[type=checkbox] + label {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            height: 20px
        }

            .checkbox > input[type=checkbox] + label .inner-checked {
                background-color: #fff;
                border: 1px solid #cfcfcf;
                display: inline-block;
                width: 16px;
                height: 16px;
                content: "";
                cursor: pointer;
                margin-top: 2px;
                position: relative;
                color: #969696;
                font-size: 10px
            }

                .checkbox > input[type=checkbox] + label .inner-checked::before {
                    content: '';
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -ms-transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    -o-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    margin: 0 !important;
                    text-indent: 0;
                    font-family: answerdesk-icons;
                    font-style: normal;
                    font-weight: 400;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: 1em;
                    text-align: center;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1em
                }

            .checkbox > input[type=checkbox] + label .inner-text {
                color: #969696
            }

        .checkbox > input[type=checkbox]:checked + label .inner-checked::before {
            content: ''
        }

        .checkbox > input[type=checkbox]:focus + label .inner-checked {
            -webkit-box-shadow: 0 0 0 2px #afcef8;
            -moz-box-shadow: 0 0 0 2px #afcef8;
            box-shadow: 0 0 0 2px #afcef8
        }

        .checkbox > input[type=checkbox]:indeterminate + label .inner-checked {
            font-size: 6px
        }

            .checkbox > input[type=checkbox]:indeterminate + label .inner-checked::before {
                content: ''
            }

    .checkbox > label .inner-text {
        display: inline-block;
        left: 0;
        margin-left: 28px;
        position: absolute;
        top: 0;
        font-size: 14px
    }

    .checkbox.big > input[type=checkbox] + label {
        height: 40px
    }

        .checkbox.big > input[type=checkbox] + label .inner-checked {
            width: 40px;
            height: 40px;
            margin: 0
        }

    .checkbox.big > input[type=checkbox]:checked + label .inner-checked {
        font-size: 18px
    }

    .checkbox.big > label .inner-text {
        line-height: 40px;
        margin-left: 52px
    }

    .checkbox.medium > input[type=checkbox] + label {
        height: 30px
    }

        .checkbox.medium > input[type=checkbox] + label .inner-checked {
            width: 30px;
            height: 30px;
            margin: 0
        }

    .checkbox.medium > input[type=checkbox]:checked + label .inner-checked {
        font-size: 14px
    }

    .checkbox.medium > label .inner-text {
        line-height: 30px;
        margin-left: 42px
    }

    .checkbox.small > input[type=checkbox] + label {
        height: 25px
    }

        .checkbox.small > input[type=checkbox] + label .inner-checked {
            width: 25px;
            height: 25px;
            margin: 0
        }

    .checkbox.small > input[type=checkbox]:checked + label .inner-checked {
        font-size: 14px
    }

    .checkbox.small > label .inner-text {
        line-height: 25px;
        margin-left: 36px
    }

    .checkbox > input[disabled] + label .inner-checked {
        background-color: #eee;
        cursor: help
    }

        .checkbox > input[disabled] + label .inner-checked:not([title]), .checkbox > input[disabled] + label .inner-checked[title=""] {
            cursor: default
        }

.property-loader {
    position: relative;
    overflow: hidden
}

    .property-loader .property-label-block, .property-loader .property-value-block {
        width: 100%;
        position: relative;
        background: rgba(0,0,0,.09)
    }

        .property-loader .property-label-block::after, .property-loader .property-value-block::after {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: #fff;
            background: linear-gradient(90deg,rgba(0,0,0,0) 0,#000 60%,rgba(0,0,0,0) 100%);
            opacity: .06;
            -o-animation: stripes 1.2s ease-in-out infinite;
            -ms-animation: stripes 1.2s ease-in-out infinite;
            -moz-animation: stripes 1.2s ease-in-out infinite;
            -webkit-animation: stripes 1.2s ease-in-out infinite;
            animation: stripes 1.2s ease-in-out infinite
        }

        .property-loader .property-label-block::before, .property-loader .property-value-block::before {
            content: " ";
            width: 50%;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 1;
            background: #fff
        }

    .property-loader .property-value-block {
        height: 30px
    }

        .property-loader .property-value-block::before {
            width: 0
        }

    .property-loader .property-label-block {
        height: 16px;
        margin-bottom: 5px
    }

@-webkit-keyframes stripes {
    from {
        left: -100%
    }

    to {
        left: 100%
    }
}

@keyframes stripes {
    from {
        left: -100%
    }

    to {
        left: 100%
    }
}

.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    height: 100%
}

    .modal.fade {
        opacity: 0;
        transition: opacity .1s linear 0s
    }

        .modal.fade.in {
            opacity: 1
        }

        .modal.fade .modal-dialog {
            transition: transform .1s ease-out 0s
        }

    .modal .modal-dialog {
        position: relative;
        width: 100%;
        margin: 10px;
        top: 50%;
        left: 50%;
        max-width: 1425px
    }

        .modal .modal-dialog.modal-dialog-wide .modal-body {
            padding-bottom: 10px
        }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-right {
                padding-top: 10px
            }

                .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-right .site-row-header {
                    display: none
                }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-left, .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-right {
                float: none !important
            }

        .modal .modal-dialog.modal-dialog-wide .modal-footer {
            padding: 20px 30px 20px 30px;
            border-top: 1px solid #999;
            border-top: 1px solid rgba(0,0,0,.15)
        }

        .modal .modal-dialog.modal-dialog-wide .site-row-header {
            color: #818181;
            text-transform: uppercase;
            line-height: 14px;
            position: relative;
            left: -10px;
            padding-bottom: 20px
        }

        .modal .modal-dialog .CodeMirror, .modal .modal-dialog .CodeMirror-scroll {
            max-height: 500px
        }

    .modal .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #cfcfcf;
        border-radius: 3px;
        outline: 0;
        -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
        box-shadow: 0 4px 8px rgba(0,0,0,.1)
    }

    .modal .modal-backdrop {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background-color: #eee
    }

        .modal .modal-backdrop.fade {
            opacity: 0
        }

            .modal .modal-backdrop.fade.in {
                opacity: .95
            }

    .modal .modal-header {
        min-height: 16.42857143px;
        padding: 18px 20px 0;
        color: #969696;
        text-transform: uppercase;
        font-size: 12px
    }

        .modal .modal-header .close {
            margin-top: -2px
        }

    .modal .modal-title {
        margin: 0;
        line-height: 14px;
        font-weight: 400;
        font-size: 14px
    }

    .modal .modal-body {
        position: relative;
        padding: 40px
    }

    .modal .modal-footer {
        padding: 10px 40px 40px 40px;
        text-align: right
    }

        .modal .modal-footer .btn {
            height: 40px;
            padding: 0 30px
        }

            .modal .modal-footer .btn + .btn {
                margin-bottom: 0;
                margin-left: 5px
            }

        .modal .modal-footer .preview {
            padding: 0 35px
        }

    .modal .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
    }

    .modal .modal-body-row {
        overflow: hidden
    }

        .modal .modal-body-row:not(:last-child) {
            margin-bottom: 30px
        }

@media(min-width:1025px) {
    .modal .modal-dialog.modal-dialog-wide .modal-body {
        padding: 20px 10px 0;
        position: relative
    }

        .modal .modal-dialog.modal-dialog-wide .modal-body .site-row:not(:last-child) {
            margin-bottom: 8px !important
        }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row:not(:last-child) [class^=site-col-] {
                margin-bottom: 4px
            }

        .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-left {
            padding-right: 340px;
            padding-left: 30px;
            width: 100%;
            padding-bottom: 20px
        }

        .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right {
            display: flex;
            flex-direction: column;
            width: 320px;
            position: absolute;
            overflow: auto;
            padding-right: 20px;
            bottom: 0;
            right: 0;
            top: 0;
            background: #f8f8f8;
            border-left: 1px solid #c6c6c6;
            padding-left: 20px;
            padding-top: 20px
        }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row-header {
                display: block
            }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row {
                flex-shrink: 0
            }

                .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row:last-child {
                    padding-bottom: 20px
                }

                    .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row:last-child .property-loader .property-value-block::before {
                        width: 20%
                    }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .property-loader .property-label-block::before, .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .property-loader .property-value-block::before {
                background: #f8f8f8
            }
}

@media(min-width:641px)and (max-width:1024px) {
    .modal .modal-dialog-wide .site-col-left .site-row [class^=site-col-], .modal .modal-dialog-wide .site-col-right .site-row [class^=site-col-] {
        padding: 0
    }

    .modal .modal-dialog-wide .site-col-right .site-row {
        float: none;
        width: 50%;
        display: inline-block
    }

        .modal .modal-dialog-wide .site-col-right .site-row:nth-child(2n+1) {
            float: right
        }

        .modal .modal-dialog-wide .site-col-right .site-row.disclaimer {
            width: 100% !important;
            margin-top: 10px
        }
}

@media(max-width:640px) {
    .modal {
        padding-left: 0 !important
    }

        .modal .modal-dialog {
            width: 100% !important;
            margin-right: auto !important;
            margin-left: auto !important;
            left: 0
        }

            .modal .modal-dialog .modal-body, .modal .modal-dialog .modal-footer {
                padding: 20px
            }

            .modal .modal-dialog.modal-dialog-wide .modal-body, .modal .modal-dialog.modal-dialog-wide .modal-footer {
                padding: 20px
            }
}

.attachments .attachment, .existed-attachments .attachment {
    margin-bottom: 5px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    border-radius: 2px;
    padding: 0 0 0 10px;
    display: inline-flex;
    margin-right: 5px;
    height: 30px
}

    .attachments .attachment .file-item, .existed-attachments .attachment .file-item {
        width: 90%;
        width: -webkit-calc(100% - 35px);
        width: -o-calc(100% - 35px);
        width: -moz-calc(100% - 35px);
        width: calc(100% - 35px)
    }

    .attachments .attachment .file-name, .existed-attachments .attachment .file-name {
        line-height: 30px;
        float: left;
        color: #505050
    }

        .attachments .attachment .file-name:before, .existed-attachments .attachment .file-name:before {
            position: relative;
            left: -2px;
            top: -6px;
            margin-right: 4px;
            z-index: 1
        }

    .attachments .attachment .remove-attach, .existed-attachments .attachment .remove-attach {
        width: 24px;
        height: 30px;
        margin: 0;
        font-size: 9px;
        line-height: 30px;
        color: #505050
    }

    .attachments .attachment.has-error, .existed-attachments .attachment.has-error {
        padding: 0;
        background: #f1dcdc
    }

        .attachments .attachment.has-error .file-item, .existed-attachments .attachment.has-error .file-item {
            background: #f1dcdc;
            padding-left: 28px;
            border-radius: 2px
        }

        .attachments .attachment.has-error .file-name:before, .existed-attachments .attachment.has-error .file-name:before {
            display: none
        }

        .attachments .attachment.has-error .remove-attach, .existed-attachments .attachment.has-error .remove-attach {
            margin-left: 0
        }

            .attachments .attachment.has-error .remove-attach:focus + .error-validation .error-popup, .existed-attachments .attachment.has-error .remove-attach:focus + .error-validation .error-popup {
                display: block;
                position: absolute;
                z-index: 2
            }

        .attachments .attachment.has-error .error-validation, .existed-attachments .attachment.has-error .error-validation {
            margin-left: -30px
        }

            .attachments .attachment.has-error .error-validation .error-popup, .attachments .attachment.has-error .error-validation .icon-warning, .existed-attachments .attachment.has-error .error-validation .error-popup, .existed-attachments .attachment.has-error .error-validation .icon-warning {
                bottom: 0
            }

            .attachments .attachment.has-error .error-validation .error-popup, .existed-attachments .attachment.has-error .error-validation .error-popup {
                left: 0;
                bottom: 32px
            }

                .attachments .attachment.has-error .error-validation .error-popup:before, .existed-attachments .attachment.has-error .error-validation .error-popup:before {
                    top: initial;
                    bottom: -5px;
                    border-width: 5px;
                    border-bottom-width: 0;
                    border-color: transparent;
                    border-top-color: #f54062
                }

    .attachments .attachment .error, .existed-attachments .attachment .error {
        color: #f54062
    }

        .attachments .attachment .error:before, .existed-attachments .attachment .error:before {
            content: "—";
            margin: 0 5px 0 5px;
            color: #969696
        }

    .attachments .attachment .upload-label, .existed-attachments .attachment .upload-label {
        position: absolute;
        left: 0;
        right: 23px;
        height: 100%;
        line-height: 30px
    }

        .attachments .attachment .upload-label .upload-progress, .existed-attachments .attachment .upload-label .upload-progress {
            height: 100%;
            position: absolute;
            background: url(/Content/imgs/common/pattern-loading.gif);
            overflow: hidden;
            color: #fff;
            z-index: 1;
            text-align: left;
            max-width: 100%
        }

            .attachments .attachment .upload-label .upload-progress.waiting, .existed-attachments .attachment .upload-label .upload-progress.waiting {
                background: url(/Content/imgs/Common/pattern-queued.gif);
                width: 100% !important;
                color: #969696
            }

            .attachments .attachment .upload-label .upload-progress:before, .existed-attachments .attachment .upload-label .upload-progress:before {
                content: " ";
                height: 19px;
                width: 28px;
                display: inline-block
            }

        .attachments .attachment .upload-label .upload-progress-label, .existed-attachments .attachment .upload-label .upload-progress-label {
            position: relative;
            top: 0;
            bottom: 0;
            left: 18px;
            width: 100%;
            padding: 0 10px;
            color: #969696;
            text-align: left;
            background-color: #eee
        }

.attachments .existed-attachments, .attachments .new-attachments, .existed-attachments .existed-attachments, .existed-attachments .new-attachments {
    max-width: 100%;
    font-size: 0
}

.tab-control .tab-action {
    background-color: #fff;
    border-color: #cfcfcf;
    font-weight: 400
}

    .tab-control .tab-action.acive {
        background-color: #D00F78;
        border-color: #D00F78;
        color: #fff;
        font-weight: 400
    }

.tab-control .tab-content {
    display: none
}

    .tab-control .tab-content.active {
        display: block
    }

.editor-label {
    color: #969696;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    line-height: 16px;
    font-size: 14px
}

.text-box input[type=email], .text-box input[type=number], .text-box input[type=password], .text-box input[type=text], .text-box select {
    height: 40px;
    padding: 5px;
    width: 100%;
    border: 1px solid #cfcfcf
}

.text-box.has-error .CodeMirror, .text-box.has-error .addon, .text-box.has-error .quantity-button:hover, .text-box.has-error .select2-selection--multiple, .text-box.has-error .select2-selection--single, .text-box.has-error .select2-selection__arrow, .text-box.has-error .select2-selection__arrow:hover, .text-box.has-error input[type=email], .text-box.has-error input[type=number], .text-box.has-error input[type=password], .text-box.has-error input[type=text], .text-box.has-error select {
    background-color: #f1dcdc !important
}

.text-box.has-error input[type=email], .text-box.has-error input[type=number], .text-box.has-error input[type=password], .text-box.has-error input[type=text] {
    padding-left: 30px
}

    .text-box.has-error input[type=email]:focus, .text-box.has-error input[type=number]:focus, .text-box.has-error input[type=password]:focus, .text-box.has-error input[type=text]:focus {
        padding-left: 5px
    }

        .text-box.has-error input[type=email]:focus ~ .error-validation .icon-warning, .text-box.has-error input[type=number]:focus ~ .error-validation .icon-warning, .text-box.has-error input[type=password]:focus ~ .error-validation .icon-warning, .text-box.has-error input[type=text]:focus ~ .error-validation .icon-warning {
            display: none
        }

        .text-box.has-error input[type=email]:focus ~ .error-validation .error-popup, .text-box.has-error input[type=number]:focus ~ .error-validation .error-popup, .text-box.has-error input[type=password]:focus ~ .error-validation .error-popup, .text-box.has-error input[type=text]:focus ~ .error-validation .error-popup {
            display: block;
            position: absolute;
            z-index: 2
        }

.text-box.has-error .select2-container.select2-container--focus .select2-selection__placeholder, .text-box.has-error .select2-container.select2-container--open .select2-selection__placeholder {
    padding-left: 0
}

.text-box.has-error .select2-container.select2-container--focus + .error-validation .icon-warning, .text-box.has-error .select2-container.select2-container--open + .error-validation .icon-warning {
    display: none
}

.text-box.has-error .select2-container.select2-container--focus + .error-validation .error-popup, .text-box.has-error .select2-container.select2-container--open + .error-validation .error-popup {
    display: block;
    position: absolute;
    z-index: 2
}

.text-box.has-error .select2-container .select2-selection__placeholder {
    padding-left: 24px
}

.text-box .editor-group {
    border-collapse: separate;
    height: 40px;
    width: 100%
}

    .text-box .editor-group > input {
        border-right: 1px solid transparent
    }

    .text-box .editor-group > .addon {
        width: 40px;
        position: relative;
        border-top: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf
    }

.text-box.numeric > .editor-group > input[type=number] {
    -moz-appearance: textfield
}

    .text-box.numeric > .editor-group > input[type=number]::-webkit-inner-spin-button, .text-box.numeric > .editor-group > input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0
    }

.text-box.numeric > .editor-group > .addon > .quantity-button {
    position: absolute;
    cursor: pointer;
    width: 39px;
    height: 20px;
    right: -40px;
    text-align: center;
    font-size: 13px;
    line-height: 1.7;
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .text-box.numeric > .editor-group > .addon > .quantity-button > .quantity-arrow {
        background-size: cover;
        width: 13px;
        height: 13px;
        display: block;
        color: #969696;
        font-size: 10px
    }

        .text-box.numeric > .editor-group > .addon > .quantity-button > .quantity-arrow::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            margin: 0 !important;
            text-indent: 0;
            font-family: answerdesk-icons;
            font-style: normal;
            font-weight: 400;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: 1em;
            text-align: center;
            font-variant: normal;
            text-transform: none;
            line-height: 1em
        }

    .text-box.numeric > .editor-group > .addon > .quantity-button.up {
        top: -1px
    }

        .text-box.numeric > .editor-group > .addon > .quantity-button.up .quantity-arrow {
            margin: 4px auto;
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .text-box.numeric > .editor-group > .addon > .quantity-button.down {
        bottom: -1px
    }

        .text-box.numeric > .editor-group > .addon > .quantity-button.down .quantity-arrow {
            margin: 4px auto
        }

    .text-box.numeric > .editor-group > .addon > .quantity-button:hover {
        background-color: #eee;
        -webkit-box-shadow: inset 0 0 0 1px #cfcfcf;
        -moz-box-shadow: inset 0 0 0 1px #cfcfcf;
        box-shadow: inset 0 0 0 1px #cfcfcf
    }

.text-box.numeric.medium > .editor-group > .addon {
    position: relative;
    float: right;
    height: 30px;
    width: 30px;
    margin-top: -30px
}

    .text-box.numeric.medium > .editor-group > .addon > .quantity-button {
        height: 15px;
        width: 30px;
        right: -31px
    }

        .text-box.numeric.medium > .editor-group > .addon > .quantity-button .quantity-arrow {
            height: 12px;
            margin: 1px auto
        }

.text-box.medium input[type=email], .text-box.medium input[type=number], .text-box.medium input[type=password], .text-box.medium input[type=text], .text-box.medium select {
    height: 30px;
    padding-top: 0;
    padding-bottom: 0
}

.text-box.medium .editor-group {
    height: 30px
}

    .text-box.medium .editor-group > .addon {
        width: 30px;
        background: #fff
    }

.text-box.medium .select2-selection__clear {
    color: #969696;
    top: -15px;
    height: 1px;
    width: 14px;
    font-size: 9px;
    float: right;
    opacity: .5
}

    .text-box.medium .select2-selection__clear:focus, .text-box.medium .select2-selection__clear:hover {
        opacity: 1;
        cursor: pointer
    }

.markdown-editor .code-dropdown, .markdown-editor .help-modal, .markdown-editor .insert-attachments, .markdown-editor .insert-link-modal {
    display: none;
    position: absolute;
    background: #fff;
    margin-top: 34px;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
    z-index: 100;
    max-height: 390px;
    overflow: auto
}

    .markdown-editor .code-dropdown div, .markdown-editor .insert-attachments div {
        margin: 2px;
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer
    }

        .markdown-editor .code-dropdown div:focus, .markdown-editor .code-dropdown div:hover, .markdown-editor .insert-attachments div:focus, .markdown-editor .insert-attachments div:hover {
            background: #eee;
            color: #505050;
            border-radius: 3px
        }

    .markdown-editor .code-dropdown hr, .markdown-editor .insert-attachments hr {
        border-top: 1px solid #cfcfcf;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

    .markdown-editor .code-dropdown div.disable {
        color: #aaa;
        cursor: default
    }

        .markdown-editor .code-dropdown div.disable:hover {
            background: #fff
        }

    .markdown-editor .code-dropdown .recent {
        font-weight: 600
    }

.markdown-editor .insert-link-modal {
    padding: 8px 18px;
    width: 362px
}

    .markdown-editor .insert-link-modal .editor-block {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .markdown-editor .insert-link-modal .editor-block input {
            background: #fff !important;
            padding-left: 5px
        }

    .markdown-editor .insert-link-modal .insert-link-footer {
        margin-top: 26px;
        margin-bottom: 12px;
        text-align: right
    }

.markdown-editor .help-modal {
    right: 10px;
    font-size: 14px;
    padding: 11px 19px;
    width: 362px;
    max-height: none
}

    .markdown-editor .help-modal .col {
        display: inline-block
    }

        .markdown-editor .help-modal .col.markdown {
            width: 178px
        }

    .markdown-editor .help-modal .help-header {
        padding-bottom: 4px;
        color: #969696
    }

    .markdown-editor .help-modal .help-item {
        padding: 6px 0
    }

        .markdown-editor .help-modal .help-item a {
            color: #115bc0;
            cursor: pointer
        }

        .markdown-editor .help-modal .help-item blockquote {
            margin: 0
        }

        .markdown-editor .help-modal .help-item ul {
            margin: 0;
            padding-left: 18px
        }

        .markdown-editor .help-modal .help-item .backslash {
            color: #969696
        }

        .markdown-editor .help-modal .help-item .h1 {
            font-size: 24px;
            font-weight: 600
        }

        .markdown-editor .help-modal .help-item .h2 {
            font-size: 20px;
            font-weight: 600
        }

        .markdown-editor .help-modal .help-item:not(:last-child) {
            border-bottom: 1px solid #eee
        }

.markdown-editor .wmd-preview > p:first-child {
    margin-top: 0;
    height: 190px;
    overflow-y: auto
}

.markdown-editor .wmd-preview pre {
    white-space: pre;
    word-wrap: break-word
}

.markdown-editor .wmd-preview img {
    max-width: 100%
}

.markdown-editor .wmd-preview a {
    color: #115bc0
}

.markdown-editor .error-validation .icon-warning {
    background-color: #f1dcdc
}

@media(max-width:640px) {
    .markdown-editor .code-dropdown, .markdown-editor .insert-attachments, .markdown-editor .insert-link-modal {
        margin-left: 0;
        width: 80%;
        width: -webkit-calc(100% - 40px);
        width: -o-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px)
    }
}

.post-attachments {
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    padding: 8px 10px 0
}

    .post-attachments::before {
        position: absolute;
        left: 0;
        right: 0;
        content: " ";
        border-top: 1px solid #f2f2f2;
        margin: -8px 1px 0
    }

    .post-attachments.is-empty {
        padding: 0
    }

        .post-attachments.is-empty::before {
            content: none
        }

.drop-area {
    position: absolute;
    top: 40px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: rgba(255,255,255,.93);
    outline: 3px dashed #D00F78;
    color: #D00F78;
    outline-offset: -10px;
    z-index: 5;
    text-align: center;
    overflow: hidden;
    display: none
}

    .drop-area div {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        display: inline-block;
        position: relative;
        font-weight: 600;
        font-size: 30px;
        z-index: -1
    }

.select2-container {
    font-size: 14px
}

    .select2-container.select2-container--default .select2-selection--multiple, .select2-container.select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #cfcfcf;
        border-radius: 0;
        opacity: 1
    }

    .select2-container.select2-container--default .select2-selection--single {
        height: 40px
    }

        .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 40px;
            display: block;
            overflow: hidden;
            padding-right: 34px;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            padding-left: 6px
        }

            .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered div.clearfix {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%
            }

        .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
            background-color: #fff;
            border-top: 1px solid #cfcfcf;
            border-right: 1px solid #cfcfcf;
            border-bottom: 1px solid #cfcfcf;
            height: 40px;
            line-height: 1.42857;
            outline-width: 0;
            padding: 4px 19px;
            right: 0 !important;
            top: 0 !important
        }

            .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
                display: block;
                height: 13px;
                width: 13px;
                border: none;
                left: 45%;
                top: 45%;
                color: #969696;
                font-size: 10px
            }

                .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
                    content: '';
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -ms-transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    -o-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    margin: 0 !important;
                    text-indent: 0;
                    font-family: answerdesk-icons;
                    font-style: normal;
                    font-weight: 400;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: 1em;
                    text-align: center;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1em
                }

    .select2-container.select2-container--default .select2-selection--multiple {
        min-height: 40px;
        font-size: 14px
    }

        .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
            line-height: 26px;
            max-height: 186px;
            overflow-y: auto;
            display: block;
            position: relative
        }

        .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
            border-radius: 3px;
            background-color: #f8f8f8;
            border: 1px solid #cfcfcf;
            padding: 2px 6px;
            white-space: normal;
            line-height: 20px
        }

            .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice:last-child {
                margin-bottom: 3px
            }

        .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
            color: #cfcfcf;
            float: right;
            font-weight: 700;
            margin-left: 0;
            margin-right: -6px;
            padding: 0 6px
        }

            .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #505050
            }

    .select2-container.select2-container--default.select2-container--open .select2-selection__arrow, .select2-container.select2-container--default:hover .select2-selection__arrow {
        border-left: 1px solid #cfcfcf
    }

    .select2-container.select2-container--default:hover .select2-selection__arrow {
        background-color: #eee !important
    }

    .select2-container.select2-container--default .select2-results__option[role=group] > .select2-results__group {
        font-weight: 600;
        font-size: 15px;
        color: #969696;
        padding: 5px;
        margin: 0 5px
    }

    .select2-container.select2-container--default .select2-results__option[role=group]:not(:last-child)::after {
        content: "";
        left: 0;
        right: 0;
        background-color: #cfcfcf;
        display: block;
        height: 1px;
        margin: 5px 0
    }

    .select2-container.select2-container--default .select2-results__option[role=treeitem] {
        padding: 5px;
        margin: 0 5px;
        border-radius: 3px;
        position: relative
    }

        .select2-container.select2-container--default .select2-results__option[role=treeitem] > .root {
            font-weight: 700;
            display: block
        }

        .select2-container.select2-container--default .select2-results__option[role=treeitem] > .child {
            margin-left: 5px;
            display: block
        }

            .select2-container.select2-container--default .select2-results__option[role=treeitem] > .child:hover {
                border-radius: 0
            }

        .select2-container.select2-container--default .select2-results__option[role=treeitem].child {
            left: 5px;
            margin-right: 10px
        }

            .select2-container.select2-container--default .select2-results__option[role=treeitem].child:before {
                content: " ";
                position: absolute;
                border-left: 1px solid #cfcfcf;
                top: 0;
                bottom: 0;
                left: 0
            }

        .select2-container.select2-container--default .select2-results__option[role=treeitem].root:not(:first-child) {
            margin-top: 5px
        }

    .select2-container.select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #D00F78;
        color: #fff
    }

        .select2-container.select2-container--default .select2-results__option[aria-selected=true] .text-muted {
            color: #fff;
            opacity: .5
        }

    .select2-container.select2-container--default .select2-results__option[role=treeitem] .relation-vertical {
        position: absolute;
        z-index: 1;
        width: 1px;
        border-left: 1px solid #cfcfcf
    }

    .select2-container.select2-container--default .select2-results__option[role=treeitem] .relation-horizontal {
        position: absolute;
        z-index: 1;
        width: 23px;
        height: 1px;
        top: 19px;
        border-top: 1px solid #cfcfcf
    }

    .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected=false] {
        background-color: #eee;
        color: #505050
    }

    .select2-container.select2-container--default .select2-results > .select2-results__options {
        margin: 3px 0;
        max-height: 400px
    }

    .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered div.clearfix {
        width: 80% !important
    }

    .select2-container.select2-container--open .select2-dropdown--above, .select2-container.select2-container--open .select2-dropdown--below {
        border: 1px solid #cfcfcf;
        border-radius: 3px;
        -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
        box-shadow: 0 4px 8px rgba(0,0,0,.1)
    }

    .select2-container.select2-container--focus .select2-selection, .select2-container.select2-container--focus .select2-selection__arrow {
        -webkit-box-shadow: 0 0 0 2px #afcef8;
        -moz-box-shadow: 0 0 0 2px #afcef8;
        box-shadow: 0 0 0 2px #afcef8
    }

    .select2-container .select2-search--inline .select2-search__field {
        padding: 1px;
        margin-top: 10px
    }

    .select2-container #select2-category-filter-results .select2-results__option, .select2-container #select2-select-category-results .select2-results__option {
        position: relative
    }

.loading .select2-container--disabled .select2-selection--multiple, .loading .select2-container--disabled .select2-selection--single {
    background-color: #fff !important
}

    .loading .select2-container--disabled .select2-selection--multiple .select2-selection__rendered, .loading .select2-container--disabled .select2-selection--single .select2-selection__rendered {
        opacity: .5
    }

    .loading .select2-container--disabled .select2-selection--multiple:after, .loading .select2-container--disabled .select2-selection--single:after {
        background: url(/Content/imgs/loading-external-source.gif) 50% 50% no-repeat #fff !important;
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        right: 7px;
        top: 50%;
        transform: translateY(-50%)
    }

    .loading .select2-container--disabled .select2-selection--multiple:hover .select2-selection__arrow, .loading .select2-container--disabled .select2-selection--single:hover .select2-selection__arrow {
        border-left: none;
        background-color: #fff !important
    }

* > .site-row:not(:last-child) {
    margin-bottom: 20px
}

.site-row {
    margin-right: -10px;
    margin-left: -10px;
    clear: both;
    overflow: hidden
}

    .site-row:before {
        display: table;
        content: " "
    }

    .site-row [class^=site-col-] {
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        float: left
    }

    .site-row .site-col-1 {
        width: 12.5%
    }

    .site-row .site-col-2 {
        width: 25%
    }

    .site-row .site-col-3 {
        width: 37.5%
    }

    .site-row .site-col-4 {
        width: 50%
    }

    .site-row .site-col-5 {
        width: 62.5%
    }

    .site-row .site-col-6 {
        width: 75%
    }

    .site-row .site-col-7 {
        width: 87.5%
    }

    .site-row .site-col-8 {
        width: 100%
    }

@media(max-width:1200px) {
    .site-row .site-col-1-lg {
        width: 12.5%
    }

    .site-row .site-col-2-lg {
        width: 25%
    }

    .site-row .site-col-3-lg {
        width: 37.5%
    }

    .site-row .site-col-4-lg {
        width: 50%
    }

    .site-row .site-col-5-lg {
        width: 62.5%
    }

    .site-row .site-col-6-lg {
        width: 75%
    }

    .site-row .site-col-7-lg {
        width: 87.5%
    }

    .site-row .site-col-8-lg {
        width: 100%
    }
}

@media(max-width:1024px) {
    .site-row .site-col-1-lg-md {
        width: 12.5%
    }

    .site-row .site-col-2-lg-md {
        width: 25%
    }

    .site-row .site-col-3-lg-md {
        width: 37.5%
    }

    .site-row .site-col-4-lg-md {
        width: 50%
    }

    .site-row .site-col-5-lg-md {
        width: 62.5%
    }

    .site-row .site-col-6-lg-md {
        width: 75%
    }

    .site-row .site-col-7-lg-md {
        width: 87.5%
    }

    .site-row .site-col-8-lg-md {
        width: 100%
    }

    .site-row .site-col-1-md {
        width: 12.5%
    }

    .site-row .site-col-2-md {
        width: 25%
    }

    .site-row .site-col-3-md {
        width: 37.5%
    }

    .site-row .site-col-4-md {
        width: 50%
    }

    .site-row .site-col-5-md {
        width: 62.5%
    }

    .site-row .site-col-6-md {
        width: 75%
    }

    .site-row .site-col-7-md {
        width: 87.5%
    }

    .site-row .site-col-8-md {
        width: 100%
    }
}

@media(max-width:640px) {
    .site-row .site-col-1-md-sm {
        width: 12.5%
    }

    .site-row .site-col-2-md-sm {
        width: 25%
    }

    .site-row .site-col-3-md-sm {
        width: 37.5%
    }

    .site-row .site-col-4-md-sm {
        width: 50%
    }

    .site-row .site-col-5-md-sm {
        width: 62.5%
    }

    .site-row .site-col-6-md-sm {
        width: 75%
    }

    .site-row .site-col-7-md-sm {
        width: 87.5%
    }

    .site-row .site-col-8-md-sm {
        width: 100%
    }

    .site-row .site-col-1-sm {
        width: 12.5%
    }

    .site-row .site-col-2-sm {
        width: 25%
    }

    .site-row .site-col-3-sm {
        width: 37.5%
    }

    .site-row .site-col-4-sm {
        width: 50%
    }

    .site-row .site-col-5-sm {
        width: 62.5%
    }

    .site-row .site-col-6-sm {
        width: 75%
    }

    .site-row .site-col-7-sm {
        width: 87.5%
    }

    .site-row .site-col-8-sm {
        width: 100%
    }

    .site-row .site-col-1-sm-xs {
        width: 12.5%
    }

    .site-row .site-col-2-sm-xs {
        width: 25%
    }

    .site-row .site-col-3-sm-xs {
        width: 37.5%
    }

    .site-row .site-col-4-sm-xs {
        width: 50%
    }

    .site-row .site-col-5-sm-xs {
        width: 62.5%
    }

    .site-row .site-col-6-sm-xs {
        width: 75%
    }

    .site-row .site-col-7-sm-xs {
        width: 87.5%
    }

    .site-row .site-col-8-sm-xs {
        width: 100%
    }

    .site-row .site-col-1-xs {
        width: 12.5%
    }

    .site-row .site-col-2-xs {
        width: 25%
    }

    .site-row .site-col-3-xs {
        width: 37.5%
    }

    .site-row .site-col-4-xs {
        width: 50%
    }

    .site-row .site-col-5-xs {
        width: 62.5%
    }

    .site-row .site-col-6-xs {
        width: 75%
    }

    .site-row .site-col-7-xs {
        width: 87.5%
    }

    .site-row .site-col-8-xs {
        width: 100%
    }
}

@media(max-width:640px) {
    .site-row .navigate-to-internal {
        display: none
    }

    .site-row .site-row .site-col-3 {
        width: 100% !important
    }
}

.error-validation .icon-warning {
    position: absolute;
    display: block;
    height: 28px;
    width: 28px;
    margin: -29px 1px 1px;
    font-size: 16px !important;
    color: #f54062;
    cursor: pointer
}

.error-validation .error-popup {
    background: #f54062;
    border-radius: 4px;
    padding: 6px;
    margin-top: 5px;
    display: none;
    font-size: 14px
}

    .error-validation .error-popup:before {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        top: -5px;
        left: 10px;
        border-width: 5px;
        border-top-width: 0;
        border-color: transparent;
        border-style: solid;
        border-bottom-color: #f54062;
        content: " "
    }

    .error-validation .error-popup .error-message {
        color: #fff;
        font-size: 12px
    }

.error-validation:hover .error-popup {
    display: block;
    position: absolute;
    z-index: 2
}

.custom-tooltip {
    font-family: Segoe UI,Helvetica Neue,Helvetica,Verdana,sans-serif;
    position: absolute;
    color: #505050;
    border: 1px solid rgba(206,206,206,.5);
    border-radius: 2px;
    background: #fdfdfd;
    margin-top: 3px;
    padding: 7px 11px;
    left: 24px;
    font-size: 14px;
    line-height: 16px;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
    z-index: 2;
    font-weight: 400;
    text-transform: none
}

    .custom-tooltip:after, .custom-tooltip:before {
        content: " ";
        position: absolute;
        display: block;
        top: -10px;
        left: 10px;
        border: 5px solid transparent;
        border-bottom: 5px solid rgba(206,206,206,.5)
    }

    .custom-tooltip:after {
        top: -9px;
        left: 10px;
        border-bottom-width: 6px;
        border-bottom-color: #fdfdfd
    }

.loading-mode .overlay, .removing-mode .overlay, .saving-mode .overlay {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: .87;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.loading-mode .content-block, .removing-mode .content-block, .saving-mode .content-block {
    height: 60px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
    text-align: center
}

    .loading-mode .content-block p, .removing-mode .content-block p, .saving-mode .content-block p {
        margin-top: 0;
        margin-bottom: 10px;
        font-weight: 700
    }

.loading-mode.small-relative .content-block, .removing-mode.small-relative .content-block, .saving-mode.small-relative .content-block {
    position: relative
}

.loading-mode .content-block {
    height: 85px;
    margin-top: -85px/2;
    display: block
}

    .loading-mode .content-block.with-text {
        margin-top: -85px
    }

    .loading-mode .content-block .loader-image {
        margin: 0 auto;
        position: relative;
        display: block;
        border: 5px solid transparent;
        border-left-color: #D00F78;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -o-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

        .loading-mode .content-block .loader-image, .loading-mode .content-block .loader-image:after {
            border-radius: 50%;
            width: 85px;
            height: 85px
        }

    .loading-mode .content-block .loader-text {
        margin-top: 25px;
        font-size: 16px
    }

.loading-mode.small-relative .content-block {
    height: 50px;
    margin-top: -50px/2;
    display: block
}

    .loading-mode.small-relative .content-block.with-text {
        margin-top: -40px
    }

    .loading-mode.small-relative .content-block .loader-image {
        margin: 0 auto;
        position: relative;
        display: block;
        border: 3px solid transparent;
        border-left-color: #D00F78;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -o-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

        .loading-mode.small-relative .content-block .loader-image, .loading-mode.small-relative .content-block .loader-image:after {
            border-radius: 50%;
            width: 40px;
            height: 40px
        }

    .loading-mode.small-relative .content-block .loader-text {
        margin-top: 25px;
        font-size: 16px
    }

.loading-mode.dropdown-inline .content-block {
    height: 30px;
    margin-top: -30px/2;
    display: block
}

    .loading-mode.dropdown-inline .content-block.with-text {
        margin-top: -30px
    }

    .loading-mode.dropdown-inline .content-block .loader-image {
        margin: 0 auto;
        position: relative;
        display: block;
        border: 2px solid transparent;
        border-left-color: #D00F78;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -o-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

        .loading-mode.dropdown-inline .content-block .loader-image, .loading-mode.dropdown-inline .content-block .loader-image:after {
            border-radius: 50%;
            width: 30px;
            height: 30px
        }

    .loading-mode.dropdown-inline .content-block .loader-text {
        margin-top: 25px;
        font-size: 16px
    }

.loading-mode .error-message {
    font-size: 32px;
    margin: 0;
    color: #969696;
    font-weight: 300
}

.errors-list {
    list-style: none;
    color: #f54062;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 600
}

.search-img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 10px;
    font-size: 19px
}

    .search-img.active {
        color: #D00F78
    }

@-webkit-keyframes load8 {
    0% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.icon, .text-box-icon {
    color: #969696;
    position: relative
}

    .icon::before, .text-box-icon::before {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin: 0 !important
    }

.tree-item {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

    .tree-item .current {
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .tree-item .parents {
        color: #969696;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

.avatar {
    position: relative
}

    .avatar .avatar-image {
        color: #fff;
        font-weight: 600;
        display: block;
        text-align: center;
        background-size: cover !important
    }

        .avatar .avatar-image .avatar-badge {
            display: block;
            position: absolute;
            background-color: #fff;
            border-radius: 4px;
            bottom: -1px;
            right: -1px;
            cursor: help
        }

            .avatar .avatar-image .avatar-badge .inner {
                display: block;
                background-size: cover;
                border-radius: 2px;
                position: absolute;
                right: 1px;
                bottom: 1px
            }

        .avatar .avatar-image.type-profile {
            width: 36px;
            height: 36px;
            border-radius: 18px;
            position: relative;
            border: 1px solid #a1a1a1
        }

            .avatar .avatar-image.type-profile .avatar-text {
                display: block;
                font-size: 16px;
                line-height: 36px
            }

        .avatar .avatar-image.type-extrasmall {
            width: 34px;
            height: 34px;
            border-radius: 17px;
            position: relative;
            margin-right: 10px
        }

            .avatar .avatar-image.type-extrasmall .avatar-text {
                font-size: 12px;
                line-height: 34px
            }

            .avatar .avatar-image.type-extrasmall .avatar-badge {
                width: 14px;
                height: 14px;
                border-radius: 2px;
                bottom: -5px;
                right: -3px
            }

                .avatar .avatar-image.type-extrasmall .avatar-badge .inner {
                    height: 11px;
                    width: 11px;
                    right: 2px;
                    bottom: 2px
                }

        .avatar .avatar-image.type-small {
            width: 45px;
            height: 45px;
            border-radius: 23px
        }

            .avatar .avatar-image.type-small .avatar-text {
                font-size: 18px;
                line-height: 45px
            }

            .avatar .avatar-image.type-small .avatar-badge {
                width: 14px;
                height: 14px
            }

                .avatar .avatar-image.type-small .avatar-badge .inner {
                    height: 12px;
                    width: 12px
                }

        .avatar .avatar-image.type-medium {
            width: 158px;
            height: 158px;
            border-radius: 79px
        }

            .avatar .avatar-image.type-medium .avatar-text {
                font-size: 60px;
                line-height: 158px
            }

        .avatar .avatar-image.type-big {
            width: 180px;
            height: 180px;
            border-radius: 90px
        }

            .avatar .avatar-image.type-big .avatar-text {
                font-size: 69px;
                line-height: 180px
            }

        .avatar .avatar-image.scheme-0 {
            background-color: #47ce5c
        }

        .avatar .avatar-image.scheme-1 {
            background-color: #d31d39
        }

        .avatar .avatar-image.scheme-2 {
            background-color: #ff9e06
        }

        .avatar .avatar-image.scheme-3 {
            background-color: #cec147
        }

        .avatar .avatar-image.scheme-4 {
            background-color: #39b488
        }

        .avatar .avatar-image.scheme-5 {
            background-color: #00c3e1
        }

        .avatar .avatar-image.scheme-6 {
            background-color: #4181c5
        }

        .avatar .avatar-image.scheme-7 {
            background-color: #c377e0
        }

        .avatar .avatar-image.scheme-8 {
            background-color: #444
        }

        .avatar .avatar-image.scheme-9 {
            background-color: #5b47ce
        }

body .hljs, body pre > code {
    max-height: 540px !important
}

blockquote {
    position: relative;
    margin: 10px 0;
    padding-left: 23px;
    color: #7b7b7b
}

    blockquote::before {
        position: absolute;
        left: 0;
        color: #cfcfcf;
        font-size: 10px;
        font-family: answerdesk-icons;
        content: '';
        display: block;
        float: left;
        width: 15px;
        height: 15px;
        line-height: 20px;
        margin-right: 10px
    }

    blockquote > p:not(:last-child) {
        margin: 0 0 15px 0
    }

    blockquote > p:last-child {
        margin: 0 !important
    }

.editor-preview, .editor-preview-side {
    padding: 4px 9px !important
}

    .editor-preview a, .editor-preview-side a {
        color: #115bc0
    }

    .editor-preview img, .editor-preview-side img {
        max-width: 100%
    }

    .editor-preview pre, .editor-preview-side pre {
        overflow: initial;
        position: relative
    }

.CodeMirror-focused .editor-preview {
    padding: 4px 8px !important
}

.text-box input.dx-texteditor-input {
    height: 30px;
    padding: 7px 34px 8px 34px;
    border: none
}

.text-box .loading-mode {
    display: none
}

.text-box.loading .loading-mode {
    display: block;
    margin-top: 30px
}

.text-box.loading .tree-view-item {
    display: none
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: #D00F78
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border-color: #D00F78
}

.disclaimer {
    margin: 20px 0 10px 0;
    font-size: 12px;
    color: #7b7b7b
}

    .disclaimer a {
        color: #115bc0
    }

.modal .disclaimer {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px
}

.markdown-ticket-field-editor {
    width: 100%;
    resize: vertical;
    padding: 5px 10px;
    margin: 10px 0
}

@font-face {
    font-family: 'Open Sans Condensed Bold';
    src: url(/Content/font/open-sans-condensed/OpenSansCondensed-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Ubuntu Mono';
    src: url(/Content/font/ubuntu-mono/UbuntuMono-Regular.eot);
    src: url(/Content/font/ubuntu-mono/UbuntuMono-Regular.eot?#iefix) format('embedded-opentype'),url(/Content/font/ubuntu-mono/UbuntuMono-Regular.woff2) format('woff2'),url(/Content/font/ubuntu-mono/UbuntuMono-Regular.woff) format('woff'),url(/Content/font/ubuntu-mono/UbuntuMono-Regular.ttf) format('truetype'),url(/Content/font/ubuntu-mono/UbuntuMono-Regular.svg#UbuntuMono-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

#container, body, html {
    height: 100%
}

body {
    min-height: 100%;
    position: relative;
    background-color: #eee
}

    body.modal-open {
        overflow: hidden
    }

header#answerdesk-header {
    width: 100%;
    background-color: #505050;
    height: 0;
    color: #fff;
    line-height: 0;
    position: fixed;
    z-index: 111;
    top: 0
}

    header#answerdesk-header .inner-container {
        height: 0
    }

        header#answerdesk-header .inner-container .logo {
            font-size: 18px;
            float: left;
            color: #969696;
            text-transform: capitalize
        }

            header#answerdesk-header .inner-container .logo img {
                height: 0;
                display: block
            }

            header#answerdesk-header .inner-container .logo ul.nav-links {
                font-size: 18px;
                margin: 0;
                padding: 0;
                font-weight: 600
            }

                header#answerdesk-header .inner-container .logo ul.nav-links li {
                    display: block;
                    float: left;
                    height: 0
                }

                    header#answerdesk-header .inner-container .logo ul.nav-links li a.logo {
                        display: block;
                        margin: 0 0;
                        color: #fff;
                        height: 0
                    }

                    header#answerdesk-header .inner-container .logo ul.nav-links li:not(:last-child)::after {
                        content: ' ';
                        height: 32px;
                        border-left: 1px solid #646464;
                        margin: 0 20px
                    }

        header#answerdesk-header .inner-container a {
            text-decoration: none;
            color: #969696
        }

            header#answerdesk-header .inner-container a.sign-in {
                margin-left: 15px;
                font-size: 16px
            }

                header#answerdesk-header .inner-container a.sign-in:hover {
                    color: #fff
                }

        header#answerdesk-header .inner-container .filters {
            float: right
        }

            header#answerdesk-header .inner-container .filters > * {
                float: left
            }

            header#answerdesk-header .inner-container .filters .search-box {
                transition: all .2s ease-in-out;
                transition-property: width;
                font-size: 14px;
                position: relative;
                width: 400px;
                height: 36px;
                border-radius: 4px;
                background-color: #fff;
                overflow: hidden;
                top: 12px;
                margin-left: 30px
            }

                header#answerdesk-header .inner-container .filters .search-box input {
                    position: absolute;
                    right: 0;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    border: none;
                    outline: 0;
                    cursor: pointer;
                    background-color: transparent;
                    padding: 0 33px 0 14px;
                    height: inherit;
                    width: inherit;
                    line-height: 36px
                }

                header#answerdesk-header .inner-container .filters .search-box .search-placeholder {
                    position: absolute;
                    display: block;
                    color: #969696;
                    height: 36px;
                    line-height: 36px;
                    left: 15px;
                    right: 15px
                }

                header#answerdesk-header .inner-container .filters .search-box .icon {
                    position: absolute;
                    width: 18px;
                    height: 18px;
                    font-size: 18px;
                    top: 50%;
                    transform: translate(-50%,-50%);
                    cursor: pointer
                }

                    header#answerdesk-header .inner-container .filters .search-box .icon.icon-search {
                        right: 5px
                    }

                        header#answerdesk-header .inner-container .filters .search-box .icon.icon-search.open-search-btn {
                            display: none
                        }

                    header#answerdesk-header .inner-container .filters .search-box .icon.icon-close {
                        right: 30px;
                        font-size: 14px;
                        display: none
                    }

                header#answerdesk-header .inner-container .filters .search-box.active input {
                    padding-right: 66px;
                    color: #505050
                }

                header#answerdesk-header .inner-container .filters .search-box.active .icon.icon-close {
                    display: block
                }

            header#answerdesk-header .inner-container .filters ul.nav-links {
                font-size: 16px;
                margin: 0
            }

                header#answerdesk-header .inner-container .filters ul.nav-links li {
                    display: inline-block
                }

                    header#answerdesk-header .inner-container .filters ul.nav-links li a {
                        color: #fff
                    }

                    header#answerdesk-header .inner-container .filters ul.nav-links li:not(:last-child)::after {
                        content: ' ';
                        height: 32px;
                        border-left: 1px solid #646464;
                        margin: 0 15px
                    }

            header#answerdesk-header .inner-container .filters #profile-dropdown {
                top: 12px;
                margin-left: 15px;
                position: relative
            }

                header#answerdesk-header .inner-container .filters #profile-dropdown .dropdown-toggle:focus {
                    outline: 1px dotted #115bc0
                }

                header#answerdesk-header .inner-container .filters #profile-dropdown .dropdown-popup {
                    top: 45px;
                    right: 0;
                    min-width: 240px
                }

                    header#answerdesk-header .inner-container .filters #profile-dropdown .dropdown-popup > .arrow {
                        right: 8px
                    }

                    header#answerdesk-header .inner-container .filters #profile-dropdown .dropdown-popup ul li {
                        font-weight: 600
                    }

                        header#answerdesk-header .inner-container .filters #profile-dropdown .dropdown-popup ul li a {
                            color: #505050
                        }

                        header#answerdesk-header .inner-container .filters #profile-dropdown .dropdown-popup ul li.user-info {
                            display: table-row;
                            pointer-events: none
                        }

                            header#answerdesk-header .inner-container .filters #profile-dropdown .dropdown-popup ul li.user-info > * {
                                color: #505050;
                                padding: 6px 0 6px 12px !important;
                                display: table-cell;
                                vertical-align: middle;
                                line-height: normal
                            }

                            header#answerdesk-header .inner-container .filters #profile-dropdown .dropdown-popup ul li.user-info > .public-name {
                                padding-right: 12px
                            }

                        header#answerdesk-header .inner-container .filters #profile-dropdown .dropdown-popup ul li button.sign-out {
                            background: 0 0 !important;
                            border: none;
                            color: #505050;
                            cursor: pointer;
                            width: 100%;
                            text-align: inherit
                        }

#content {
    bottom: 0;
    position: relative;
    height: auto;
    min-height: 100%;
    overflow: hidden;
    margin-top: 0
}

    #content .inner-container {
        min-height: 100%
    }

    #content .with-transition {
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    #content .main-content {
        width: 100%;
        bottom: 80px;
        position: relative
    }





    #content #main-content {
        margin-top: 50px;
        position: relative;
     /*   background-color: #eee;*/
    }

        #content #main-content > .inner-container {
            padding-top: 20px;
            overflow: hidden
        }

#main-search input:focus::-webkit-input-placeholder {
    color: transparent
}

#main-search input:focus:-moz-placeholder {
    color: transparent
}

#main-search input:focus::-moz-placeholder {
    color: transparent
}

#main-search input:focus:-ms-input-placeholder {
    color: transparent
}

.inner-container {
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    max-width: 1500px
}

#search-container {
    width: 350px;
    position: relative;
    -webkit-transition: width .25s;
    transition: width .25s;
    background-color: #fff;
    height: 30px;
    margin: 10px 0 10px 15px
}

    #search-container.applied .inner .icon-search {
        color: #D00F78
    }

    #search-container.applied .inner .search-text-box {
        padding-right: 68px
    }

    #search-container .inner > * {
        float: left
    }

    #search-container .inner .clear-search {
        right: 0
    }

        #search-container .inner .clear-search.hidden + .search-text-box {
            padding-right: 3px
        }

    #search-container .inner .apply-search-btn, #search-container .inner .clear-search-btn {
        position: absolute;
        right: 0
    }

    #search-container .inner .clear-search-btn {
        right: 34px;
        padding: 15px
    }

    #search-container .inner .apply-search-btn {
        padding-left: 16px;
        padding-right: 16px
    }

    #search-container .inner .search-text-box {
        border-radius: 3px;
        background-color: #fff;
        width: 100%;
        line-height: 26px;
        background-color: transparent;
        height: 30px;
        padding: 1px 50px 1px 10px;
        text-overflow: ellipsis
    }

#recent-tickets-dialog .modal-dialog {
    width: 790px
}

#recent-tickets-dialog .recent-tickets .recent-tickets-content .items {
    overflow-y: auto;
    overflow-x: hidden
}

    #recent-tickets-dialog .recent-tickets .recent-tickets-content .items .item {
        position: relative;
        overflow: auto
    }

        #recent-tickets-dialog .recent-tickets .recent-tickets-content .items .item:nth-child(odd) {
            background-color: #f8f8f8
        }

        #recent-tickets-dialog .recent-tickets .recent-tickets-content .items .item .subject-column {
            border-right: 1px solid #cfcfcf;
            margin-right: 185px;
            position: relative
        }

            #recent-tickets-dialog .recent-tickets .recent-tickets-content .items .item .subject-column a {
                font-size: 13px;
                font-weight: 700;
                word-wrap: break-word;
                word-break: keep-all;
                -moz-hyphens: auto;
                -ms-hyphens: auto;
                -webkit-hyphens: auto;
                hyphens: auto
            }

            #recent-tickets-dialog .recent-tickets .recent-tickets-content .items .item .subject-column > .column-inner {
                margin: 10px 20px
            }

        #recent-tickets-dialog .recent-tickets .recent-tickets-content .items .item .date-column {
            position: absolute;
            right: 0;
            top: 0;
            width: 185px
        }

            #recent-tickets-dialog .recent-tickets .recent-tickets-content .items .item .date-column > .column-inner {
                margin: 10px 20px
            }

            #recent-tickets-dialog .recent-tickets .recent-tickets-content .items .item .date-column .date-sm {
                display: none
            }

#recent-tickets-dialog .recent-tickets .recent-tickets-content .items, #recent-tickets-dialog .recent-tickets .recent-tickets-content > .loading-mode {
    height: 420px;
    position: relative;
    border: 1px solid #cfcfcf
}

#recent-tickets-dialog .recent-tickets .recent-tickets-content .filter-search-box {
    background-color: transparent !important;
    border: 1px solid #cfcfcf;
    height: 40px;
    margin-bottom: 10px;
    margin-top: 11px;
    padding: 3px 40px;
    position: relative
}

    #recent-tickets-dialog .recent-tickets .recent-tickets-content .filter-search-box .search-img {
        left: 0;
        margin: 0 4px;
        position: absolute
    }

    #recent-tickets-dialog .recent-tickets .recent-tickets-content .filter-search-box input {
        background-color: transparent;
        border: medium none;
        height: 28px;
        left: 0;
        position: relative;
        top: 2px;
        width: 100%
    }

    #recent-tickets-dialog .recent-tickets .recent-tickets-content .filter-search-box .clear-img {
        display: block;
        height: 20px;
        margin: 10px;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        font-size: 10px;
        color: #D00F78
    }

    #recent-tickets-dialog .recent-tickets .recent-tickets-content .filter-search-box.active {
        background-color: #f8f8f8
    }

#recent-tickets-dialog .recent-tickets .recent-tickets-content .empty-list {
    background-color: #f8f8f8;
    color: #969696;
    height: 100%;
    position: relative
}

    #recent-tickets-dialog .recent-tickets .recent-tickets-content .empty-list > div {
        font-size: 18px;
        height: 30px;
        margin-top: -15px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%
    }

#recent-tickets-dialog .recent-tickets .recent-tickets-content .show-more-container {
    height: 50px;
    text-align: center
}

    #recent-tickets-dialog .recent-tickets .recent-tickets-content .show-more-container .loader {
        height: 100%;
        position: relative
    }

#recent-tickets-dialog .recent-tickets .recent-tickets-content .error-message {
    font-size: 18px;
    height: 30px;
    margin-top: -15px;
    position: absolute !important;
    text-align: center;
    top: 50%;
    width: 100%
}

#footer.default {
    border-top: 1px solid #cfcfcf
}

    #footer.default .inner-container {
        padding: 15px 20px 15px 20px;
        overflow: hidden
    }

        #footer.default .inner-container a {
            color: #969696;
            display: inline-block;
            text-decoration: none;
            font-size: 16px
        }

            #footer.default .inner-container a span {
                display: inline-block !important;
                vertical-align: middle
            }

                #footer.default .inner-container a span:not(:last-child) {
                    margin-right: 4px
                }

        #footer.default .inner-container .support-link {
            margin-right: 30px
        }

        #footer.default .inner-container .icon {
            display: block;
            width: 16px;
            height: 16px;
            background-size: cover
        }

            #footer.default .inner-container .icon.icon-logo {
                width: 24px;
                height: 24px;
                color: #1dca8b;
                font-size: 25px
            }

#new-question-modal .modal-dialog .new-ticket-content-template .modal-body {
    height: 673px;
    max-height: 80vh;
    padding: 0
}

#new-question-modal .modal-dialog #question-editor-preview {
    height: 230px;
    width: 100%;
    overflow: auto
}

#new-question-modal .modal-dialog .modal-footer .pull-right {
    position: relative;
    z-index: 1
}

#new-question-modal .modal-dialog .ticket-subject {
    overflow: visible
}

#new-question-modal .modal-dialog .site-col-right input {
    font-size: 14px
}

#new-question-modal .modal-dialog #related-tickets {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 100;
    margin-top: 1px;
    max-height: 450px;
    overflow-y: auto;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 4px 8px rgba(0,0,0,.1)
}

    #new-question-modal .modal-dialog #related-tickets > .related-tickets-title {
        display: block;
        color: #767676;
        font-size: 15px;
        line-height: 20px;
        font-weight: 600;
        margin: 20px 0 8px 20px
    }

    #new-question-modal .modal-dialog #related-tickets #related-tickets-list {
        list-style: outside none none;
        padding: 0;
        margin: 0
    }

        #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket {
            z-index: 101;
            padding: 0;
            overflow: auto;
            position: relative;
            width: 100%;
            margin: 0
        }

            #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content {
                display: flex;
                width: 100%;
                padding: 10px 20px;
                text-decoration: none
            }

                #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content:focus, #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content:hover {
                    background-color: #eee
                }

                    #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content:focus .ticket-subject, #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content:hover .ticket-subject {
                        text-decoration: none !important
                    }

                #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content:visited .ticket-subject {
                    color: #404040 !important
                }

                #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-answers-count {
                    color: #969696;
                    font-size: 32px;
                    text-align: center;
                    line-height: 43px;
                    margin-right: 20px;
                    min-width: 37px;
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-answers-count.helpful {
                        color: #D00F78
                    }

                #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    overflow-x: auto;
                    overflow-y: hidden
                }

                    #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .ticket-subject {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        z-index: 101;
                        font-size: 16px;
                        line-height: 21px;
                        font-weight: 600;
                        color: #404040;
                        margin-bottom: 5px
                    }

                    #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .category-list, #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .tag-list {
                        font-size: 14px;
                        display: flex;
                        flex-wrap: wrap
                    }

                        #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .category-list button, #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .category-list div, #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .tag-list button, #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .tag-list div {
                            float: left
                        }

                    #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .category, #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .tag-list {
                        color: #969696;
                        line-height: 19px
                    }

                        #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .category-list .category, #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .tag-list > .tag {
                            margin-right: 8px;
                            border-bottom: 1px solid transparent;
                            pointer-events: none
                        }

                    #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .category-list > .category-dilimeter {
                        height: 20px;
                        text-decoration: none;
                        width: 16px;
                        font-size: 14px;
                        margin-right: 8px
                    }

                    #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .tag-list .arrow {
                        margin-left: 4px;
                        margin-right: 4px
                    }

                    #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content .ticket-right-content .entity-type {
                        border-radius: 3px;
                        margin-right: 8px;
                        border: 1px solid #cfcfcf;
                        color: #969696;
                        padding: 0 6px
                    }

                #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content:hover .ticket-subject {
                    text-decoration: underline
                }

                #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content:focus .ticket-subject {
                    text-decoration: underline
                }

                #new-question-modal .modal-dialog #related-tickets #related-tickets-list > .ticket .ticket-content:visited .ticket-subject {
                    color: #7f51a6
                }

    #new-question-modal .modal-dialog #related-tickets #show-more-container {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        margin: 5px 0 20px 0
    }

        #new-question-modal .modal-dialog #related-tickets #show-more-container #show-more-block {
            padding: 2px 5px
        }

            #new-question-modal .modal-dialog #related-tickets #show-more-container #show-more-block #show-more-text {
                cursor: pointer;
                color: #115bc0
            }

            #new-question-modal .modal-dialog #related-tickets #show-more-container #show-more-block .svg-icon-arrow-down {
                content: "";
                display: inline-block;
                width: 15px;
                height: 15px;
                right: 11px;
                background-image: url(/svg/arrow-down.svg);
                background-repeat: no-repeat;
                position: relative;
                top: 8px;
                cursor: pointer;
                right: -3px
            }

            #new-question-modal .modal-dialog #related-tickets #show-more-container #show-more-block:focus #show-more-text, #new-question-modal .modal-dialog #related-tickets #show-more-container #show-more-block:hover #show-more-text {
                text-decoration: underline
            }

#new-question-modal .modal-dialog .previous-values-button {
    color: #115bc0;
    position: absolute;
    right: -15px
}

    #new-question-modal .modal-dialog .previous-values-button:focus {
        box-shadow: none
    }

        #new-question-modal .modal-dialog .previous-values-button:focus .previous-values-text {
            text-decoration: underline
        }

    #new-question-modal .modal-dialog .previous-values-button .previous-values-text {
        font-size: 13px
    }

        #new-question-modal .modal-dialog .previous-values-button .previous-values-text:hover {
            text-decoration: underline
        }

    #new-question-modal .modal-dialog .previous-values-button .icon-refresh-1 {
        font-size: 14px;
        color: #115bc0
    }

#new-question-modal .markdown-editor .help-modal {
    right: 350px
}

#new-question-modal .attachments .error-validation .error-popup {
    margin-top: -1px
}

#edit-question-modal .modal-footer .privacy-switcher, #new-question-modal .modal-footer .privacy-switcher {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    position: relative
}

    #edit-question-modal .modal-footer .privacy-switcher .ticket-privacy-loader, #new-question-modal .modal-footer .privacy-switcher .ticket-privacy-loader {
        height: 20px;
        position: relative;
        width: 100%
    }

    #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner {
        position: absolute;
        background: #fbe9d4;
        width: 502px;
        border: 1px solid #969696;
        box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
        line-height: 18px;
        right: 0;
        bottom: 35px;
        bottom: 40px;
        text-align: left;
        margin-right: 20px
    }

        #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner::after, #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner::before, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner::after, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner::before {
            content: '';
            position: absolute;
            border: 8px solid transparent;
            right: 4px;
            border-top: 7px solid #969696;
            bottom: -15px
        }

        #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner::after, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner::after {
            border-top: 8px solid #fbe9d4;
            bottom: -14px
        }

        #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner.viewed, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner.viewed {
            display: none
        }

        #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content {
            padding: 20px;
            font-size: 14px;
            color: #505050
        }

            #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content a, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content a {
                color: #115bc0;
                cursor: pointer
            }

                #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content a.switch-to-old-design, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content a.switch-to-old-design {
                    font-weight: 600
                }

            #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content p, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content p {
                margin: 0;
                margin-top: 5px;
                line-height: 19px
            }

                #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content p:first-child, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content p:first-child {
                    margin-top: 0
                }

            #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content .message-header, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .message-content .message-header {
                font-family: "Open Sans Condensed Bold";
                font-size: 16px;
                margin-bottom: 7px
            }

        #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .close-action, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .close-action {
            position: absolute;
            padding: 8px;
            right: 0;
            top: 0;
            cursor: pointer
        }

            #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .close-action .icon-close, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .close-action .icon-close {
                width: 13px;
                height: 13px;
                font-size: 13px;
                display: block
            }

        #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .agreement-actions, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .agreement-actions {
            text-align: right;
            margin-top: 20px
        }

            #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .agreement-actions .btn, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .agreement-actions .btn {
                height: 30px;
                padding: 0 20px
            }

                #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .agreement-actions .btn + .btn, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .agreement-actions .btn + .btn {
                    margin-left: 0
                }

                #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .agreement-actions .btn.btn-default, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner .agreement-actions .btn.btn-default {
                    padding: 0 25px
                }

    #edit-question-modal .modal-footer .privacy-switcher .dropdown, #new-question-modal .modal-footer .privacy-switcher .dropdown {
        padding: 5px 15px 5px 5px;
        border: 1px solid #cfcfcf;
        border-radius: 3px;
        position: relative;
        margin-right: 20px
    }

        #edit-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-toggle .icon, #new-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-toggle .icon {
            font-size: 8px;
            margin-left: 8px
        }

        #edit-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-toggle a, #new-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-toggle a {
            text-decoration: none;
            padding-left: 20px;
            padding-right: 6px
        }

            #edit-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-toggle a .icon, #new-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-toggle a .icon {
                font-size: 10px;
                position: absolute;
                left: 0;
                top: 10px;
                width: 10px;
                height: 10px
            }

        #edit-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup, #new-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup {
            font-size: 14px;
            top: 31px;
            left: 0 !important;
            right: 0
        }

            #edit-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup ul li, #new-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup ul li {
                line-height: 14px
            }

                #edit-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup ul li > *, #new-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup ul li > * {
                    padding: 8px 12px 8px 24px
                }

                #edit-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup ul li a, #new-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup ul li a {
                    height: auto;
                    min-height: 33px
                }

                    #edit-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup ul li a span, #new-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup ul li a span {
                        vertical-align: middle
                    }

                    #edit-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup ul li a .icon, #new-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup ul li a .icon {
                        font-size: 10px;
                        position: absolute;
                        left: 13px;
                        top: 50%;
                        transform: translateY(-50%)
                    }

        #edit-question-modal .modal-footer .privacy-switcher .dropdown.disabled, #new-question-modal .modal-footer .privacy-switcher .dropdown.disabled {
            padding-right: 5px;
            background-color: #f2f2f2
        }

            #edit-question-modal .modal-footer .privacy-switcher .dropdown.disabled .dropdown-toggle .icon-chevron-down, #new-question-modal .modal-footer .privacy-switcher .dropdown.disabled .dropdown-toggle .icon-chevron-down {
                display: none
            }

            #edit-question-modal .modal-footer .privacy-switcher .dropdown.disabled .dropdown-toggle a, #new-question-modal .modal-footer .privacy-switcher .dropdown.disabled .dropdown-toggle a {
                cursor: help
            }

#edit-question-modal .modal-footer .public-ticket-information, #new-question-modal .modal-footer .public-ticket-information {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    text-align: left;
    position: relative;
    left: -10px;
    padding: 10px;
    margin-right: 20px
}

    #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner {
        position: absolute;
        background: #fff;
        width: 278px;
        border: 1px solid #cfcfcf;
        box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
        line-height: 18px;
        bottom: 35px;
        left: -3px;
        display: none
    }

        #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner::after, #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner::before, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner::after, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner::before {
            content: '';
            position: absolute;
            border: 8px solid transparent;
            left: 4px;
            border-top: 7px solid #cfcfcf;
            bottom: -15px
        }

        #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner::after, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner::after {
            border-top: 8px solid #fff;
            bottom: -14px
        }

        #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner.viewed, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner.viewed {
            display: none
        }

        #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content {
            padding: 20px;
            font-size: 14px;
            color: #505050
        }

            #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content a, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content a {
                color: #115bc0;
                cursor: pointer
            }

                #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content a.switch-to-old-design, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content a.switch-to-old-design {
                    font-weight: 600
                }

            #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content p, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content p {
                margin: 0;
                margin-top: 5px;
                line-height: 19px
            }

                #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content p:first-child, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content p:first-child {
                    margin-top: 0
                }

            #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content .message-header, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner .message-content .message-header {
                font-family: "Open Sans Condensed Bold";
                font-size: 16px;
                margin-bottom: 7px
            }

        #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner .close-action, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner .close-action {
            position: absolute;
            padding: 8px;
            right: 0;
            top: 0;
            cursor: pointer
        }

            #edit-question-modal .modal-footer .public-ticket-information .additional-information-banner .close-action .icon-close, #new-question-modal .modal-footer .public-ticket-information .additional-information-banner .close-action .icon-close {
                width: 13px;
                height: 13px;
                font-size: 13px;
                display: block
            }

    #edit-question-modal .modal-footer .public-ticket-information .icon, #new-question-modal .modal-footer .public-ticket-information .icon {
        position: absolute;
        top: 50%;
        font-size: 20px;
        transform: translateY(-50%);
        color: #D00F78
    }

        #edit-question-modal .modal-footer .public-ticket-information .icon.icon-oval, #new-question-modal .modal-footer .public-ticket-information .icon.icon-oval {
            opacity: .2
        }

        #edit-question-modal .modal-footer .public-ticket-information .icon:hover + .additional-information-banner, #new-question-modal .modal-footer .public-ticket-information .icon:hover + .additional-information-banner {
            display: block
        }

#edit-question-modal .post-attachments, #new-question-modal .post-attachments {
    position: relative;
    overflow: initial
}

    #edit-question-modal .post-attachments::before, #new-question-modal .post-attachments::before {
        display: block;
        left: -1px;
        right: -1px
    }

@media(max-width:1200px) {
    .inner-container .filters .search-box {
        width: 310px
    }
}

@media(max-width:1024px) {
    #recent-tickets-dialog .modal-dialog {
        width: 640px
    }

    #recent-tickets-dialog .recent-tickets-content .item .date-column > .column-inner, #recent-tickets-dialog .recent-tickets-content .item .subject-column > .column-inner {
        margin: 10px !important
    }

    #recent-tickets-dialog .recent-tickets-content .item .subject-column {
        margin-right: 120px !important
    }

    #recent-tickets-dialog .recent-tickets-content .item .date-column {
        width: 120px !important;
        text-align: center;
        font-size: 14px
    }

        #recent-tickets-dialog .recent-tickets-content .item .date-column .date {
            display: none
        }

        #recent-tickets-dialog .recent-tickets-content .item .date-column .date-sm {
            display: block
        }

    #edit-question-modal .modal-footer .public-ticket-information, #new-question-modal .modal-footer .public-ticket-information {
        display: none
    }

    #edit-question-modal .modal-footer .privacy-switcher, #new-question-modal .modal-footer .privacy-switcher {
        max-width: 260px;
        margin-right: 10px;
        position: static
    }

        #edit-question-modal .modal-footer .privacy-switcher .ticket-privacy .dropdown-toggle, #new-question-modal .modal-footer .privacy-switcher .ticket-privacy .dropdown-toggle {
            display: block
        }

            #edit-question-modal .modal-footer .privacy-switcher .ticket-privacy .dropdown-toggle .selected-value, #new-question-modal .modal-footer .privacy-switcher .ticket-privacy .dropdown-toggle .selected-value {
                display: block;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                padding-right: 10px
            }

            #edit-question-modal .modal-footer .privacy-switcher .ticket-privacy .dropdown-toggle .icon-chevron-down, #new-question-modal .modal-footer .privacy-switcher .ticket-privacy .dropdown-toggle .icon-chevron-down {
                position: absolute;
                right: 10px;
                top: 14px
            }

            #edit-question-modal .modal-footer .privacy-switcher .ticket-privacy .dropdown-toggle.disabled, #new-question-modal .modal-footer .privacy-switcher .ticket-privacy .dropdown-toggle.disabled {
                pointer-events: none
            }

        #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner {
            left: 0;
            right: 0;
            margin: 0 auto 5px auto
        }

            #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner::after, #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner::before, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner::after, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner::before {
                display: none
            }

    #new-question-modal .post-attachments, #new-question-modal .post-description, #new-question-modal .property-loader, #new-question-modal .ticket-field, #new-question-modal .ticket-subject {
        margin-bottom: 12px
    }

    #new-question-modal .markdown-editor .help-modal {
        right: 40px
    }

    #new-question-modal * > .site-row:not(:last-child) {
        margin-bottom: 0
    }

    #new-question-modal .modal-dialog .modal-footer {
        margin-bottom: 50px
    }

        #new-question-modal .modal-dialog .modal-footer .pull-right.ticket-creation-actions {
            position: absolute;
            left: 25px;
            right: 25px;
            bottom: 20px
        }

    #footer.default .inner-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .editor .drop-area, .editor .drop-area-info, .markdown-editor .drop-area, .markdown-editor .drop-area-info {
        display: none !important
    }

    header#answerdesk-header .inner-container > .logo {
        position: absolute;
        left: 15px;
        right: 96px;
        text-align: center;
        z-index: 1
    }

        header#answerdesk-header .inner-container > .logo ul.nav-links {
            text-align: left
        }

            header#answerdesk-header .inner-container > .logo ul.nav-links li {
                float: none;
                display: inline-block
            }

    header#answerdesk-header .inner-container .filters {
        float: none !important;
        position: absolute;
        right: 75px;
        left: 15px;
        height: 100%;
        background-color: #505050
    }

        header#answerdesk-header .inner-container .filters.entered {
            right: 65px
        }

        header#answerdesk-header .inner-container .filters a.sign-in {
            position: absolute;
            right: -60px
        }

        header#answerdesk-header .inner-container .filters ul.nav-links {
            display: none
        }

        header#answerdesk-header .inner-container .filters .search-box {
            background-color: transparent;
            width: 200px !important
        }

            header#answerdesk-header .inner-container .filters .search-box .icon.icon-search {
                font-size: 20px;
                right: 0
            }

                header#answerdesk-header .inner-container .filters .search-box .icon.icon-search.open-search-btn {
                    display: block;
                    color: #fff
                }

                    header#answerdesk-header .inner-container .filters .search-box .icon.icon-search.open-search-btn::before {
                        padding: 5px
                    }

                    header#answerdesk-header .inner-container .filters .search-box .icon.icon-search.open-search-btn + .icon-search {
                        display: none
                    }

        header#answerdesk-header .inner-container .filters #profile-dropdown {
            position: absolute;
            right: -50px
        }

    header#answerdesk-header .inner-container #main-search {
        float: right;
        width: 36px !important;
        height: 36px !important
    }

    /*    header#answerdesk-header .inner-container #main-search input {
            display: none
        }*/

        header#answerdesk-header .inner-container #main-search.active {
            z-index: 1;
            width: 100% !important;
            margin-left: 0;
            background: #fff !important
        }

            header#answerdesk-header .inner-container #main-search.active input {
                display: block
            }

            header#answerdesk-header .inner-container #main-search.active .icon.icon-search {
                color: #969696 !important
            }
}

@media(max-width:640px) {
    #content #action-bar #content-actions #ask-question-btn {
        width: 170px !important;
        padding: 0
    }

 /*       #content #action-bar #content-actions #ask-question-btn .large-text {
            display: none !important
        }*/

        #content #action-bar #content-actions #ask-question-btn .small-text {
            display: flex !important;
            align-items: center;
            justify-content: center
        }

            #content #action-bar #content-actions #ask-question-btn .small-text:before {
                content: none
            }

    #content #main-content > .inner-container {
        padding-right: 0;
        padding-left: 0;
        padding-top: 5px
    }

    header#answerdesk-header .inner-container > .logo ul.nav-links .logo {
        display: none
    }

    header#answerdesk-header .inner-container > .logo ul.nav-links li {
        float: left
    }

        header#answerdesk-header .inner-container > .logo ul.nav-links li:not(:last-child)::after {
            content: none
        }

    #recent-tickets-dialog .modal-body, #recent-tickets-dialog .modal-footer {
        padding: 15px
    }

    #recent-tickets-dialog .recent-tickets-content .item .subject-column {
        margin-right: 85px !important
    }

    #recent-tickets-dialog .recent-tickets-content .item .date-column {
        width: 85px !important
    }

    #footer.default .inner-container > div {
        float: left !important;
        width: 100%
    }

        #footer.default .inner-container > div a {
            font-size: 16px;
            display: block;
            padding-bottom: 10px
        }

    #new-question-modal .modal-dialog .modal-footer {
        margin-bottom: 105px
    }

        #new-question-modal .modal-dialog .modal-footer .pull-left, #new-question-modal .modal-dialog .modal-footer .pull-right {
            float: none !important
        }

        #new-question-modal .modal-dialog .modal-footer .btn {
            width: 100% !important;
            margin: 0 0 7px 0 !important
        }

            #new-question-modal .modal-dialog .modal-footer .btn.btn-primary {
                width: 48%;
                float: left
            }

            #new-question-modal .modal-dialog .modal-footer .btn.btn-default {
                width: 48%;
                float: right
            }

        #new-question-modal .modal-dialog .modal-footer .pull-right.ticket-creation-actions {
            left: 20px;
            right: 20px
        }

    #new-question-modal .modal-body {
        padding: 20px
    }

        #new-question-modal .modal-body .post-attachments {
            margin-bottom: 0
        }

        #new-question-modal .modal-body .btn.add-attach, #new-question-modal .modal-body .btn.attachment, #new-question-modal .modal-body .btn.btn-danger {
            width: 100%;
            height: 34px
        }

        #new-question-modal .modal-body .btn.attachment, #new-question-modal .modal-body .btn.btn-danger {
            margin-bottom: 8px
        }

        #new-question-modal .modal-body .btn.attachment {
            height: 30px
        }

            #new-question-modal .modal-body .btn.attachment .file-name {
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%
            }

            #new-question-modal .modal-body .btn.attachment.has-error .error-validation {
                margin-top: 31px
            }

            #new-question-modal .modal-body .btn.attachment.has-error .error-popup {
                white-space: normal;
                color: #fff
            }

            #new-question-modal .modal-body .btn.attachment .remove-attach {
                position: absolute;
                right: 0;
                top: 0
            }

    #new-question-modal .markdown-editor .help-modal {
        right: 30px
    }

    #new-question-modal .modal-footer {
        margin-bottom: 135px !important
    }

        #edit-question-modal .modal-footer .privacy-switcher, #new-question-modal .modal-footer .privacy-switcher {
            float: left;
            width: 100%;
            margin-bottom: 10px;
            position: relative;
            text-align: left;
            max-width: 100%
        }

            #edit-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner, #new-question-modal .modal-footer .privacy-switcher .public-ticket-agreement-banner {
                width: 100%;
                margin-right: 0;
                margin-bottom: 0
            }

            #edit-question-modal .modal-footer .privacy-switcher .ticket-privacy, #new-question-modal .modal-footer .privacy-switcher .ticket-privacy {
                margin-right: 0
            }

                #edit-question-modal .modal-footer .privacy-switcher .ticket-privacy .dropdown-popup, #new-question-modal .modal-footer .privacy-switcher .ticket-privacy .dropdown-popup {
                    width: 100%
                }
}

@media(max-height:790px) {
    #edit-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup, #new-question-modal .modal-footer .privacy-switcher .dropdown .dropdown-popup {
        top: initial;
        bottom: 31px
    }
}

#container.with-lightbox {
    overflow: hidden
}

.lightbox-overlay {
    min-width: 220px;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.9);
    z-index: 1000000;
    top: 0
}

    .lightbox-overlay a:focus, .lightbox-overlay button:focus {
        outline: 1px dotted #fff;
        border-color: transparent;
        outline-offset: 5px;
        box-shadow: none
    }

    .lightbox-overlay .loader-image {
        display: none;
        margin: 0 auto;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        top: 50%;
        border: 5px solid transparent;
        border-left-color: #D00F78;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -o-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

        .lightbox-overlay .loader-image, .lightbox-overlay .loader-image:after {
            border-radius: 50%;
            width: 85px;
            height: 85px
        }

    .lightbox-overlay .lightbox-header {
        background: rgba(0,0,0,.6);
        padding: 20px;
        font-size: 18px;
        color: #5f5f5f;
        letter-spacing: 0;
        line-height: 27px;
        position: absolute;
        width: 100%;
        z-index: 1
    }

        .lightbox-overlay .lightbox-header div {
            display: inline-block !important
        }

        .lightbox-overlay .lightbox-header .file-name {
            color: #fff;
            font-size: 20px
        }

        .lightbox-overlay .lightbox-header .button {
            cursor: pointer;
            width: 22px;
            height: 22px;
            float: right;
            text-decoration: none
        }

            .lightbox-overlay .lightbox-header .button.icon {
                color: #fff;
                opacity: .7
            }

                .lightbox-overlay .lightbox-header .button.icon:hover {
                    opacity: 1
                }

        .lightbox-overlay .lightbox-header .close-button {
            font-size: 20px
        }

        .lightbox-overlay .lightbox-header .download-button {
            font-size: 22px;
            margin: 0 50px
        }

        .lightbox-overlay .lightbox-header .new-window-button {
            font-size: 22px
        }

    .lightbox-overlay .image {
        width: 100%;
        height: 100%;
        position: relative
    }

        .lightbox-overlay .image img {
            margin: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            max-width: 100%;
            max-height: 100%
        }

            .lightbox-overlay .image img.lightbox-animation-image {
                margin: auto 0
            }

    .lightbox-overlay .navigation .left-arrow, .lightbox-overlay .navigation .right-arrow {
        width: 25px;
        height: 45px;
        position: absolute;
        top: 50%;
        margin-top: -22px;
        cursor: pointer;
        font-size: 45px
    }

        .lightbox-overlay .navigation .left-arrow:focus, .lightbox-overlay .navigation .right-arrow:focus {
            outline: 0
        }

            .lightbox-overlay .navigation .left-arrow:focus::before, .lightbox-overlay .navigation .right-arrow:focus::before {
                outline: 1px dotted #fff;
                outline-offset: 5px
            }

    .lightbox-overlay .navigation .left-arrow {
        left: 65px
    }

    .lightbox-overlay .navigation .right-arrow {
        -ms-transform: scale(-1,1);
        -webkit-transform: scale(-1,1);
        -o-transform: scale(-1,1);
        -moz-transform: scale(-1,1);
        transform: scale(-1,1);
        right: 65px
    }

    .lightbox-overlay .navigation .preview-images {
        bottom: 0;
        position: absolute;
        text-align: center;
        min-width: 100%;
        height: 110px;
        white-space: nowrap;
        left: 0
    }

        .lightbox-overlay .navigation .preview-images .active {
            border: 3px solid #D00F78;
            width: 90px;
            height: 90px;
            position: fixed;
            z-index: 1;
            bottom: 10px
        }

        .lightbox-overlay .navigation .preview-images a {
            display: inline-block;
            width: 90px;
            height: 90px;
            margin: 10px;
            position: relative;
            background: #1f1f1f
        }

            .lightbox-overlay .navigation .preview-images a img {
                max-width: 90px;
                max-height: 90px;
                margin: auto;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0
            }

    .lightbox-overlay .navigation .navigate {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 150px;
        cursor: pointer
    }

        .lightbox-overlay .navigation .navigate.right {
            right: 0
        }

        .lightbox-overlay .navigation .navigate:hover {
            background-color: rgba(0,0,0,.3)
        }

@media screen and (max-width:1200px) {
    .lightbox-overlay .lightbox-header .file-name {
        text-overflow: ellipsis;
        width: 270px;
        overflow: hidden;
        height: 27px;
        white-space: nowrap
    }

    .lightbox-overlay .lightbox-header .resolution, .lightbox-overlay .lightbox-header .size {
        display: none !important
    }
}

@media screen and (max-width:640px) {
    .lightbox-overlay .lightbox-header .file-name {
        display: none !important
    }

    .lightbox-overlay .navigation .icon {
        font-size: 35px
    }

    .lightbox-overlay .navigation .right-arrow {
        right: 20px
    }

    .lightbox-overlay .navigation .left-arrow {
        left: 20px
    }
}


#container {
    visibility: visible !important
}

#content {
    visibility: collapse
}

    #content.ready {
        visibility: visible
    }

#action-bar, #main-content {
    position: relative
}

#sidebar {
    width: 0;
    float: left;
    width: 320px;
    margin-left: -360px;
    z-index: 1;
    visibility: hidden;
    height: 100vh
}

    #sidebar.sidebar-visible {
        margin-left: 0;
        visibility: visible;
        height: 100%
    }

    #sidebar #filter-list {
        position: relative;
        top: 0;
        width: 100%;
        z-index: 2;
        background: #fff;
        border: 1px solid #cfcfcf
    }

#pager {
    height: 85px;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 3
}

    #pager .body {
        display: inline-block
    }

    #pager .collapsed {
        visibility: collapse
    }

    #pager .inner-container {
        text-align: center;
        padding: 15px 0
    }

    #pager .paging-item {
        display: inline-block;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        background-color: transparent;
        width: 50px;
        height: 50px;
        position: relative;
        text-align: start
    }

        #pager .paging-item .icon {
            left: 0
        }

        #pager .paging-item .paging-item-link {
            display: inline-block;
            text-decoration: none;
            position: absolute;
            text-align: center;
            text-align: -webkit-center;
            text-align: -moz-center;
            width: 50px;
            height: 50px;
            line-height: 50px;
            left: 0
        }

        #pager .paging-item.active {
            background-color: #D00F78
        }

            #pager .paging-item.active a {
                font-weight: 300;
                color: #fff;
                pointer-events: none;
                cursor: default;
                font-size: 21px
            }

        #pager .paging-item.page:not(.active):hover {
            background-color: #fff
        }

        #pager .paging-item.collapsed {
            visibility: collapse
        }

        #pager .paging-item.left-arrow {
            margin-right: 50px;
            cursor: pointer
        }

        #pager .paging-item.right-arrow {
            margin-left: 50px;
            cursor: pointer
        }

            #pager .paging-item.left-arrow .icon, #pager .paging-item.right-arrow .icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 50px;
                height: 50px;
                position: absolute;
                font-size: 20px;
                text-decoration: none
            }

                #pager .paging-item.left-arrow .icon:before, #pager .paging-item.right-arrow .icon:before {
                    content: none
                }

#action-bar .inner-container .overflow-hidden {
    overflow: hidden
}

#action-bar .inner-container .selected-filters-container {
    position: relative;
    display: inline-block
}

    #action-bar .inner-container .selected-filters-container > * {
        display: inline-block;
        vertical-align: middle;
        height: 50px
    }

    #action-bar .inner-container .selected-filters-container button > * {
        display: block;
        float: left
    }

    #action-bar .inner-container .selected-filters-container button.toggle-filter-panel {
        font-size: 18px;
        cursor: pointer;
        color: #969696;
        height: 50px;
        margin-right: 40px;
        position: relative
    }

        #action-bar .inner-container .selected-filters-container button.toggle-filter-panel:focus {
            box-shadow: none
        }

            #action-bar .inner-container .selected-filters-container button.toggle-filter-panel:focus::before {
                content: " ";
                position: absolute;
                left: -3px;
                bottom: 5px;
                top: 5px;
                right: -3px;
                -webkit-box-shadow: 0 0 0 1px #115bc0,0 0 0 3px #afcef8;
                -moz-box-shadow: 0 0 0 1px #115bc0,0 0 0 3px #afcef8;
                box-shadow: 0 0 0 1px #115bc0,0 0 0 3px #afcef8;
                border-radius: 2px
            }

        #action-bar .inner-container .selected-filters-container button.toggle-filter-panel .active-filters-count {
            font-size: 12px;
            background-color: #D00F78;
            color: #fff;
            border-radius: 9px;
            z-index: 1;
            position: absolute;
            min-width: 20px;
            text-align: center;
            border: 1px solid #fff;
            left: 8px;
            top: 4px;
            line-height: 15px
        }

        #action-bar .inner-container .selected-filters-container button.toggle-filter-panel .icon-filter {
            width: 18px;
            height: 18px;
            margin-top: 3px
        }

            #action-bar .inner-container .selected-filters-container button.toggle-filter-panel .icon-filter:before {
                content: none
            }

            #action-bar .inner-container .selected-filters-container button.toggle-filter-panel .icon-filter > svg {
                display: block
            }

        #action-bar .inner-container .selected-filters-container button.toggle-filter-panel .filter-text {
            font-size: 16px;
            margin-left: 14px;
            margin-top: 1px
        }

    #action-bar .inner-container .selected-filters-container button.clear-filters {
        color: #f54062;
        margin-left: 30px
    }

    #action-bar .inner-container .selected-filters-container.has-active-filters .toggle-filter-panel > * {
        color: #D00F78
    }

        #action-bar .inner-container .selected-filters-container.has-active-filters .toggle-filter-panel > * > svg {
            fill: #D00F78
        }

    #action-bar .inner-container .selected-filters-container.has-active-filters .toggle-filter-panel:after {
        content: '';
        border-right: 1px solid #cfcfcf;
        height: 25px;
        width: 0;
        position: absolute;
        right: -20px
    }

    #action-bar .inner-container .selected-filters-container.has-active-filters .toggle-filter-panel .active-filters-count {
        color: #fff
    }

    #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown > .icon {
        width: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        font-size: 24px;
        color: #acacac;
        text-decoration: none !important
    }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown > .icon:before {
            content: none
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown > .icon > svg {
            margin-bottom: 2px
        }

    #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-toggle:focus::before {
        padding: 2px;
        box-shadow: 0 0 0 1px #115bc0,0 0 0 3px #afcef8;
        border-radius: 2px
    }

    #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup {
        top: 40px;
        min-width: 260px
    }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup a > span {
            display: inline-block;
            vertical-align: middle
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup a > .icon {
            width: 16px;
            height: 16px
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup a > .action-text {
            margin-left: 5px
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup .share-preset-link .icon {
            font-size: 18px;
            color: #505050
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup .share-preset-link .loader {
            position: absolute;
            width: 30px;
            height: 40px;
            top: 0;
            right: 12px
        }

        #action-bar .inner-container .selected-filters-container .extra-filter-actions-dropdown .dropdown-popup .subscribe-to-rss-link .icon {
            color: #ff8f00
        }

    #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup {
        top: 40px;
        min-width: 330px;
        padding: 20px
    }

        #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup .title {
            color: #969696;
            margin-bottom: 20px;
            font-size: 16px;
            font-weight: 600
        }

        #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup .text-box {
            position: relative
        }

            #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup .text-box input.filter-link-value {
                width: calc(100% - 50px)
            }

            #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup .text-box button.copy-preset-btn {
                border-radius: 0;
                padding: 0;
                width: 40px;
                height: 30px;
                position: absolute;
                right: 0;
                top: 0
            }

                #action-bar .inner-container .selected-filters-container .filter-link-dropdown .dropdown-popup .text-box button.copy-preset-btn > span {
                    float: none
                }

#action-bar .inner-container .selected-filters-panel {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
    height: 34px
}

    #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner {
        display: inline-block;
        overflow: hidden;
        padding: 2px 6px;
        height: 34px
    }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner > * {
            float: left
        }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 4px 1px rgba(17,91,192,.5);
            -moz-box-shadow: 0 0 4px 1px rgba(17,91,192,.5);
            box-shadow: 0 0 4px 1px rgba(17,91,192,.5)
        }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .clear-filters-btn {
            color: #f54062;
            margin-right: 10px;
            padding-right: 14px;
            padding-left: 14px
        }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .clear-filters-btn > * {
                display: block;
                float: left
            }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .clear-filters-btn .icon {
                margin: 2px 5px 2px 0;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items {
            display: inline-block
        }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item {
                float: left;
                display: block;
                margin-right: 10px;
                padding-left: 8px;
                margin-bottom: 10px;
                height: 30px;
                color: #7b7b7b
            }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item > * {
                    display: inline-block;
                    vertical-align: top
                }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item .icon {
                    margin: 0 5px 2px 0;
                    width: 16px;
                    height: 16px;
                    font-size: 16px
                }

                    #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item .icon:before {
                        content: none
                    }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item .filter-text {
                    padding-right: 2px
                }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item.item-hidden {
                    display: none
                }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .items .item:hover .icon {
                    color: #505050
                }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-toggle {
            font-size: 16px;
            height: 30px;
            color: #7b7b7b
        }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-toggle .icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 16px;
                height: 16px
            }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-toggle .icon:before {
                    content: none
                }

        #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup {
            min-width: 240px;
            top: 45px
        }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li a > * {
                display: inline-block;
                vertical-align: middle
            }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li .filter-name {
                width: calc(100% - 30px);
                padding-left: 8px;
                color: #7b7b7b
            }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li .icon {
                margin-top: 1px;
                width: 16px;
                height: 16px
            }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li .icon:before {
                    content: none
                }

                #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li .icon > svg {
                    display: block
                }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li.item-hidden {
                display: none
            }

            #action-bar .inner-container .selected-filters-panel .selected-filters-panel-inner .dropdown .dropdown-popup ul li:hover .icon {
                color: #505050
            }

#action-bar.sidebar-visible #content-actions {
    margin-left: 0
}

#main-content {
    min-height: calc(100vh - (0 + 50px))
}

    #main-content .inner-container {
        padding-bottom: 20px;
        margin-bottom: -20px
    }

        #main-content .inner-container #primary-content {
            min-height: 100vh;
            position: relative;
            z-index: 0;
            overflow: hidden;
            background-color: #eee;
            padding-bottom: 20px;
            margin-bottom: -20px
        }

            #main-content .inner-container #primary-content #tickets-list .grid {
                display: table;
                width: 100%;
                position: relative;
                border-collapse: collapse
            }

                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row {
                    display: table-row;
                    background-color: #fff;
                    border-bottom: 4px solid #eee
                }

                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell {
                        display: table-cell;
                        vertical-align: middle;
                        height: 79px;
                        padding: 10px 0
                    }

                        #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell .bottom {
                            font-size: 14px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            margin-top: 5px
                        }

                        #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell {
                            z-index: 1
                        }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject {
                                display: inline-block;
                                font-weight: 600;
                                white-space: normal;
                                word-break: break-word
                            }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject .caption {
                                    color: #404040
                                }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject .caption:visited {
                                        color: #7f51a6
                                    }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject > * {
                                    vertical-align: middle
                                }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon {
                                    display: inline-block;
                                    width: 16px;
                                    height: 16px;
                                    font-size: 12px
                                }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon:before {
                                        all: initial;
                                        content: "";
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        background-repeat: no-repeat;
                                        background-size: 13px 13px;
                                        background-position: center 70%
                                    }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon.urgent {
                                        color: #f54062
                                    }

                                        #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon.urgent:before {
                                            background-image: url(/Content/svg/attention.svg)
                                        }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon.private:before {
                                        background-image: url(/Content/svg/lock-alt.svg)
                                    }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon.duplicated:before {
                                        background-image: url(/Content/svg/clone.svg)
                                    }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .subject span.icon .custom-tooltip {
                                        margin-top: 22px;
                                        left: -8px;
                                        font-weight: 400
                                    }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom > div {
                                display: inline-block;
                                vertical-align: middle
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list button, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list div, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list button, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list div {
                                float: left
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list {
                                color: #969696;
                                line-height: 20px;
                                cursor: pointer
                            }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list .category, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list > .tag {
                                    cursor: pointer;
                                    margin-right: 8px;
                                    border-bottom: 1px solid transparent
                                }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list .category:hover, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list > .tag:hover {
                                        border-color: #cfcfcf
                                    }

                                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list .category:focus, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list > .tag:focus {
                                        box-shadow: inset 0 0 0 1px #115bc0;
                                        border-radius: 2px;
                                        border-color: transparent
                                    }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category-list > .category-dilimeter {
                                height: 20px;
                                text-decoration: none;
                                width: 16px;
                                font-size: 16px;
                                margin-right: 8px
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .tag-list .arrow {
                                margin-left: 4px;
                                margin-right: 4px
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .entity-type {
                                border-radius: 3px;
                                margin-right: 8px;
                                border: 1px solid #cfcfcf;
                                color: #969696;
                                padding: 0 6px
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category, #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell .bottom .category * {
                                cursor: pointer !important
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.subject-cell span {
                                cursor: default;
                                white-space: nowrap
                            }

                        #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell {
                            width: 300px;
                            max-width: 300px;
                            position: relative;
                            overflow: hidden;
                            white-space: nowrap;
                            word-break: break-all;
                            text-overflow: ellipsis;
                            padding: 0 20px
                        }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell .top {
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap
                            }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell .last-activity {
                                color: #969696;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis
                            }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell .last-activity .action {
                                    text-transform: lowercase
                                }

                        #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.answer-cell {
                            width: 80px;
                            max-width: 80px;
                            text-align: center
                        }

                            #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.answer-cell .answers-count {
                                color: #969696;
                                font-size: 32px;
                                text-align: center;
                                min-height: 60px
                            }

                                #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.answer-cell .answers-count.helpful {
                                    color: #D00F78
                                }

                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row.modified {
                        background-color: #e9f6fc !important
                    }

                    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row.duplicated .ticket-cell.subject-cell {
                        padding-right: 98px !important
                    }

            #main-content .inner-container #primary-content #tickets-list .search-results {
                padding-bottom: 20px
            }

                #main-content .inner-container #primary-content #tickets-list .search-results .btn {
                    display: block;
                    margin-top: 15px;
                    margin-bottom: 10px;
                    padding: 7px 22px;
                    font-family: 'Open Sans Condensed Bold',sans-serif;
                    font-size: 16px;
                    text-transform: uppercase;
                    border-radius: 50px;
                    color: #7b7b7b;
                    background-color: transparent;
                    border: 2px solid #7b7b7b
                }

                #main-content .inner-container #primary-content #tickets-list .search-results .applied-search-string {
                    color: #7b7b7b;
                    font-size: 18px;
                    font-weight: 600
                }

                    #main-content .inner-container #primary-content #tickets-list .search-results .applied-search-string .icon-close-circle {
                        font-size: 16px;
                        margin-left: 13px;
                        cursor: pointer
                    }

                #main-content .inner-container #primary-content #tickets-list .search-results .sorting {
                    position: relative;
                    font-size: 16px;
                    float: right
                }

                    #main-content .inner-container #primary-content #tickets-list .search-results .sorting > .dropdown-toggle {
                        font-size: 16px;
                        color: #115bc0
                    }

                        #main-content .inner-container #primary-content #tickets-list .search-results .sorting > .dropdown-toggle .icon-chevron-down {
                            color: #115bc0;
                            display: inline-block;
                            font-size: 10px;
                            width: 10px;
                            height: 8px
                        }

                    #main-content .inner-container #primary-content #tickets-list .search-results .sorting .dropdown-popup {
                        min-width: 130px;
                        top: 25px;
                        right: 0
                    }

                        #main-content .inner-container #primary-content #tickets-list .search-results .sorting .dropdown-popup ul li a {
                            width: 100%;
                            display: block
                        }

                #main-content .inner-container #primary-content #tickets-list .search-results > * {
                    display: inline-block
                }

            #main-content .inner-container #primary-content #tickets-list .empty-result {
                text-align: center;
                display: none;
                font-size: 18px;
                margin-top: 50px
            }

                #main-content .inner-container #primary-content #tickets-list .empty-result.visible {
                    display: block
                }

                #main-content .inner-container #primary-content #tickets-list .empty-result p {
                    margin: 0;
                    font-size: 16px
                }

                    #main-content .inner-container #primary-content #tickets-list .empty-result p strong {
                        font-weight: 600;
                        color: #404040;
                        font-size: 18px
                    }

                #main-content .inner-container #primary-content #tickets-list .empty-result a {
                    color: #115bc0;
                    font-weight: 400
                }

                #main-content .inner-container #primary-content #tickets-list .empty-result button {
                    margin-top: 40px;
                    height: 60px;
                    width: 230px;
                    font-size: 26px;
                    line-height: 46px;
                    text-decoration: none !important
                }

                #main-content .inner-container #primary-content #tickets-list .empty-result .error-message {
                    color: #969696
                }

            #main-content .inner-container #primary-content #tickets-list #ticket-page-loader {
                position: absolute;
                background: rgba(255,255,255,.78);
                top: 0;
                bottom: 0;
                width: 100%;
                text-align: center;
                z-index: 1
            }

                #main-content .inner-container #primary-content #tickets-list #ticket-page-loader .content-block {
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%)
                }

            #main-content .inner-container #primary-content.sidebar-visible {
                padding-left: 40px
            }

@media(max-width:1200px) {
    #sidebar {
        width: 280px;
        margin-left: -310px
    }

    #main-content .inner-container #primary-content.sidebar-visible {
        padding-left: 30px
    }

    #main-content .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell {
        width: 250px;
        max-width: 250px
    }
}

@media(max-width:1024px) {
    .inner-container {
        padding-left: 15px;
        padding-right: 15px
    }

    #action-bar {
        z-index: 4
    }

        #action-bar .inner-container #content-actions {
            right: 15px !important
        }

        #action-bar .inner-container .selected-filters-panel {
            display: none
        }

        #action-bar .inner-container .selected-filters-container .toggle-filter-panel {
            margin-right: 45px
        }

            #action-bar .inner-container .selected-filters-container .toggle-filter-panel .filter-text {
                display: none
            }

        #action-bar .inner-container .selected-filters-container.has-active-filters .toggle-filter-panel::after {
            right: -30px
        }

    #content #main-content {
        z-index: 1
    }

        #content #main-content.sidebar-visible + #pager {
            z-index: 0;
            margin-left: 280px
        }

        #content #main-content > .inner-container {
            padding-top: 15px
        }

            #content #main-content > .inner-container #primary-content {
                margin-left: 0;
                margin-right: 0;
                overflow: visible
            }

                #content #main-content > .inner-container #primary-content.sidebar-visible {
                    margin-left: 280px;
                    margin-right: -280px;
                    padding-left: 20px
                }

                #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row {
                    font-size: 14px
                }

                    #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row.duplicated .ticket-cell.subject-cell {
                        padding-right: 65px !important
                    }

                    #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.answer-cell {
                        display: none
                    }

                    #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.ticket-cell {
                        padding-left: 15px
                    }

                    #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell {
                        padding-left: 15px;
                        padding-right: 15px
                    }

                    #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .states .state {
                        margin: 0 5px
                    }

                #content #main-content > .inner-container #primary-content #tickets-list .search-results {
                    padding-bottom: 15px
                }

                    #content #main-content > .inner-container #primary-content #tickets-list .search-results .applied-search-string {
                        font-size: 16px
                    }

                    #content #main-content > .inner-container #primary-content #tickets-list .search-results #sorting, #content #main-content > .inner-container #primary-content #tickets-list .search-results #sorting .dropdown-toggle {
                        font-size: 14px
                    }

            #content #main-content > .inner-container #sidebar {
                min-height: 100%;
                z-index: 1;
                border-bottom: none;
                box-shadow: none
            }

                #content #main-content > .inner-container #sidebar:after {
                    transition: all .2s ease;
                    content: "";
                    top: 0 !important;
                    left: 100%;
                    height: 100% !important;
                    width: 200vw !important;
                    z-index: 3;
                    background-color: transparent;
                    position: absolute !important
                }

                #content #main-content > .inner-container #sidebar.sidebar-visible:after {
                    left: 278px !important
                }

    #content #pager {
        height: 70px
    }

        #content #pager .inner-container {
            padding: 10px 0
        }

            #content #pager .inner-container .paging-item {
                font-size: 14px
            }

                #content #pager .inner-container .paging-item .icon, #content #pager .inner-container .paging-item.active a {
                    font-size: 16px
                }

                    #content #pager .inner-container .paging-item .icon > svg, #content #pager .inner-container .paging-item.active a > svg {
                        height: 16px
                    }

    .modal .disclaimer {
        margin: 21px 20px
    }
}

@media(max-width:640px) {
    #content #main-content > .inner-container {
        padding-top: 5px
    }

        #content #main-content > .inner-container #primary-content #tickets-list .search-results {
            padding: 15px
        }

            #content #main-content > .inner-container #primary-content #tickets-list .search-results #sorting, #content #main-content > .inner-container #primary-content #tickets-list .search-results .applied-search-string {
                display: block;
                float: none
            }

            #content #main-content > .inner-container #primary-content #tickets-list .search-results #sorting {
                margin-top: 5px
            }

                #content #main-content > .inner-container #primary-content #tickets-list .search-results #sorting .dropdown-popup {
                    right: auto
                }

        #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row.duplicated .ticket-cell.subject-cell {
            padding-right: 0 !important
        }

        #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.ticket-cell {
            padding-right: 15px
        }

        #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .ticket-cell.owner-cell {
            display: none
        }

        #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .states {
            position: relative;
            display: block
        }

            #content #main-content > .inner-container #primary-content #tickets-list .grid .ticket-row .states .state {
                margin-left: 0;
                top: 0;
                transform: none
            }

    #content #pager .paging-item.left-arrow {
        margin-right: 20px
    }

    #content #pager .paging-item.right-arrow {
        margin-left: 20px
    }

    #content #pager .paging-item.page:hover:not(.active) {
        background-color: transparent
    }

    #content #pager .paging-item, #content #pager .paging-item-link {
        width: 36px !important;
        height: 36px !important
    }

    #content #pager .paging-item {
        border-radius: 36px !important;
        margin-top: 10px !important
    }

        #content #pager .paging-item.left-arrow .icon, #content #pager .paging-item.right-arrow .icon {
            width: 36px !important;
            height: 36px !important;
            font-size: 16px
        }

    #content #pager .paging-item-link {
        line-height: inherit !important;
        position: relative !important
    }

    #content #pager .body .paging-item {
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -ms-center
    }

        #content #pager .body .paging-item .paging-item-link {
            display: table-cell;
            vertical-align: middle
        }
}

#filter-list .filters {
    padding: 25px 25px 22px
}

    #filter-list .filters .editor-label {
        font-size: 15px
    }

    #filter-list .filters .dx-checkbox-container {
        padding: 5px;
        margin: -5px
    }

    #filter-list .filters .dx-checkbox-icon, #filter-list .filters .dx-icon-clear, #filter-list .filters .dx-icon-search, #filter-list .filters .dx-treeview-toggle-item-visibility {
        font-family: answerdesk-icons
    }

        #filter-list .filters .dx-icon-clear:before {
            content: '';
            font-size: 16px !important
        }

        #filter-list .filters .dx-icon-search:before {
            content: '';
            font-size: 16px !important;
            display: none
        }

        #filter-list .filters .dx-treeview-toggle-item-visibility:before {
            content: '';
            font-size: 10px !important;
            margin: 0;
            transform: translate(-50%,-50%);
            top: 50%;
            left: 50%
        }

    #filter-list .filters .dx-checkbox {
        width: 100%;
        padding-bottom: 4px
    }

        #filter-list .filters .dx-checkbox .dx-checkbox-icon {
            width: 16px;
            height: 16px;
            border-color: #cfcfcf
        }

        #filter-list .filters .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon:before {
            content: ' ';
            font-size: 10px !important;
            margin: 0;
            transform: translate(-50%,-50%);
            top: 50%;
            left: 50%;
            width: 10px;
            height: 10px;
            background: #D00F78;
            display: block
        }

        #filter-list .filters .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
            color: #fff;
            background-color: #D00F78
        }

            #filter-list .filters .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:before {
                content: "";
                font-size: 10px !important;
                margin: 0;
                transform: translate(-50%,-50%);
                top: 50%;
                left: 50%
            }

        #filter-list .filters .dx-checkbox.dx-state-focused .dx-checkbox-icon {
            border-color: #cfcfcf;
            box-shadow: 0 0 5px 0 rgba(255,118,0,.75)
        }

        #filter-list .filters .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon, #filter-list .filters .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon {
            border-color: #D00F78
        }

        #filter-list .filters .dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon, #filter-list .filters .dx-checkbox.dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon {
            border-color: #D00F78;
            box-shadow: 0 0 5px 0 rgba(255,118,0,.75)
        }

        #filter-list .filters .dx-checkbox .dx-checkbox-text {
            margin-left: -20px;
            padding-left: 32px;
            line-height: 16px;
            color: #505050
        }

    #filter-list .filters .filter:first-child .multiple-dropdown {
        border-top: none;
        margin-top: 0
    }

        #filter-list .filters .filter:first-child .multiple-dropdown .clear-filter-values, #filter-list .filters .filter:first-child .multiple-dropdown .editor-label {
            margin-top: 0
        }

    #filter-list .filters .multiple-dropdown {
        border-top: 1px solid #cfcfcf;
        margin-top: 12px
    }

        #filter-list .filters .multiple-dropdown .plain-tree .dx-scrollable-container {
            overflow: visible
        }

            #filter-list .filters .multiple-dropdown .plain-tree .dx-scrollable-container .dx-scrollable-content {
                padding-left: 5px;
                padding-right: 5px;
                margin-left: -5px;
                margin-right: -5px
            }

                #filter-list .filters .multiple-dropdown .plain-tree .dx-scrollable-container .dx-scrollable-content .dx-treeview-node-container {
                    overflow: visible
                }

        #filter-list .filters .multiple-dropdown .clear-filter-values {
            float: right;
            margin-top: 22px;
            font-size: 14px;
            color: #969696
        }

        #filter-list .filters .multiple-dropdown .editor-label {
            margin-top: 23px;
            margin-bottom: 10px;
            color: #7b7b7b;
            display: inline-block;
            font-weight: 600
        }

        #filter-list .filters .multiple-dropdown .dx-treeview-node {
            padding-bottom: 5px
        }

            #filter-list .filters .multiple-dropdown .dx-treeview-node .dx-checkbox {
                left: 17px
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-node.dx-treeview-node-is-leaf {
                padding-left: 0
            }

                #filter-list .filters .multiple-dropdown .dx-treeview-node.dx-treeview-node-is-leaf .dx-checkbox {
                    left: 0
                }

            #filter-list .filters .multiple-dropdown .dx-treeview-node.dx-state-focused .dx-checkbox-icon {
                border-color: #cfcfcf;
                box-shadow: 0 0 5px 0 rgba(255,118,0,.75)
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-node.dx-state-focused .dx-checkbox-checked .dx-checkbox-icon, #filter-list .filters .multiple-dropdown .dx-treeview-node.dx-state-focused .dx-checkbox-indeterminate .dx-checkbox-icon {
                border-color: #D00F78;
                box-shadow: 0 0 5px 0 rgba(255,118,0,.75)
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-node:last-of-type {
                padding-bottom: 3px
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-node .dx-treeview-item {
                padding: 0 0 0 28px;
                min-height: 26px;
                line-height: 22px;
                color: #505050
            }

                #filter-list .filters .multiple-dropdown .dx-treeview-node .dx-treeview-item.dx-state-hover {
                    background: 0 0
                }

                #filter-list .filters .multiple-dropdown .dx-treeview-node .dx-treeview-item.dx-state-disabled {
                    display: none !important
                }

        #filter-list .filters .multiple-dropdown .dx-treeview-search {
            margin-top: 6px;
            margin-bottom: 15px;
            border-radius: 0;
            border-color: #cfcfcf
        }

            #filter-list .filters .multiple-dropdown .dx-treeview-search .dx-texteditor-input {
                min-height: 30px;
                padding-top: 0;
                padding-bottom: 0;
                padding-left: 8px
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-search .dx-placeholder::before {
                padding-top: 0;
                padding-bottom: 0;
                padding-left: 8px;
                color: #969696
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-search.dx-state-focused {
                border-color: #cfcfcf;
                box-shadow: 0 0 5px 0 rgba(255,118,0,.75)
            }

        #filter-list .filters .multiple-dropdown .dx-treeview-toggle-item-visibility {
            height: 26px;
            transform: rotate(-90deg);
            transition: transform linear .2s;
            left: -6px;
            color: #505050
        }

            #filter-list .filters .multiple-dropdown .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
                transform: rotate(0)
            }

            #filter-list .filters .multiple-dropdown .dx-treeview-toggle-item-visibility ~ .dx-treeview-node-container {
                padding-left: 10px;
                padding-top: 5px
            }



@font-face {
    font-family: 'answerdesk-icons';
    src: url(/Content/Forum/answerdesk-icons.eot);
    src: url(/Content/Forum/answerdesk-icons.eot#iefix) format('embedded-opentype'),url(/Content/Forum/answerdesk-icons.woff2) format('woff2'),url(/Content/Forum/answerdesk-icons.woff) format('woff'),url(/Content/Forum/answerdesk-icons.ttf?61646735) format('truetype'),url(/Content/Forum/answerdesk-icons.svg#answerdesk-icons) format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "answerdesk-icons";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-plus:before {
    content: ''
}

.icon-angle-left-alt:before {
    content: ''
}

.icon-caret-down:before {
    content: ''
}

.icon-angle-down:before {
    content: ''
}

.icon-angle-left:before {
    content: ''
}

.icon-angle-right:before {
    content: ''
}

.icon-caret-up:before {
    content: ''
}

.icon-circle:before {
    content: ''
}

.icon-refresh:before {
    content: ''
}

.icon-check:before {
    content: ''
}

.icon-close-circle:before {
    content: ''
}

.icon-close:before {
    content: ''
}

.icon-close-alt:before {
    content: ''
}

.icon-file:before {
    content: ''
}

.icon-star-square:before {
    content: ''
}

.icon-trash:before {
    content: ''
}

.icon-download:before {
    content: ''
}

.icon-comment-lines:before {
    content: ''
}

.icon-envelope:before {
    content: ''
}

.icon-star:before {
    content: ''
}

.icon-star-alt:before {
    content: ''
}

.icon-close-bold:before {
    content: ''
}

.icon-headphones:before {
    content: ''
}

.icon-help:before {
    content: ''
}

.icon-chevron-down:before {
    content: ''
}

.icon-chevron-left:before {
    content: ''
}

.icon-dots:before {
    content: ''
}

.icon-arrow-right:before {
    content: ''
}

.icon-share:before {
    content: ''
}

.icon-lock:before {
    content: ''
}

.icon-arrow-left:before {
    content: ''
}

.icon-pencil:before {
    content: ''
}

.icon-search:before {
    content: ''
}

.icon-filter:before {
    content: ''
}

.icon-user-check:before {
    content: ''
}

.icon-check-circle:before {
    content: ''
}

.icon-user:before {
    content: ''
}

.icon-id:before {
    content: ''
}

.icon-rss:before {
    content: ''
}

.icon-attention:before {
    content: ''
}

.icon-logo:before {
    content: ''
}

.icon-logo-alt:before {
    content: ''
}

.icon-lock-alt:before {
    content: ''
}

.icon-resize:before {
    content: ''
}

.icon-action:before {
    content: ''
}

.icon-clone-alt:before {
    content: ''
}

.icon-history:before {
    content: ''
}

.icon-sidebar:before {
    content: ''
}

.icon-sidebar-alt:before {
    content: ''
}

.icon-rotate-left:before {
    content: ''
}

.icon-star-circle:before {
    content: ''
}

.icon-camera:before {
    content: ''
}

.icon-arrow-list-down:before {
    content: ''
}

.icon-arrow-list-up:before {
    content: ''
}

.icon-bold:before {
    content: ''
}

.icon-bullet:before {
    content: ''
}

.icon-code:before {
    content: ''
}

.icon-header:before {
    content: ''
}

.icon-image:before {
    content: ''
}

.icon-italic:before {
    content: ''
}

.icon-number-list:before {
    content: ''
}

.icon-quote:before {
    content: ''
}

.icon-rotate-right:before {
    content: ''
}

.icon-link:before {
    content: ''
}

.icon-side-by-side:before {
    content: ''
}

.icon-download-alt:before {
    content: ''
}

.icon-help-alt:before {
    content: ''
}

.icon-info:before {
    content: ''
}

.icon-document:before {
    content: ''
}

.icon-list:before {
    content: ''
}

.icon-star-alt-solid:before {
    content: ''
}

.icon-copy:before {
    content: ''
}

.icon-preview:before {
    content: ''
}

.icon-smile:before {
    content: ''
}

.icon-warning:before {
    content: ''
}

.icon-thumbs-up-alt:before {
    content: ''
}

.icon-thumbs-up:before {
    content: ''
}

.icon-arrow-right-alt:before {
    content: ''
}

.icon-link-alt:before {
    content: ''
}

.icon-share-alt:before {
    content: ''
}

.icon-clone:before {
    content: ''
}

.icon-refresh-1:before {
    content: ''
}

.icon-earth:before {
    content: ''
}

.icon-clipboard:before {
    content: ''
}

.icon-dot:before {
    content: ''
}

.icon-globe:before {
    content: ''
}

.icon-exclamation:before {
    content: ''
}

.icon-oval:before {
    content: ''
}

.icon-eye-slash:before {
    content: ''
}

.icon-gear:before {
    content: ''
}

.icon-check-alt:before {
    content: ''
}

.icon-bell:before {
    content: ''
}

.icon-pin:before {
    content: ''
}

.icon-wrench:before {
    content: ''
}

.icon-save:before {
    content: ''
}

.icon-attach:before {
    content: ''
}

.icon-check-alt-2:before {
    content: ''
}

.icon-calendar:before {
    content: ''
}

.icon-bell-slash:before {
    content: ''
}

.icon-copy-alt-light:before {
    content: ''
}

.icon-copy-alt-bold:before {
    content: ''
}

.icon-copy-alt:before {
    content: ''
}


.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .select2-container .select2-search--inline {
        float: left
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option[aria-hidden=true]:not(.root) {
    display: none
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,white 50%,#eee 100%);
    background-image: -o-linear-gradient(top,white 50%,#eee 100%);
    background-image: linear-gradient(to bottom,white 50%,#eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,white 0%,#eee 50%);
    background-image: -o-linear-gradient(top,white 0%,#eee 50%);
    background-image: linear-gradient(to bottom,white 0%,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,white 100%);
    background-image: -o-linear-gradient(top,#eee 50%,white 100%);
    background-image: linear-gradient(to bottom,#eee 50%,white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option[aria-hidden=true]:not(.root) {
    display: none
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}



body {
    background-color: #fff;
    color: #505050;
    font-family: Segoe UI,Helvetica Neue,Helvetica,Verdana,sans-serif;
    font-size: 16px;
    line-height: 1.42857;
    margin: 0
}

    body.modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

* {
    box-sizing: border-box
}

:focus {
    outline: 0
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-muted {
    color: #969696
}

.visible {
    display: block !important
}

.hidden {
    display: none !important
}

.pointer {
    cursor: pointer
}

.text-medium {
    font-size: 14px
}

ol, ul {
    margin-bottom: 10px;
    margin-top: 0
}

a {
    color: #505050;
    text-decoration: none;
    background-color: transparent
}

    a:hover {
        text-decoration: underline
    }

    a:focus {
        outline: 0;
        border-color: transparent;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 0 1px #115bc0;
        -moz-box-shadow: 0 0 0 1px #115bc0;
        box-shadow: 0 0 0 1px #115bc0
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: 0;
    border: 1px solid #cfcfcf;
    resize: none;
    -webkit-appearance: none;
    border-radius: 0
}

    input:focus, input:focus + .addon, optgroup:focus, optgroup:focus + .addon, select:focus, select:focus + .addon, textarea:focus, textarea:focus + .addon {
        -webkit-box-shadow: 0 0 0 2px #afcef8;
        -moz-box-shadow: 0 0 0 2px #afcef8;
        box-shadow: 0 0 0 2px #afcef8
    }

    button.clear-button-style {
        border: none;
        background: 0 0;
        padding: 0;
        margin: 0
    }

.CodeMirror.CodeMirror-focused {
    outline: 2px solid #afcef8;
    outline-offset: -1px;
    z-index: 1
}

    .CodeMirror.CodeMirror-focused ~ .error-validation .icon-warning {
        display: none
    }

    .CodeMirror.CodeMirror-focused ~ .error-validation .error-popup {
        display: block;
        position: absolute;
        z-index: 2
    }

.disabled-for-preview ~ .error-validation .icon-warning {
    display: none
}

.disabled-for-preview ~ .post-attachments {
    background: #fafafa
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #969696;
    opacity: 1
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #969696;
    opacity: 1
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #969696;
    opacity: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #969696;
    opacity: 1
}

input {
    line-height: normal
}

    input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    input::-ms-clear {
        display: none
    }

    input[type=checkbox], input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    overflow: visible
}

    button[disabled], html input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled] {
        cursor: default
    }

    button::-moz-focus-inner, html input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
        padding: 0;
        border: 0
    }

.btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px
}

    .btn:focus {
        border-color: #115bc0 !important;
        -webkit-box-shadow: 0 0 0 2px #afcef8;
        -moz-box-shadow: 0 0 0 2px #afcef8;
        box-shadow: 0 0 0 2px #afcef8
    }

    .btn.btn-default {
        background-color: #fff;
        border-color: #cfcfcf;
        color: #505050
    }

        .btn.btn-default:not([disabled]):hover {
            background-color: #eee
        }

/*    .btn.btn-action {
        background-color: #ff7200;
        color: #fff
    }

        .btn.btn-action:not([disabled]):hover {
            background-color: #ff8a26
        }
*/
        .btn.btn-action:focus {
            outline: 2px solid rgba(17,91,192,.6);
            outline-offset: -2px
        }

  /*  .btn.btn-primary {
        background-color: #ff7200;
        color: #fff
    }

        .btn.btn-primary:not([disabled]):hover {
            background-color: #ff8a26
        }
*/
    .btn.btn-danger {
        background-color: #f54062;
        color: #fff
    }

        .btn.btn-danger:not([disabled]):hover {
            background-color: #f54062
        }

        .btn.btn-danger:focus {
            outline: 2px solid #f2103a;
            outline-offset: -2px
        }

            .btn.btn-danger:focus ~ .error-validation .error-popup {
                display: block;
                position: absolute;
                z-index: 2
            }

    .btn.btn-file {
        background-color: #eee;
        position: relative
    }

        .btn.btn-file:not([disabled]) .remove-attach:hover {
            color: #505050
        }

    .btn.disabled, .btn:disabled, .btn[disabled] {
        opacity: 1;
        color: rgba(255,255,255,.5)
    }

        .btn.disabled.btn-default, .btn:disabled.btn-default, .btn[disabled].btn-default {
            color: rgba(80,80,80,.5)
        }

    .btn:not([disabled]):hover {
        text-decoration: none
    }

    .btn.btn-group-sm > .btn, .btn.btn-sm {
        font-size: 14px;
        border-radius: 3px;
        padding: 4px 10px
    }

        .btn.btn-group-sm > .btn.btn-round, .btn.btn-sm.btn-round {
            border-radius: 15px
        }

    .btn.icon {
        font-size: 12px
    }

        .btn.icon::before {
            text-indent: 0
        }

.clearfix:after, .clearfix:before, .container:after, .container:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .row:after, .row:before {
    content: " ";
    display: table
}

.clearfix:after, .container:after, .form-group:after, .modal-footer:after, .nav:after, .navbar-header:after, .navbar:after, .pager:after, .row:after {
    clear: both
}

.action-link {
    border-bottom: 1px dashed;
    font-size: 14px
}

    .action-link:hover {
        text-decoration: none !important
    }

.label {
    border-radius: 3px;
    color: #fff;
    display: inline;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 5px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: baseline;
    white-space: nowrap
}

.dropdown .dropdown-toggle {
    cursor: pointer
}

    .dropdown .dropdown-toggle .dropdown-arrow {
        font-size: 10px;
        width: 13px;
        height: 13px;
        display: block
    }

    .dropdown .dropdown-toggle:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 2px 0 rgba(255,255,255,.4);
        -moz-box-shadow: 0 0 2px 0 rgba(255,255,255,.4);
        box-shadow: 0 0 2px 0 rgba(255,255,255,.4)
    }

.dropdown .dropdown-main {
    margin-right: 0 !important
}

.dropdown .dropdown-popup {
    position: absolute;
    top: 28px;
    z-index: 1000;
    float: left;
    min-width: 200px;
    font-size: 14px;
    text-align: left;
    border: 1px solid #cecece;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    display: none;
    background-color: #fff
}

    .dropdown .dropdown-popup ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .dropdown .dropdown-popup ul li {
            margin: 0;
            line-height: 24px;
            cursor: pointer
        }

            .dropdown .dropdown-popup ul li > * {
                padding: 6px 12px 8px 12px;
                display: block;
                position: relative;
                height: auto;
                min-height: 40px
            }

            .dropdown .dropdown-popup ul li > form {
                padding: 0
            }

                .dropdown .dropdown-popup ul li > form > * {
                    padding: 8px 12px !important
                }

            .dropdown .dropdown-popup ul li a {
                text-decoration: none
            }

            .dropdown .dropdown-popup ul li.active {
                background-color: #eee
            }

                .dropdown .dropdown-popup ul li.active a {
                    pointer-events: none;
                    width: 100%;
                    display: block
                }

                    .dropdown .dropdown-popup ul li.active a:hover {
                        text-decoration: none
                    }

                .dropdown .dropdown-popup ul li.active .checkbox {
                    color: #fff
                }

            .dropdown .dropdown-popup ul li:not(.active):hover {
                background-color: #e9f6fc
            }

    .dropdown .dropdown-popup .divider {
        background-color: #cfcfcf;
        height: 1px;
        overflow: hidden;
        border-radius: 0;
        padding: 0
    }

    .dropdown .dropdown-popup > .arrow, .dropdown .dropdown-popup > .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .dropdown .dropdown-popup > .arrow {
        top: -16px;
        right: 16px;
        margin-left: -11px;
        border-top-width: 0;
        border-width: 8px
    }

        .dropdown .dropdown-popup > .arrow:after {
            top: -6px;
            margin-left: -7px;
            content: " ";
            border-top-width: 0;
            border-width: 7px;
            border-bottom-color: #fff
        }

.dropdown.medium .select2-container--default .select2-selection__rendered {
    line-height: 28px !important
}

.dropdown.medium .select2-container--default .select2-selection--single {
    height: 30px
}

    .dropdown.medium .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 30px;
        padding: 4px 15px
    }

        .dropdown.medium .select2-container--default .select2-selection--single .select2-selection__arrow b {
            left: 14px;
            top: 10px
        }

.dropdown.medium .select2-container--default .select2-selection--multiple {
    min-height: 30px
}

    .dropdown.medium .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        line-height: 20px;
        padding-left: 6px
    }

.dropdown.medium .select2-container--default .select2-selection__choice {
    margin-top: 3px;
    padding: 0 6px !important
}

    .dropdown.medium .select2-container--default .select2-selection__choice:last-child {
        margin-bottom: 3px
    }

.dropdown.medium .select2-container--default .select2-selection__choice__remove {
    margin-left: 8px;
    line-height: 19px
}

.dropdown.medium .select2-container--default .select2-selection__placeholder {
    color: #969696;
    margin: 0;
    float: none
}

.dropdown.medium .select2-container .select2-search--inline .select2-search__field {
    margin: 3px 0;
    margin-left: 5px
}

.checkbox {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

    .checkbox > input[type=checkbox] {
        position: absolute;
        left: -9999px;
        bottom: 3px
    }

        .checkbox > input[type=checkbox] + label {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            height: 20px
        }

            .checkbox > input[type=checkbox] + label .inner-checked {
                background-color: #fff;
                border: 1px solid #cfcfcf;
                display: inline-block;
                width: 16px;
                height: 16px;
                content: "";
                cursor: pointer;
                margin-top: 2px;
                position: relative;
                color: #969696;
                font-size: 10px
            }

                .checkbox > input[type=checkbox] + label .inner-checked::before {
                    content: '';
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -ms-transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    -o-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    margin: 0 !important;
                    text-indent: 0;
                    font-family: answerdesk-icons;
                    font-style: normal;
                    font-weight: 400;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: 1em;
                    text-align: center;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1em
                }

            .checkbox > input[type=checkbox] + label .inner-text {
                color: #969696
            }

        .checkbox > input[type=checkbox]:checked + label .inner-checked::before {
            content: ''
        }

        .checkbox > input[type=checkbox]:focus + label .inner-checked {
            -webkit-box-shadow: 0 0 0 2px #afcef8;
            -moz-box-shadow: 0 0 0 2px #afcef8;
            box-shadow: 0 0 0 2px #afcef8
        }

        .checkbox > input[type=checkbox]:indeterminate + label .inner-checked {
            font-size: 6px
        }

            .checkbox > input[type=checkbox]:indeterminate + label .inner-checked::before {
                content: ''
            }

    .checkbox > label .inner-text {
        display: inline-block;
        left: 0;
        margin-left: 28px;
        position: absolute;
        top: 0;
        font-size: 14px
    }

    .checkbox.big > input[type=checkbox] + label {
        height: 40px
    }

        .checkbox.big > input[type=checkbox] + label .inner-checked {
            width: 40px;
            height: 40px;
            margin: 0
        }

    .checkbox.big > input[type=checkbox]:checked + label .inner-checked {
        font-size: 18px
    }

    .checkbox.big > label .inner-text {
        line-height: 40px;
        margin-left: 52px
    }

    .checkbox.medium > input[type=checkbox] + label {
        height: 30px
    }

        .checkbox.medium > input[type=checkbox] + label .inner-checked {
            width: 30px;
            height: 30px;
            margin: 0
        }

    .checkbox.medium > input[type=checkbox]:checked + label .inner-checked {
        font-size: 14px
    }

    .checkbox.medium > label .inner-text {
        line-height: 30px;
        margin-left: 42px
    }

    .checkbox.small > input[type=checkbox] + label {
        height: 25px
    }

        .checkbox.small > input[type=checkbox] + label .inner-checked {
            width: 25px;
            height: 25px;
            margin: 0
        }

    .checkbox.small > input[type=checkbox]:checked + label .inner-checked {
        font-size: 14px
    }

    .checkbox.small > label .inner-text {
        line-height: 25px;
        margin-left: 36px
    }

    .checkbox > input[disabled] + label .inner-checked {
        background-color: #eee;
        cursor: help
    }

        .checkbox > input[disabled] + label .inner-checked:not([title]), .checkbox > input[disabled] + label .inner-checked[title=""] {
            cursor: default
        }

.property-loader {
    position: relative;
    overflow: hidden
}

    .property-loader .property-label-block, .property-loader .property-value-block {
        width: 100%;
        position: relative;
        background: rgba(0,0,0,.09)
    }

        .property-loader .property-label-block::after, .property-loader .property-value-block::after {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: #fff;
            background: linear-gradient(90deg,rgba(0,0,0,0) 0,#000 60%,rgba(0,0,0,0) 100%);
            opacity: .06;
            -o-animation: stripes 1.2s ease-in-out infinite;
            -ms-animation: stripes 1.2s ease-in-out infinite;
            -moz-animation: stripes 1.2s ease-in-out infinite;
            -webkit-animation: stripes 1.2s ease-in-out infinite;
            animation: stripes 1.2s ease-in-out infinite
        }

        .property-loader .property-label-block::before, .property-loader .property-value-block::before {
            content: " ";
            width: 50%;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 1;
            background: #fff
        }

    .property-loader .property-value-block {
        height: 30px
    }

        .property-loader .property-value-block::before {
            width: 0
        }

    .property-loader .property-label-block {
        height: 16px;
        margin-bottom: 5px
    }

@-webkit-keyframes stripes {
    from {
        left: -100%
    }

    to {
        left: 100%
    }
}

@keyframes stripes {
    from {
        left: -100%
    }

    to {
        left: 100%
    }
}

.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    height: 100%
}

    .modal.fade {
        opacity: 0;
        transition: opacity .1s linear 0s
    }

        .modal.fade.in {
            opacity: 1
        }

        .modal.fade .modal-dialog {
            transition: transform .1s ease-out 0s
        }

    .modal .modal-dialog {
        position: relative;
        width: 100%;
        margin: 10px;
        top: 50%;
        left: 50%;
        max-width: 1425px
    }

        .modal .modal-dialog.modal-dialog-wide .modal-body {
            padding-bottom: 10px
        }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-right {
                padding-top: 10px
            }

                .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-right .site-row-header {
                    display: none
                }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-left, .modal .modal-dialog.modal-dialog-wide .modal-body .site-col-right {
                float: none !important
            }

        .modal .modal-dialog.modal-dialog-wide .modal-footer {
            padding: 20px 30px 20px 30px;
            border-top: 1px solid #999;
            border-top: 1px solid rgba(0,0,0,.15)
        }

        .modal .modal-dialog.modal-dialog-wide .site-row-header {
            color: #818181;
            text-transform: uppercase;
            line-height: 14px;
            position: relative;
            left: -10px;
            padding-bottom: 20px
        }

        .modal .modal-dialog .CodeMirror, .modal .modal-dialog .CodeMirror-scroll {
            max-height: 500px
        }

    .modal .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #cfcfcf;
        border-radius: 3px;
        outline: 0;
        -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
        box-shadow: 0 4px 8px rgba(0,0,0,.1)
    }

    .modal .modal-backdrop {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background-color: #eee
    }

        .modal .modal-backdrop.fade {
            opacity: 0
        }

            .modal .modal-backdrop.fade.in {
                opacity: .95
            }

    .modal .modal-header {
        min-height: 16.42857143px;
        padding: 18px 20px 0;
        color: #969696;
        text-transform: uppercase;
        font-size: 12px
    }

        .modal .modal-header .close {
            margin-top: -2px
        }

    .modal .modal-title {
        margin: 0;
        line-height: 14px;
        font-weight: 400;
        font-size: 14px
    }

    .modal .modal-body {
        position: relative;
        padding: 40px
    }

    .modal .modal-footer {
        padding: 10px 40px 40px 40px;
        text-align: right
    }

        .modal .modal-footer .btn {
            height: 40px;
            padding: 0 30px
        }

            .modal .modal-footer .btn + .btn {
                margin-bottom: 0;
                margin-left: 5px
            }

        .modal .modal-footer .preview {
            padding: 0 35px
        }

    .modal .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
    }

    .modal .modal-body-row {
        overflow: hidden
    }

        .modal .modal-body-row:not(:last-child) {
            margin-bottom: 30px
        }

@media(min-width:1025px) {
    .modal .modal-dialog.modal-dialog-wide .modal-body {
        padding: 20px 10px 0;
        position: relative
    }

        .modal .modal-dialog.modal-dialog-wide .modal-body .site-row:not(:last-child) {
            margin-bottom: 8px !important
        }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row:not(:last-child) [class^=site-col-] {
                margin-bottom: 4px
            }

        .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-left {
            padding-right: 340px;
            padding-left: 30px;
            width: 100%;
            padding-bottom: 20px
        }

        .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right {
            display: flex;
            flex-direction: column;
            width: 320px;
            position: absolute;
            overflow: auto;
            padding-right: 20px;
            bottom: 0;
            right: 0;
            top: 0;
            background: #f8f8f8;
            border-left: 1px solid #c6c6c6;
            padding-left: 20px;
            padding-top: 20px
        }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row-header {
                display: block
            }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row {
                flex-shrink: 0
            }

                .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row:last-child {
                    padding-bottom: 20px
                }

                    .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .site-row:last-child .property-loader .property-value-block::before {
                        width: 20%
                    }

            .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .property-loader .property-label-block::before, .modal .modal-dialog.modal-dialog-wide .modal-body .site-row .site-col-right .property-loader .property-value-block::before {
                background: #f8f8f8
            }
}

@media(min-width:641px)and (max-width:1024px) {
    .modal .modal-dialog-wide .site-col-left .site-row [class^=site-col-], .modal .modal-dialog-wide .site-col-right .site-row [class^=site-col-] {
        padding: 0
    }

    .modal .modal-dialog-wide .site-col-right .site-row {
        float: none;
        width: 50%;
        display: inline-block
    }

        .modal .modal-dialog-wide .site-col-right .site-row:nth-child(2n+1) {
            float: right
        }

        .modal .modal-dialog-wide .site-col-right .site-row.disclaimer {
            width: 100% !important;
            margin-top: 10px
        }
}

@media(max-width:640px) {
    .modal {
        padding-left: 0 !important
    }

        .modal .modal-dialog {
            width: 100% !important;
            margin-right: auto !important;
            margin-left: auto !important;
            left: 0
        }

            .modal .modal-dialog .modal-body, .modal .modal-dialog .modal-footer {
                padding: 20px
            }

            .modal .modal-dialog.modal-dialog-wide .modal-body, .modal .modal-dialog.modal-dialog-wide .modal-footer {
                padding: 20px
            }
}

.attachments .attachment, .existed-attachments .attachment {
    margin-bottom: 5px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    border-radius: 2px;
    padding: 0 0 0 10px;
    display: inline-flex;
    margin-right: 5px;
    height: 30px
}

    .attachments .attachment .file-item, .existed-attachments .attachment .file-item {
        width: 90%;
        width: -webkit-calc(100% - 35px);
        width: -o-calc(100% - 35px);
        width: -moz-calc(100% - 35px);
        width: calc(100% - 35px)
    }

    .attachments .attachment .file-name, .existed-attachments .attachment .file-name {
        line-height: 30px;
        float: left;
        color: #505050
    }

        .attachments .attachment .file-name:before, .existed-attachments .attachment .file-name:before {
            position: relative;
            left: -2px;
            top: -6px;
            margin-right: 4px;
            z-index: 1
        }

    .attachments .attachment .remove-attach, .existed-attachments .attachment .remove-attach {
        width: 24px;
        height: 30px;
        margin: 0;
        font-size: 9px;
        line-height: 30px;
        color: #505050
    }

    .attachments .attachment.has-error, .existed-attachments .attachment.has-error {
        padding: 0;
        background: #f1dcdc
    }

        .attachments .attachment.has-error .file-item, .existed-attachments .attachment.has-error .file-item {
            background: #f1dcdc;
            padding-left: 28px;
            border-radius: 2px
        }

        .attachments .attachment.has-error .file-name:before, .existed-attachments .attachment.has-error .file-name:before {
            display: none
        }

        .attachments .attachment.has-error .remove-attach, .existed-attachments .attachment.has-error .remove-attach {
            margin-left: 0
        }

            .attachments .attachment.has-error .remove-attach:focus + .error-validation .error-popup, .existed-attachments .attachment.has-error .remove-attach:focus + .error-validation .error-popup {
                display: block;
                position: absolute;
                z-index: 2
            }

        .attachments .attachment.has-error .error-validation, .existed-attachments .attachment.has-error .error-validation {
            margin-left: -30px
        }

            .attachments .attachment.has-error .error-validation .error-popup, .attachments .attachment.has-error .error-validation .icon-warning, .existed-attachments .attachment.has-error .error-validation .error-popup, .existed-attachments .attachment.has-error .error-validation .icon-warning {
                bottom: 0
            }

            .attachments .attachment.has-error .error-validation .error-popup, .existed-attachments .attachment.has-error .error-validation .error-popup {
                left: 0;
                bottom: 32px
            }

                .attachments .attachment.has-error .error-validation .error-popup:before, .existed-attachments .attachment.has-error .error-validation .error-popup:before {
                    top: initial;
                    bottom: -5px;
                    border-width: 5px;
                    border-bottom-width: 0;
                    border-color: transparent;
                    border-top-color: #f54062
                }

    .attachments .attachment .error, .existed-attachments .attachment .error {
        color: #f54062
    }

        .attachments .attachment .error:before, .existed-attachments .attachment .error:before {
            content: "—";
            margin: 0 5px 0 5px;
            color: #969696
        }

    .attachments .attachment .upload-label, .existed-attachments .attachment .upload-label {
        position: absolute;
        left: 0;
        right: 23px;
        height: 100%;
        line-height: 30px
    }

        .attachments .attachment .upload-label .upload-progress, .existed-attachments .attachment .upload-label .upload-progress {
            height: 100%;
            position: absolute;
            background: url(/Content/imgs/common/pattern-loading.gif);
            overflow: hidden;
            color: #fff;
            z-index: 1;
            text-align: left;
            max-width: 100%
        }

            .attachments .attachment .upload-label .upload-progress.waiting, .existed-attachments .attachment .upload-label .upload-progress.waiting {
                background: url(/Content/imgs/Common/pattern-queued.gif);
                width: 100% !important;
                color: #969696
            }

            .attachments .attachment .upload-label .upload-progress:before, .existed-attachments .attachment .upload-label .upload-progress:before {
                content: " ";
                height: 19px;
                width: 28px;
                display: inline-block
            }

        .attachments .attachment .upload-label .upload-progress-label, .existed-attachments .attachment .upload-label .upload-progress-label {
            position: relative;
            top: 0;
            bottom: 0;
            left: 18px;
            width: 100%;
            padding: 0 10px;
            color: #969696;
            text-align: left;
            background-color: #eee
        }

.attachments .existed-attachments, .attachments .new-attachments, .existed-attachments .existed-attachments, .existed-attachments .new-attachments {
    max-width: 100%;
    font-size: 0
}

.tab-control .tab-action {
    background-color: #fff;
    border-color: #cfcfcf;
    font-weight: 400
}

    .tab-control .tab-action.acive {
        background-color: #ff7200;
        border-color: #ff7200;
        color: #fff;
        font-weight: 400
    }

.tab-control .tab-content {
    display: none
}

    .tab-control .tab-content.active {
        display: block
    }

.editor-label {
    color: #969696;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    line-height: 16px;
    font-size: 14px
}

.text-box input[type=email], .text-box input[type=number], .text-box input[type=password], .text-box input[type=text], .text-box select {
    height: 40px;
    padding: 5px;
    width: 100%;
    border: 1px solid #cfcfcf
}

.text-box.has-error .CodeMirror, .text-box.has-error .addon, .text-box.has-error .quantity-button:hover, .text-box.has-error .select2-selection--multiple, .text-box.has-error .select2-selection--single, .text-box.has-error .select2-selection__arrow, .text-box.has-error .select2-selection__arrow:hover, .text-box.has-error input[type=email], .text-box.has-error input[type=number], .text-box.has-error input[type=password], .text-box.has-error input[type=text], .text-box.has-error select {
    background-color: #f1dcdc !important
}

.text-box.has-error input[type=email], .text-box.has-error input[type=number], .text-box.has-error input[type=password], .text-box.has-error input[type=text] {
    padding-left: 30px
}

    .text-box.has-error input[type=email]:focus, .text-box.has-error input[type=number]:focus, .text-box.has-error input[type=password]:focus, .text-box.has-error input[type=text]:focus {
        padding-left: 5px
    }

        .text-box.has-error input[type=email]:focus ~ .error-validation .icon-warning, .text-box.has-error input[type=number]:focus ~ .error-validation .icon-warning, .text-box.has-error input[type=password]:focus ~ .error-validation .icon-warning, .text-box.has-error input[type=text]:focus ~ .error-validation .icon-warning {
            display: none
        }

        .text-box.has-error input[type=email]:focus ~ .error-validation .error-popup, .text-box.has-error input[type=number]:focus ~ .error-validation .error-popup, .text-box.has-error input[type=password]:focus ~ .error-validation .error-popup, .text-box.has-error input[type=text]:focus ~ .error-validation .error-popup {
            display: block;
            position: absolute;
            z-index: 2
        }

.text-box.has-error .select2-container.select2-container--focus .select2-selection__placeholder, .text-box.has-error .select2-container.select2-container--open .select2-selection__placeholder {
    padding-left: 0
}

.text-box.has-error .select2-container.select2-container--focus + .error-validation .icon-warning, .text-box.has-error .select2-container.select2-container--open + .error-validation .icon-warning {
    display: none
}

.text-box.has-error .select2-container.select2-container--focus + .error-validation .error-popup, .text-box.has-error .select2-container.select2-container--open + .error-validation .error-popup {
    display: block;
    position: absolute;
    z-index: 2
}

.text-box.has-error .select2-container .select2-selection__placeholder {
    padding-left: 24px
}

.text-box .editor-group {
    border-collapse: separate;
    height: 40px;
    width: 100%
}

    .text-box .editor-group > input {
        border-right: 1px solid transparent
    }

    .text-box .editor-group > .addon {
        width: 40px;
        position: relative;
        border-top: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf
    }

.text-box.numeric > .editor-group > input[type=number] {
    -moz-appearance: textfield
}

    .text-box.numeric > .editor-group > input[type=number]::-webkit-inner-spin-button, .text-box.numeric > .editor-group > input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0
    }

.text-box.numeric > .editor-group > .addon > .quantity-button {
    position: absolute;
    cursor: pointer;
    width: 39px;
    height: 20px;
    right: -40px;
    text-align: center;
    font-size: 13px;
    line-height: 1.7;
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .text-box.numeric > .editor-group > .addon > .quantity-button > .quantity-arrow {
        background-size: cover;
        width: 13px;
        height: 13px;
        display: block;
        color: #969696;
        font-size: 10px
    }

        .text-box.numeric > .editor-group > .addon > .quantity-button > .quantity-arrow::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            margin: 0 !important;
            text-indent: 0;
            font-family: answerdesk-icons;
            font-style: normal;
            font-weight: 400;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: 1em;
            text-align: center;
            font-variant: normal;
            text-transform: none;
            line-height: 1em
        }

    .text-box.numeric > .editor-group > .addon > .quantity-button.up {
        top: -1px
    }

        .text-box.numeric > .editor-group > .addon > .quantity-button.up .quantity-arrow {
            margin: 4px auto;
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .text-box.numeric > .editor-group > .addon > .quantity-button.down {
        bottom: -1px
    }

        .text-box.numeric > .editor-group > .addon > .quantity-button.down .quantity-arrow {
            margin: 4px auto
        }

    .text-box.numeric > .editor-group > .addon > .quantity-button:hover {
        background-color: #eee;
        -webkit-box-shadow: inset 0 0 0 1px #cfcfcf;
        -moz-box-shadow: inset 0 0 0 1px #cfcfcf;
        box-shadow: inset 0 0 0 1px #cfcfcf
    }

.text-box.numeric.medium > .editor-group > .addon {
    position: relative;
    float: right;
    height: 30px;
    width: 30px;
    margin-top: -30px
}

    .text-box.numeric.medium > .editor-group > .addon > .quantity-button {
        height: 15px;
        width: 30px;
        right: -31px
    }

        .text-box.numeric.medium > .editor-group > .addon > .quantity-button .quantity-arrow {
            height: 12px;
            margin: 1px auto
        }

.text-box.medium input[type=email], .text-box.medium input[type=number], .text-box.medium input[type=password], .text-box.medium input[type=text], .text-box.medium select {
    height: 30px;
    padding-top: 0;
    padding-bottom: 0
}

.text-box.medium .editor-group {
    height: 30px
}

    .text-box.medium .editor-group > .addon {
        width: 30px;
        background: #fff
    }

.text-box.medium .select2-selection__clear {
    color: #969696;
    top: -15px;
    height: 1px;
    width: 14px;
    font-size: 9px;
    float: right;
    opacity: .5
}

    .text-box.medium .select2-selection__clear:focus, .text-box.medium .select2-selection__clear:hover {
        opacity: 1;
        cursor: pointer
    }

.markdown-editor .code-dropdown, .markdown-editor .help-modal, .markdown-editor .insert-attachments, .markdown-editor .insert-link-modal {
    display: none;
    position: absolute;
    background: #fff;
    margin-top: 34px;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
    z-index: 100;
    max-height: 390px;
    overflow: auto
}

    .markdown-editor .code-dropdown div, .markdown-editor .insert-attachments div {
        margin: 2px;
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer
    }

        .markdown-editor .code-dropdown div:focus, .markdown-editor .code-dropdown div:hover, .markdown-editor .insert-attachments div:focus, .markdown-editor .insert-attachments div:hover {
            background: #eee;
            color: #505050;
            border-radius: 3px
        }

    .markdown-editor .code-dropdown hr, .markdown-editor .insert-attachments hr {
        border-top: 1px solid #cfcfcf;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

    .markdown-editor .code-dropdown div.disable {
        color: #aaa;
        cursor: default
    }

        .markdown-editor .code-dropdown div.disable:hover {
            background: #fff
        }

    .markdown-editor .code-dropdown .recent {
        font-weight: 600
    }

.markdown-editor .insert-link-modal {
    padding: 8px 18px;
    width: 362px
}

    .markdown-editor .insert-link-modal .editor-block {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .markdown-editor .insert-link-modal .editor-block input {
            background: #fff !important;
            padding-left: 5px
        }

    .markdown-editor .insert-link-modal .insert-link-footer {
        margin-top: 26px;
        margin-bottom: 12px;
        text-align: right
    }

.markdown-editor .help-modal {
    right: 10px;
    font-size: 14px;
    padding: 11px 19px;
    width: 362px;
    max-height: none
}

    .markdown-editor .help-modal .col {
        display: inline-block
    }

        .markdown-editor .help-modal .col.markdown {
            width: 178px
        }

    .markdown-editor .help-modal .help-header {
        padding-bottom: 4px;
        color: #969696
    }

    .markdown-editor .help-modal .help-item {
        padding: 6px 0
    }

        .markdown-editor .help-modal .help-item a {
            color: #115bc0;
            cursor: pointer
        }

        .markdown-editor .help-modal .help-item blockquote {
            margin: 0
        }

        .markdown-editor .help-modal .help-item ul {
            margin: 0;
            padding-left: 18px
        }

        .markdown-editor .help-modal .help-item .backslash {
            color: #969696
        }

        .markdown-editor .help-modal .help-item .h1 {
            font-size: 24px;
            font-weight: 600
        }

        .markdown-editor .help-modal .help-item .h2 {
            font-size: 20px;
            font-weight: 600
        }

        .markdown-editor .help-modal .help-item:not(:last-child) {
            border-bottom: 1px solid #eee
        }

.markdown-editor .wmd-preview > p:first-child {
    margin-top: 0;
    height: 190px;
    overflow-y: auto
}

.markdown-editor .wmd-preview pre {
    white-space: pre;
    word-wrap: break-word
}

.markdown-editor .wmd-preview img {
    max-width: 100%
}

.markdown-editor .wmd-preview a {
    color: #115bc0
}

.markdown-editor .error-validation .icon-warning {
    background-color: #f1dcdc
}

@media(max-width:640px) {
    .markdown-editor .code-dropdown, .markdown-editor .insert-attachments, .markdown-editor .insert-link-modal {
        margin-left: 0;
        width: 80%;
        width: -webkit-calc(100% - 40px);
        width: -o-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px)
    }
}

.post-attachments {
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    padding: 8px 10px 0
}

    .post-attachments::before {
        position: absolute;
        left: 0;
        right: 0;
        content: " ";
        border-top: 1px solid #f2f2f2;
        margin: -8px 1px 0
    }

    .post-attachments.is-empty {
        padding: 0
    }

        .post-attachments.is-empty::before {
            content: none
        }

.drop-area {
    position: absolute;
    top: 40px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: rgba(255,255,255,.93);
    outline: 3px dashed #ff7200;
    color: #ff7200;
    outline-offset: -10px;
    z-index: 5;
    text-align: center;
    overflow: hidden;
    display: none
}

    .drop-area div {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        display: inline-block;
        position: relative;
        font-weight: 600;
        font-size: 30px;
        z-index: -1
    }

.select2-container {
    font-size: 14px
}

    .select2-container.select2-container--default .select2-selection--multiple, .select2-container.select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #cfcfcf;
        border-radius: 0;
        opacity: 1
    }

    .select2-container.select2-container--default .select2-selection--single {
        height: 40px
    }

        .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 40px;
            display: block;
            overflow: hidden;
            padding-right: 34px;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            padding-left: 6px
        }

            .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered div.clearfix {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%
            }

        .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
            background-color: #fff;
            border-top: 1px solid #cfcfcf;
            border-right: 1px solid #cfcfcf;
            border-bottom: 1px solid #cfcfcf;
            height: 40px;
            line-height: 1.42857;
            outline-width: 0;
            padding: 4px 19px;
            right: 0 !important;
            top: 0 !important
        }

            .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
                display: block;
                height: 13px;
                width: 13px;
                border: none;
                left: 45%;
                top: 45%;
                color: #969696;
                font-size: 10px
            }

                .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
                    content: '';
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -ms-transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    -o-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    margin: 0 !important;
                    text-indent: 0;
                    font-family: answerdesk-icons;
                    font-style: normal;
                    font-weight: 400;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: 1em;
                    text-align: center;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1em
                }

    .select2-container.select2-container--default .select2-selection--multiple {
        min-height: 40px;
        font-size: 14px
    }

        .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
            line-height: 26px;
            max-height: 186px;
            overflow-y: auto;
            display: block;
            position: relative
        }

        .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
            border-radius: 3px;
            background-color: #f8f8f8;
            border: 1px solid #cfcfcf;
            padding: 2px 6px;
            white-space: normal;
            line-height: 20px
        }

            .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice:last-child {
                margin-bottom: 3px
            }

        .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
            color: #cfcfcf;
            float: right;
            font-weight: 700;
            margin-left: 0;
            margin-right: -6px;
            padding: 0 6px
        }

            .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #505050
            }

    .select2-container.select2-container--default.select2-container--open .select2-selection__arrow, .select2-container.select2-container--default:hover .select2-selection__arrow {
        border-left: 1px solid #cfcfcf
    }

    .select2-container.select2-container--default:hover .select2-selection__arrow {
        background-color: #eee !important
    }

    .select2-container.select2-container--default .select2-results__option[role=group] > .select2-results__group {
        font-weight: 600;
        font-size: 15px;
        color: #969696;
        padding: 5px;
        margin: 0 5px
    }

    .select2-container.select2-container--default .select2-results__option[role=group]:not(:last-child)::after {
        content: "";
        left: 0;
        right: 0;
        background-color: #cfcfcf;
        display: block;
        height: 1px;
        margin: 5px 0
    }

    .select2-container.select2-container--default .select2-results__option[role=treeitem] {
        padding: 5px;
        margin: 0 5px;
        border-radius: 3px;
        position: relative
    }

        .select2-container.select2-container--default .select2-results__option[role=treeitem] > .root {
            font-weight: 700;
            display: block
        }

        .select2-container.select2-container--default .select2-results__option[role=treeitem] > .child {
            margin-left: 5px;
            display: block
        }

            .select2-container.select2-container--default .select2-results__option[role=treeitem] > .child:hover {
                border-radius: 0
            }

        .select2-container.select2-container--default .select2-results__option[role=treeitem].child {
            left: 5px;
            margin-right: 10px
        }

            .select2-container.select2-container--default .select2-results__option[role=treeitem].child:before {
                content: " ";
                position: absolute;
                border-left: 1px solid #cfcfcf;
                top: 0;
                bottom: 0;
                left: 0
            }

        .select2-container.select2-container--default .select2-results__option[role=treeitem].root:not(:first-child) {
            margin-top: 5px
        }

    .select2-container.select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #ff7200;
        color: #fff
    }

        .select2-container.select2-container--default .select2-results__option[aria-selected=true] .text-muted {
            color: #fff;
            opacity: .5
        }

    .select2-container.select2-container--default .select2-results__option[role=treeitem] .relation-vertical {
        position: absolute;
        z-index: 1;
        width: 1px;
        border-left: 1px solid #cfcfcf
    }

    .select2-container.select2-container--default .select2-results__option[role=treeitem] .relation-horizontal {
        position: absolute;
        z-index: 1;
        width: 23px;
        height: 1px;
        top: 19px;
        border-top: 1px solid #cfcfcf
    }

    .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected=false] {
        background-color: #eee;
        color: #505050
    }

    .select2-container.select2-container--default .select2-results > .select2-results__options {
        margin: 3px 0;
        max-height: 400px
    }

    .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered div.clearfix {
        width: 80% !important
    }

    .select2-container.select2-container--open .select2-dropdown--above, .select2-container.select2-container--open .select2-dropdown--below {
        border: 1px solid #cfcfcf;
        border-radius: 3px;
        -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
        box-shadow: 0 4px 8px rgba(0,0,0,.1)
    }

    .select2-container.select2-container--focus .select2-selection, .select2-container.select2-container--focus .select2-selection__arrow {
        -webkit-box-shadow: 0 0 0 2px #afcef8;
        -moz-box-shadow: 0 0 0 2px #afcef8;
        box-shadow: 0 0 0 2px #afcef8
    }

    .select2-container .select2-search--inline .select2-search__field {
        padding: 1px;
        margin-top: 10px
    }

    .select2-container #select2-category-filter-results .select2-results__option, .select2-container #select2-select-category-results .select2-results__option {
        position: relative
    }

.loading .select2-container--disabled .select2-selection--multiple, .loading .select2-container--disabled .select2-selection--single {
    background-color: #fff !important
}

    .loading .select2-container--disabled .select2-selection--multiple .select2-selection__rendered, .loading .select2-container--disabled .select2-selection--single .select2-selection__rendered {
        opacity: .5
    }

    .loading .select2-container--disabled .select2-selection--multiple:after, .loading .select2-container--disabled .select2-selection--single:after {
        background: url(/Content/imgs/loading-external-source.gif) 50% 50% no-repeat #fff !important;
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        right: 7px;
        top: 50%;
        transform: translateY(-50%)
    }

    .loading .select2-container--disabled .select2-selection--multiple:hover .select2-selection__arrow, .loading .select2-container--disabled .select2-selection--single:hover .select2-selection__arrow {
        border-left: none;
        background-color: #fff !important
    }

* > .site-row:not(:last-child) {
    margin-bottom: 20px
}

.site-row {
    margin-right: -10px;
    margin-left: -10px;
    clear: both;
    overflow: hidden
}

    .site-row:before {
        display: table;
        content: " "
    }

    .site-row [class^=site-col-] {
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        float: left
    }

    .site-row .site-col-1 {
        width: 12.5%
    }

    .site-row .site-col-2 {
        width: 25%
    }

    .site-row .site-col-3 {
        width: 37.5%
    }

    .site-row .site-col-4 {
        width: 50%
    }

    .site-row .site-col-5 {
        width: 62.5%
    }

    .site-row .site-col-6 {
        width: 75%
    }

    .site-row .site-col-7 {
        width: 87.5%
    }

    .site-row .site-col-8 {
        width: 100%
    }

@media(max-width:1200px) {
    .site-row .site-col-1-lg {
        width: 12.5%
    }

    .site-row .site-col-2-lg {
        width: 25%
    }

    .site-row .site-col-3-lg {
        width: 37.5%
    }

    .site-row .site-col-4-lg {
        width: 50%
    }

    .site-row .site-col-5-lg {
        width: 62.5%
    }

    .site-row .site-col-6-lg {
        width: 75%
    }

    .site-row .site-col-7-lg {
        width: 87.5%
    }

    .site-row .site-col-8-lg {
        width: 100%
    }
}

@media(max-width:1024px) {
    .site-row .site-col-1-lg-md {
        width: 12.5%
    }

    .site-row .site-col-2-lg-md {
        width: 25%
    }

    .site-row .site-col-3-lg-md {
        width: 37.5%
    }

    .site-row .site-col-4-lg-md {
        width: 50%
    }

    .site-row .site-col-5-lg-md {
        width: 62.5%
    }

    .site-row .site-col-6-lg-md {
        width: 75%
    }

    .site-row .site-col-7-lg-md {
        width: 87.5%
    }

    .site-row .site-col-8-lg-md {
        width: 100%
    }

    .site-row .site-col-1-md {
        width: 12.5%
    }

    .site-row .site-col-2-md {
        width: 25%
    }

    .site-row .site-col-3-md {
        width: 37.5%
    }

    .site-row .site-col-4-md {
        width: 50%
    }

    .site-row .site-col-5-md {
        width: 62.5%
    }

    .site-row .site-col-6-md {
        width: 75%
    }

    .site-row .site-col-7-md {
        width: 87.5%
    }

    .site-row .site-col-8-md {
        width: 100%
    }
}

@media(max-width:640px) {
    .site-row .site-col-1-md-sm {
        width: 12.5%
    }

    .site-row .site-col-2-md-sm {
        width: 25%
    }

    .site-row .site-col-3-md-sm {
        width: 37.5%
    }

    .site-row .site-col-4-md-sm {
        width: 50%
    }

    .site-row .site-col-5-md-sm {
        width: 62.5%
    }

    .site-row .site-col-6-md-sm {
        width: 75%
    }

    .site-row .site-col-7-md-sm {
        width: 87.5%
    }

    .site-row .site-col-8-md-sm {
        width: 100%
    }

    .site-row .site-col-1-sm {
        width: 12.5%
    }

    .site-row .site-col-2-sm {
        width: 25%
    }

    .site-row .site-col-3-sm {
        width: 37.5%
    }

    .site-row .site-col-4-sm {
        width: 50%
    }

    .site-row .site-col-5-sm {
        width: 62.5%
    }

    .site-row .site-col-6-sm {
        width: 75%
    }

    .site-row .site-col-7-sm {
        width: 87.5%
    }

    .site-row .site-col-8-sm {
        width: 100%
    }

    .site-row .site-col-1-sm-xs {
        width: 12.5%
    }

    .site-row .site-col-2-sm-xs {
        width: 25%
    }

    .site-row .site-col-3-sm-xs {
        width: 37.5%
    }

    .site-row .site-col-4-sm-xs {
        width: 50%
    }

    .site-row .site-col-5-sm-xs {
        width: 62.5%
    }

    .site-row .site-col-6-sm-xs {
        width: 75%
    }

    .site-row .site-col-7-sm-xs {
        width: 87.5%
    }

    .site-row .site-col-8-sm-xs {
        width: 100%
    }

    .site-row .site-col-1-xs {
        width: 12.5%
    }

    .site-row .site-col-2-xs {
        width: 25%
    }

    .site-row .site-col-3-xs {
        width: 37.5%
    }

    .site-row .site-col-4-xs {
        width: 50%
    }

    .site-row .site-col-5-xs {
        width: 62.5%
    }

    .site-row .site-col-6-xs {
        width: 75%
    }

    .site-row .site-col-7-xs {
        width: 87.5%
    }

    .site-row .site-col-8-xs {
        width: 100%
    }
}

@media(max-width:640px) {
    .site-row .navigate-to-internal {
        display: none
    }

    .site-row .site-row .site-col-3 {
        width: 100% !important
    }
}

.error-validation .icon-warning {
    position: absolute;
    display: block;
    height: 28px;
    width: 28px;
    margin: -29px 1px 1px;
    font-size: 16px !important;
    color: #f54062;
    cursor: pointer
}

.error-validation .error-popup {
    background: #f54062;
    border-radius: 4px;
    padding: 6px;
    margin-top: 5px;
    display: none;
    font-size: 14px
}

    .error-validation .error-popup:before {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        top: -5px;
        left: 10px;
        border-width: 5px;
        border-top-width: 0;
        border-color: transparent;
        border-style: solid;
        border-bottom-color: #f54062;
        content: " "
    }

    .error-validation .error-popup .error-message {
        color: #fff;
        font-size: 12px
    }

.error-validation:hover .error-popup {
    display: block;
    position: absolute;
    z-index: 2
}

.custom-tooltip {
    font-family: Segoe UI,Helvetica Neue,Helvetica,Verdana,sans-serif;
    position: absolute;
    color: #505050;
    border: 1px solid rgba(206,206,206,.5);
    border-radius: 2px;
    background: #fdfdfd;
    margin-top: 3px;
    padding: 7px 11px;
    left: 24px;
    font-size: 14px;
    line-height: 16px;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
    z-index: 2;
    font-weight: 400;
    text-transform: none
}

    .custom-tooltip:after, .custom-tooltip:before {
        content: " ";
        position: absolute;
        display: block;
        top: -10px;
        left: 10px;
        border: 5px solid transparent;
        border-bottom: 5px solid rgba(206,206,206,.5)
    }

    .custom-tooltip:after {
        top: -9px;
        left: 10px;
        border-bottom-width: 6px;
        border-bottom-color: #fdfdfd
    }

.loading-mode .overlay, .removing-mode .overlay, .saving-mode .overlay {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: .87;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.loading-mode .content-block, .removing-mode .content-block, .saving-mode .content-block {
    height: 60px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
    text-align: center
}

    .loading-mode .content-block p, .removing-mode .content-block p, .saving-mode .content-block p {
        margin-top: 0;
        margin-bottom: 10px;
        font-weight: 700
    }

.loading-mode.small-relative .content-block, .removing-mode.small-relative .content-block, .saving-mode.small-relative .content-block {
    position: relative
}

.loading-mode .content-block {
    height: 85px;
    margin-top: -85px/2;
    display: block
}

    .loading-mode .content-block.with-text {
        margin-top: -85px
    }

    .loading-mode .content-block .loader-image {
        margin: 0 auto;
        position: relative;
        display: block;
        border: 5px solid transparent;
        border-left-color: #ff7200;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -o-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

        .loading-mode .content-block .loader-image, .loading-mode .content-block .loader-image:after {
            border-radius: 50%;
            width: 85px;
            height: 85px
        }

    .loading-mode .content-block .loader-text {
        margin-top: 25px;
        font-size: 16px
    }

.loading-mode.small-relative .content-block {
    height: 50px;
    margin-top: -50px/2;
    display: block
}

    .loading-mode.small-relative .content-block.with-text {
        margin-top: -40px
    }

    .loading-mode.small-relative .content-block .loader-image {
        margin: 0 auto;
        position: relative;
        display: block;
        border: 3px solid transparent;
        border-left-color: #ff7200;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -o-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

        .loading-mode.small-relative .content-block .loader-image, .loading-mode.small-relative .content-block .loader-image:after {
            border-radius: 50%;
            width: 40px;
            height: 40px
        }

    .loading-mode.small-relative .content-block .loader-text {
        margin-top: 25px;
        font-size: 16px
    }

.loading-mode.dropdown-inline .content-block {
    height: 30px;
    margin-top: -30px/2;
    display: block
}

    .loading-mode.dropdown-inline .content-block.with-text {
        margin-top: -30px
    }

    .loading-mode.dropdown-inline .content-block .loader-image {
        margin: 0 auto;
        position: relative;
        display: block;
        border: 2px solid transparent;
        border-left-color: #ff7200;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -o-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

        .loading-mode.dropdown-inline .content-block .loader-image, .loading-mode.dropdown-inline .content-block .loader-image:after {
            border-radius: 50%;
            width: 30px;
            height: 30px
        }

    .loading-mode.dropdown-inline .content-block .loader-text {
        margin-top: 25px;
        font-size: 16px
    }

.loading-mode .error-message {
    font-size: 32px;
    margin: 0;
    color: #969696;
    font-weight: 300
}

.errors-list {
    list-style: none;
    color: #f54062;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 600
}

.search-img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 10px;
    font-size: 19px
}

    .search-img.active {
        color: #ff7200
    }

@-webkit-keyframes load8 {
    0% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.icon, .text-box-icon {
    color: #969696;
    position: relative
}

    .icon::before, .text-box-icon::before {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin: 0 !important
    }

.tree-item {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

    .tree-item .current {
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .tree-item .parents {
        color: #969696;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

.avatar {
    position: relative
}

    .avatar .avatar-image {
        color: #fff;
        font-weight: 600;
        display: block;
        text-align: center;
        background-size: cover !important
    }

        .avatar .avatar-image .avatar-badge {
            display: block;
            position: absolute;
            background-color: #fff;
            border-radius: 4px;
            bottom: -1px;
            right: -1px;
            cursor: help
        }

            .avatar .avatar-image .avatar-badge .inner {
                display: block;
                background-size: cover;
                border-radius: 2px;
                position: absolute;
                right: 1px;
                bottom: 1px
            }

        .avatar .avatar-image.type-profile {
            width: 36px;
            height: 36px;
            border-radius: 18px;
            position: relative;
            border: 1px solid #a1a1a1
        }

            .avatar .avatar-image.type-profile .avatar-text {
                display: block;
                font-size: 16px;
                line-height: 36px
            }

        .avatar .avatar-image.type-extrasmall {
            width: 34px;
            height: 34px;
            border-radius: 17px;
            position: relative;
            margin-right: 10px
        }

            .avatar .avatar-image.type-extrasmall .avatar-text {
                font-size: 12px;
                line-height: 34px
            }

            .avatar .avatar-image.type-extrasmall .avatar-badge {
                width: 14px;
                height: 14px;
                border-radius: 2px;
                bottom: -5px;
                right: -3px
            }

                .avatar .avatar-image.type-extrasmall .avatar-badge .inner {
                    height: 11px;
                    width: 11px;
                    right: 2px;
                    bottom: 2px
                }

        .avatar .avatar-image.type-small {
            width: 45px;
            height: 45px;
            border-radius: 23px
        }

            .avatar .avatar-image.type-small .avatar-text {
                font-size: 18px;
                line-height: 45px
            }

            .avatar .avatar-image.type-small .avatar-badge {
                width: 14px;
                height: 14px
            }

                .avatar .avatar-image.type-small .avatar-badge .inner {
                    height: 12px;
                    width: 12px
                }

        .avatar .avatar-image.type-medium {
            width: 158px;
            height: 158px;
            border-radius: 79px
        }

            .avatar .avatar-image.type-medium .avatar-text {
                font-size: 60px;
                line-height: 158px
            }

        .avatar .avatar-image.type-big {
            width: 180px;
            height: 180px;
            border-radius: 90px
        }

            .avatar .avatar-image.type-big .avatar-text {
                font-size: 69px;
                line-height: 180px
            }

        .avatar .avatar-image.scheme-0 {
            background-color: #47ce5c
        }

        .avatar .avatar-image.scheme-1 {
            background-color: #d31d39
        }

        .avatar .avatar-image.scheme-2 {
            background-color: #ff9e06
        }

        .avatar .avatar-image.scheme-3 {
            background-color: #cec147
        }

        .avatar .avatar-image.scheme-4 {
            background-color: #39b488
        }

        .avatar .avatar-image.scheme-5 {
            background-color: #00c3e1
        }

        .avatar .avatar-image.scheme-6 {
            background-color: #4181c5
        }

        .avatar .avatar-image.scheme-7 {
            background-color: #c377e0
        }

        .avatar .avatar-image.scheme-8 {
            background-color: #444
        }

        .avatar .avatar-image.scheme-9 {
            background-color: #5b47ce
        }

body .hljs, body pre > code {
    max-height: 540px !important
}

blockquote {
    position: relative;
    margin: 10px 0;
    padding-left: 23px;
    color: #7b7b7b
}

    blockquote::before {
        position: absolute;
        left: 0;
        color: #cfcfcf;
        font-size: 10px;
        font-family: answerdesk-icons;
        content: '';
        display: block;
        float: left;
        width: 15px;
        height: 15px;
        line-height: 20px;
        margin-right: 10px
    }

    blockquote > p:not(:last-child) {
        margin: 0 0 15px 0
    }

    blockquote > p:last-child {
        margin: 0 !important
    }

.editor-preview, .editor-preview-side {
    padding: 4px 9px !important
}

    .editor-preview a, .editor-preview-side a {
        color: #115bc0
    }

    .editor-preview img, .editor-preview-side img {
        max-width: 100%
    }

    .editor-preview pre, .editor-preview-side pre {
        overflow: initial;
        position: relative
    }

.CodeMirror-focused .editor-preview {
    padding: 4px 8px !important
}

.text-box input.dx-texteditor-input {
    height: 30px;
    padding: 7px 34px 8px 34px;
    border: none
}

.text-box .loading-mode {
    display: none
}

.text-box.loading .loading-mode {
    display: block;
    margin-top: 30px
}

.text-box.loading .tree-view-item {
    display: none
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: #ff7200
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border-color: #ff7200
}

.disclaimer {
    margin: 20px 0 10px 0;
    font-size: 12px;
    color: #7b7b7b
}

    .disclaimer a {
        color: #115bc0
    }

.modal .disclaimer {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px
}

.markdown-ticket-field-editor {
    width: 100%;
    resize: vertical;
    padding: 5px 10px;
    margin: 10px 0
}

body {
    background-color: #eee
}

#container {
    visibility: visible !important
}

#content {
    visibility: collapse
}

    #content.ready {
        visibility: visible
    }

#action-bar .inner-container #add-solution-btn > .small-text {
    color: #fff
}

#action-bar .inner-container #add-comment-btn > .small-text, #action-bar .inner-container #add-solution-btn > .small-text, #action-bar .inner-container #edit-question-btn > .small-text {
    display: none;
    height: 100%
}

#action-bar .inner-container .id-container {
    line-height: 50px;
    font-size: 16px;
    height: 50px
}

    #action-bar .inner-container .id-container > * {
        display: inline-block
    }

    #action-bar .inner-container .id-container .states {
        color: #969696
    }

        #action-bar .inner-container .id-container .states > * {
            margin-right: 10px
        }

        #action-bar .inner-container .id-container .states::before {
            display: block;
            height: 32px;
            width: 1px;
            border-left: 1px solid #cfcfcf;
            margin: 9px 10px 9px 10px;
            content: "";
            float: left
        }

        #action-bar .inner-container .id-container .states .icon {
            display: inline-block;
            width: 16px;
            height: 16px
        }

            #action-bar .inner-container .id-container .states .icon:before {
                padding-top: 4px
            }

        #action-bar .inner-container .id-container .states .urgent {
            color: #f54062
        }

            #action-bar .inner-container .id-container .states .urgent .icon {
                color: #f54062
            }

        #action-bar .inner-container .id-container .states .public {
            color: #57ad09;
            display: inline-block
        }

            #action-bar .inner-container .id-container .states .public .icon {
                color: #57ad09
            }

            #action-bar .inner-container .id-container .states .public:hover ~ .change-ticket-visibility {
                display: block
            }

        #action-bar .inner-container .id-container .states .change-ticket-visibility {
            position: absolute;
            background: #fff;
            width: 330px;
            border: 1px solid #cfcfcf;
            box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
            line-height: 18px;
            top: 35px;
            display: none;
            top: 43px;
            margin-left: 17px
        }

            #action-bar .inner-container .id-container .states .change-ticket-visibility::after, #action-bar .inner-container .id-container .states .change-ticket-visibility::before {
                content: '';
                position: absolute;
                border: 8px solid transparent;
                left: 4px;
                border-bottom: 7px solid #cfcfcf;
                top: -15px
            }

            #action-bar .inner-container .id-container .states .change-ticket-visibility::after {
                border-bottom: 8px solid #fff;
                top: -14px
            }

            #action-bar .inner-container .id-container .states .change-ticket-visibility.viewed {
                display: none
            }

            #action-bar .inner-container .id-container .states .change-ticket-visibility .message-content {
                padding: 20px;
                font-size: 14px;
                color: #505050
            }

                #action-bar .inner-container .id-container .states .change-ticket-visibility .message-content a {
                    color: #115bc0;
                    cursor: pointer
                }

                    #action-bar .inner-container .id-container .states .change-ticket-visibility .message-content a.switch-to-old-design {
                        font-weight: 600
                    }

                #action-bar .inner-container .id-container .states .change-ticket-visibility .message-content p {
                    margin: 0;
                    margin-top: 5px;
                    line-height: 19px
                }

                    #action-bar .inner-container .id-container .states .change-ticket-visibility .message-content p:first-child {
                        margin-top: 0
                    }

                #action-bar .inner-container .id-container .states .change-ticket-visibility .message-content .message-header {
                    font-family: "Open Sans Condensed Bold";
                    font-size: 16px;
                    margin-bottom: 7px
                }

            #action-bar .inner-container .id-container .states .change-ticket-visibility .close-action {
                position: absolute;
                padding: 8px;
                right: 0;
                top: 0;
                cursor: pointer
            }

                #action-bar .inner-container .id-container .states .change-ticket-visibility .close-action .icon-close {
                    width: 13px;
                    height: 13px;
                    font-size: 13px;
                    display: block
                }

            #action-bar .inner-container .id-container .states .change-ticket-visibility:hover {
                display: block
            }

#main-content {
    min-height: calc(100vh - (0 + 50px))
}

    #main-content .inner-container .navbar-error {
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
        background-color: #f54062 !important;
        opacity: .9 !important
    }

    #main-content .inner-container:after {
        clear: both
    }

    #main-content .inner-container:after, #main-content .inner-container:before {
        content: " ";
        display: table
    }

#primary-content {
    position: relative;
    float: left;
    left: 0;
    width: 100%;
    transition: all .2s ease 0s
}

    #primary-content.with-footer {
        padding-bottom: 100px
    }

    #primary-content:not(.sidebar-hidden-manually) {
        width: 60%;
        width: -moz-calc(100% - (310px + 40px));
        width: -webkit-calc(100% - (310px + 40px));
        width: calc(100% - (310px + 40px))
    }

    #primary-content .ticket {
        background-color: #fff;
        padding: 40px
    }

        #primary-content .ticket p {
            line-height: 1.5em
        }

        #primary-content .ticket .new-post {
            padding: 8px 20px 10px !important
        }

            #primary-content .ticket .new-post .new-comment-header {
                text-align: right
            }

        #primary-content .ticket .post-header {
            margin-top: 24px;
            margin-bottom: 25px;
            height: 90px;
            position: relative
        }

        #primary-content .ticket .unread {
            background-color: #e9f6fc !important
        }

        #primary-content .ticket .removing-mode .content-block, #primary-content .ticket .saving-mode .content-block {
            left: 0
        }

        #primary-content .ticket .edit-mode {
            padding: 3px;
            margin: -3px
        }

        #primary-content .ticket .removing-mode {
            visibility: visible;
            opacity: 1;
            transition: visibility 0s ease 0s,opacity .25s ease;
            -moz-transition: visibility 0s ease 0s,opacity .25s ease;
            -webkit-transition: visibility 0s ease 0s,opacity .25s ease
        }

            #primary-content .ticket .removing-mode.removing-mode-hidden {
                visibility: hidden;
                opacity: 0;
                transition: visibility 0s ease .25s,opacity .25s ease;
                -moz-transition: visibility 0s ease .25s,opacity .25s ease;
                -webkit-transition: visibility 0s ease .25s,opacity .25s ease
            }

        #primary-content .ticket .time-block {
            height: 45px;
            overflow: hidden;
            text-align: right;
            line-height: 45px
        }

            #primary-content .ticket .time-block.full-time-block {
                line-height: 22px
            }

            #primary-content .ticket .time-block > div {
                display: inline-block;
                margin-right: 50px
            }

                #primary-content .ticket .time-block > div:last-child {
                    margin-right: 0
                }

            #primary-content .ticket .time-block span {
                white-space: nowrap;
                display: inline-block
            }

                #primary-content .ticket .time-block span.right-block-text {
                    display: inline-block;
                    width: 100%;
                    text-align: right
                }

        #primary-content .ticket .subject-row {
            margin-bottom: 30px;
            position: relative
        }

            #primary-content .ticket .subject-row .subject {
                color: #404040;
                margin: 0;
                font-family: 'Open Sans Condensed Bold';
                font-weight: 500;
                font-size: 30px;
                line-height: 36px;
                width: 100%;
                word-wrap: break-word;
                -moz-hyphens: auto;
                -ms-hyphens: auto;
                -webkit-hyphens: auto;
                hyphens: auto
            }

                #primary-content .ticket .subject-row .subject.tracking-star {
                    padding-right: 50px
                }

            #primary-content .ticket .subject-row .tracking-container {
                position: absolute;
                top: 0;
                right: 0
            }

                #primary-content .ticket .subject-row .tracking-container > * {
                    display: inline-block;
                    vertical-align: middle;
                    height: 30px
                }

                #primary-content .ticket .subject-row .tracking-container .tracked-star:focus {
                    box-shadow: 0 0 0 1px #115bc0,0 0 0 3px #afcef8;
                    border-radius: 2px
                }

                #primary-content .ticket .subject-row .tracking-container .icon {
                    display: inline-block;
                    font-size: 30px;
                    width: 30px;
                    height: 30px
                }

                    #primary-content .ticket .subject-row .tracking-container .icon.tracking {
                        color: #969696;
                        cursor: pointer
                    }

                        #primary-content .ticket .subject-row .tracking-container .icon.tracking.icon-star-alt {
                            color: #73c4da
                        }

        #primary-content .ticket .post-actions .btn-sm {
            background-position: center;
            background-repeat: no-repeat;
            background-size: 24px;
            padding: 0 !important;
            height: 30px;
            width: 40px !important;
            text-indent: 100%;
            overflow: hidden
        }

            #primary-content .ticket .post-actions .btn-sm:not(:hover) {
                background-color: #fff
            }

        #primary-content .ticket .post-actions button.icon {
            color: #969696;
            border: 1px solid #cfcfcf
        }

            #primary-content .ticket .post-actions button.icon:hover:not([disabled]) {
                background-color: #eee
            }

        #primary-content .ticket .post-actions button.remove-action {
            font-size: 14px;
            color: #f54062
        }

        #primary-content .ticket .vote {
            font-size: 14px;
            margin-top: 20px;
            position: relative
        }

            #primary-content .ticket .vote > form {
                display: inline-block
            }

            #primary-content .ticket .vote .vote-post-btn {
                padding: 8px 18px;
                border: 1px solid #cfcfcf;
                color: #505050;
                font-weight: 600
            }

                #primary-content .ticket .vote .vote-post-btn > * {
                    display: inline-block;
                    vertical-align: middle
                }

                #primary-content .ticket .vote .vote-post-btn .icon {
                    width: 18px;
                    height: 18px;
                    font-size: 18px;
                    margin-right: 6px;
                    color: #ff7200
                }

                #primary-content .ticket .vote .vote-post-btn .votes::before {
                    content: "";
                    border-left: 1px solid;
                    margin: 0 10px 0 5px
                }

                #primary-content .ticket .vote .vote-post-btn.active {
                    color: #ff7200;
                    border-color: #ff7200
                }

            #primary-content .ticket .vote .make-ticket-public-banner {
                position: absolute;
                background: #fbe9d4;
                width: 315px;
                border: 1px solid #cfcfcf;
                box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
                line-height: 18px;
                bottom: 35px;
                bottom: 49px;
                z-index: 100
            }

                #primary-content .ticket .vote .make-ticket-public-banner::after, #primary-content .ticket .vote .make-ticket-public-banner::before {
                    content: '';
                    position: absolute;
                    border: 8px solid transparent;
                    left: 4px;
                    border-top: 7px solid #cfcfcf;
                    bottom: -15px
                }

                #primary-content .ticket .vote .make-ticket-public-banner::after {
                    border-top: 8px solid #fbe9d4;
                    bottom: -14px
                }

                #primary-content .ticket .vote .make-ticket-public-banner.viewed {
                    display: none
                }

                #primary-content .ticket .vote .make-ticket-public-banner .message-content {
                    padding: 20px;
                    font-size: 14px;
                    color: #505050
                }

                    #primary-content .ticket .vote .make-ticket-public-banner .message-content a {
                        color: #115bc0;
                        cursor: pointer
                    }

                        #primary-content .ticket .vote .make-ticket-public-banner .message-content a.switch-to-old-design {
                            font-weight: 600
                        }

                    #primary-content .ticket .vote .make-ticket-public-banner .message-content p {
                        margin: 0;
                        margin-top: 5px;
                        line-height: 19px
                    }

                        #primary-content .ticket .vote .make-ticket-public-banner .message-content p:first-child {
                            margin-top: 0
                        }

                    #primary-content .ticket .vote .make-ticket-public-banner .message-content .message-header {
                        font-family: "Open Sans Condensed Bold";
                        font-size: 16px;
                        margin-bottom: 7px
                    }

                #primary-content .ticket .vote .make-ticket-public-banner .close-action {
                    position: absolute;
                    padding: 8px;
                    right: 0;
                    top: 0;
                    cursor: pointer
                }

                    #primary-content .ticket .vote .make-ticket-public-banner .close-action .icon-close {
                        width: 13px;
                        height: 13px;
                        font-size: 13px;
                        display: block
                    }

                #primary-content .ticket .vote .make-ticket-public-banner .close-action {
                    background: 0 0;
                    border: none
                }

                #primary-content .ticket .vote .make-ticket-public-banner .license-agreement {
                    display: none
                }

                #primary-content .ticket .vote .make-ticket-public-banner.license {
                    width: 502px
                }

                    #primary-content .ticket .vote .make-ticket-public-banner.license .close-action, #primary-content .ticket .vote .make-ticket-public-banner.license .make-ticket-public {
                        display: none
                    }

                    #primary-content .ticket .vote .make-ticket-public-banner.license .license-agreement {
                        display: block
                    }

                    #primary-content .ticket .vote .make-ticket-public-banner.license .agreement-actions {
                        margin-top: 20px;
                        text-align: right
                    }

                        #primary-content .ticket .vote .make-ticket-public-banner.license .agreement-actions .btn-primary {
                            height: 30px;
                            padding: 0 20px
                        }

            #primary-content .ticket .vote .changed-visibility-ticket-message {
                color: #969696;
                font-style: italic;
                position: absolute;
                margin-left: 20px
            }

                #primary-content .ticket .vote .changed-visibility-ticket-message a {
                    color: #115bc0;
                    cursor: pointer;
                    text-decoration: none
                }

        #primary-content .ticket .post-details {
            margin-top: 20px
        }

            #primary-content .ticket .post-details a {
                cursor: pointer;
                margin-left: 4px
            }

                #primary-content .ticket .post-details a.attachment-link {
                    margin: 0 4px 4px 0;
                    background: #eee;
                    padding: 0 8px;
                    text-decoration: none !important;
                    height: 30px;
                    line-height: 30px;
                    display: inline-block;
                    border-radius: 2px;
                    position: relative;
                    font-size: 14px
                }

                    #primary-content .ticket .post-details a.attachment-link::before {
                        margin-right: 6px !important;
                        position: relative;
                        top: -7px
                    }

                #primary-content .ticket .post-details a.category-link, #primary-content .ticket .post-details a.tag-link {
                    text-decoration: underline
                }

            #primary-content .ticket .post-details div.categories-row {
                display: inline
            }

                #primary-content .ticket .post-details div.categories-row .category-link.icon-arrow-right {
                    font-size: 9px;
                    margin: 0 10px;
                    color: #505050
                }

        #primary-content .ticket .auto-answer-text, #primary-content .ticket .post-body {
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            -webkit-hyphens: auto;
            hyphens: auto;
            word-wrap: break-word
        }

            #primary-content .ticket .auto-answer-text > p:not(:last-child), #primary-content .ticket .post-body > p:not(:last-child) {
                margin: 0 0 15px 0
            }

            #primary-content .ticket .auto-answer-text > p:last-child, #primary-content .ticket .post-body > p:last-child {
                margin: 0 !important
            }

            #primary-content .ticket .auto-answer-text pre, #primary-content .ticket .post-body pre {
                word-wrap: break-word;
                white-space: pre;
                position: relative;
                z-index: 1;
                -moz-hyphens: none;
                -ms-hyphens: none;
                -webkit-hyphens: none;
                hyphens: none
            }

            #primary-content .ticket .auto-answer-text a, #primary-content .ticket .post-body a {
                color: #115bc0
            }

            #primary-content .ticket .auto-answer-text h1, #primary-content .ticket .post-body h1 {
                margin: 30px 0 15px;
                font-size: 24px;
                font-weight: 600
            }

            #primary-content .ticket .auto-answer-text h2, #primary-content .ticket .post-body h2 {
                margin: 30px 0 15px;
                font-size: 20px;
                font-weight: 600
            }

            #primary-content .ticket .auto-answer-text h3, #primary-content .ticket .auto-answer-text h4, #primary-content .ticket .auto-answer-text h5, #primary-content .ticket .auto-answer-text h6, #primary-content .ticket .post-body h3, #primary-content .ticket .post-body h4, #primary-content .ticket .post-body h5, #primary-content .ticket .post-body h6 {
                margin: 30px 0 15px;
                font-size: 16px;
                font-weight: 600
            }

            #primary-content .ticket .auto-answer-text strong, #primary-content .ticket .post-body strong {
                font-weight: 600
            }

            #primary-content .ticket .auto-answer-text table td, #primary-content .ticket .auto-answer-text table th, #primary-content .ticket .post-body table td, #primary-content .ticket .post-body table th {
                border: 1px solid #ddd;
                padding: 5px
            }

            #primary-content .ticket .auto-answer-text ol, #primary-content .ticket .auto-answer-text ul, #primary-content .ticket .post-body ol, #primary-content .ticket .post-body ul {
                margin-bottom: 15px;
                margin-top: 0
            }

                #primary-content .ticket .auto-answer-text ol li, #primary-content .ticket .auto-answer-text ul li, #primary-content .ticket .post-body ol li, #primary-content .ticket .post-body ul li {
                    margin-top: 10px;
                    margin-bottom: 10px
                }

            #primary-content .ticket .auto-answer-text ol, #primary-content .ticket .post-body ol {
                list-style-type: none;
                counter-reset: section;
                margin-top: 10px;
                padding-left: 24px
            }

                #primary-content .ticket .auto-answer-text ol > li, #primary-content .ticket .post-body ol > li {
                    counter-increment: section;
                    padding-left: 1.2em
                }

                    #primary-content .ticket .auto-answer-text ol > li ol, #primary-content .ticket .post-body ol > li ol {
                        margin-bottom: 0
                    }

                        #primary-content .ticket .auto-answer-text ol > li ol li:last-child, #primary-content .ticket .post-body ol > li ol li:last-child {
                            margin-bottom: 0
                        }

                    #primary-content .ticket .auto-answer-text ol > li:before, #primary-content .ticket .post-body ol > li:before {
                        content: counters(section,".") ". ";
                        padding-right: .3em;
                        margin-left: -1.2em;
                        float: left;
                        line-height: 1.4em
                    }

                    #primary-content .ticket .auto-answer-text ol > li > ol > li, #primary-content .ticket .post-body ol > li > ol > li {
                        padding-left: 1.8em
                    }

                        #primary-content .ticket .auto-answer-text ol > li > ol > li > ol > li, #primary-content .ticket .post-body ol > li > ol > li > ol > li {
                            padding-left: 2.4em
                        }

                            #primary-content .ticket .auto-answer-text ol > li > ol > li > ol > li:before, #primary-content .ticket .post-body ol > li > ol > li > ol > li:before {
                                margin-left: -2.4em
                            }

                        #primary-content .ticket .auto-answer-text ol > li > ol > li:before, #primary-content .ticket .post-body ol > li > ol > li:before {
                            margin-left: -1.8em
                        }

        #primary-content .ticket .additional-info-title {
            margin-top: 10px;
            font-weight: 600;
            margin-bottom: 15px
        }

        #primary-content .ticket .question .read-mode > .post-body, #primary-content .ticket .question .read-mode > .post-details {
            margin-top: 25px
        }

            #primary-content .ticket .question .read-mode > .post-body img, #primary-content .ticket .question .read-mode > .post-details img {
                max-width: 100%;
                cursor: pointer
            }

        #primary-content .ticket .question .read-mode > .post-details {
            margin-top: 12px
        }

        #primary-content .ticket .question.article-type .question-header {
            background-color: #fff;
            padding: 15px 0;
            border-top: 1px dashed #cfcfcf;
            border-bottom: 1px dashed #cfcfcf;
            height: 66px
        }

            #primary-content .ticket .question.article-type .question-header .post-actions {
                line-height: 34px
            }

                #primary-content .ticket .question.article-type .question-header .post-actions .btn {
                    margin-bottom: 4px
                }

            #primary-content .ticket .question.article-type .question-header .user-info {
                position: static;
                max-width: 100%
            }

                #primary-content .ticket .question.article-type .question-header .user-info .post-author {
                    position: static;
                    margin-left: 44px;
                    margin-right: 10px
                }

                    #primary-content .ticket .question.article-type .question-header .user-info .post-author .user-name {
                        line-height: 34px;
                        white-space: nowrap;
                        font-size: 16px
                    }

                    #primary-content .ticket .question.article-type .question-header .user-info .post-author a {
                        font-weight: 600
                    }

                #primary-content .ticket .question.article-type .question-header .user-info .avatar .avatar-badge {
                    background-color: #fff
                }

            #primary-content .ticket .question.article-type .question-header .time-block {
                height: 34px;
                line-height: 34px;
                display: block;
                text-align: left;
                color: #969696;
                right: 0 !important;
                font-size: 16px
            }

            #primary-content .ticket .question.article-type .question-header.can-edit .time-block {
                right: 50px !important
            }

        #primary-content .ticket .solutions .subject {
            margin-top: 60px
        }

            #primary-content .ticket .solutions .subject.approved {
                color: #ff7200;
                font-weight: 600;
                font-family: 'Open Sans Condensed Bold'
            }

        #primary-content .ticket .solutions .new-answer {
            margin-top: 30px
        }

            #primary-content .ticket .solutions .new-answer .new-answer-header {
                text-align: right
            }

                #primary-content .ticket .solutions .new-answer .new-answer-header .btn {
                    height: 40px;
                    padding-left: 30px;
                    padding-right: 30px
                }

        #primary-content .ticket .solution {
            position: relative
        }

            #primary-content .ticket .solution + .solution {
                margin-top: 40px
            }

            #primary-content .ticket .solution.new-post {
                background-color: #feecdd;
                margin-top: 10px;
                padding: 20px
            }

                #primary-content .ticket .solution.new-post #new-answer-panel {
                    margin-top: 10px;
                    margin-bottom: 10px
                }

            #primary-content .ticket .solution img {
                max-width: 100%
            }

            #primary-content .ticket .solution .post-editor-bottom {
                overflow: hidden;
                padding: 2px;
                margin: 20px -2px -2px
            }

            #primary-content .ticket .solution .wmd-preview {
                margin-top: 10px;
                word-wrap: break-word;
                max-height: 540px;
                overflow-y: auto
            }

                #primary-content .ticket .solution .wmd-preview img {
                    max-width: 100%
                }

            #primary-content .ticket .solution .read-mode[style*='display: none'] + .edit-mode {
                padding: 20px;
                background: #feecdd
            }

        #primary-content .ticket .post-comments .toggle-comments > * {
            margin-top: 30px;
            display: inline-block
        }

        #primary-content .ticket .post-comments .toggle-comments .action-link {
            cursor: pointer;
            color: #115bc0;
            font-weight: 600;
            border-color: transparent
        }

            #primary-content .ticket .post-comments .toggle-comments .action-link:hover .action-link-text {
                border-bottom: 1px solid #115bc0
            }

            #primary-content .ticket .post-comments .toggle-comments .action-link .icon-arrow-right-alt {
                height: 19px;
                width: 9px;
                font-size: 8px;
                line-height: 19px;
                float: left;
                margin-right: 11px;
                top: 1px;
                color: #115bc0
            }

        #primary-content .ticket .post-comments .comments {
            margin-top: 10px;
            position: relative
        }

            #primary-content .ticket .post-comments .comments::before {
                content: "";
                position: absolute;
                border-left: 2px solid #eee;
                top: 0;
                bottom: 0;
                z-index: 1
            }

        #primary-content .ticket .post-comments .comment.focused {
            animation-name: focus-blink;
            animation-duration: 2s;
            animation-direction: alternate
        }

        #primary-content .ticket .post-comments .comment {
            margin-top: 0;
            padding: 10px;
            margin-left: 10px;
            margin-bottom: 20px;
            position: relative
        }

            #primary-content .ticket .post-comments .comment .comment-header {
                position: relative
            }

                #primary-content .ticket .post-comments .comment .comment-header .pull-left {
                    max-width: 100%
                }

                #primary-content .ticket .post-comments .comment .comment-header .comment-private {
                    background-color: #f1dcdc;
                    color: #f54062;
                    margin-right: 8px;
                    display: inline-block;
                    font-size: 11px;
                    line-height: 13px
                }

                #primary-content .ticket .post-comments .comment .comment-header .post-actions {
                    overflow: hidden;
                    display: inline-block;
                    white-space: nowrap;
                    text-align: right;
                    position: absolute;
                    right: 0;
                    height: 34px
                }

                    #primary-content .ticket .post-comments .comment .comment-header .post-actions button {
                        transition: .25s;
                        opacity: 0;
                        margin-top: 2px
                    }

            #primary-content .ticket .post-comments .comment .author {
                clear: both;
                display: block;
                font-weight: 600;
                color: #505050;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-left: 44px;
                margin-right: 8px;
                width: auto;
                font-family: 'Open Sans Condensed Bold'
            }

            #primary-content .ticket .post-comments .comment .avatar {
                position: absolute
            }

            #primary-content .ticket .post-comments .comment .author, #primary-content .ticket .post-comments .comment .comment-time-block {
                float: left;
                line-height: 34px;
                outline: 0
            }

            #primary-content .ticket .post-comments .comment.hovered .post-actions button {
                opacity: .25
            }

            #primary-content .ticket .post-comments .comment.hovered .comment-header .post-actions:hover button {
                opacity: 1
            }

            #primary-content .ticket .post-comments .comment .comment-header .post-actions button:focus {
                opacity: 1
            }

                #primary-content .ticket .post-comments .comment .comment-header .post-actions button:focus ~ button {
                    opacity: 1
                }

            #primary-content .ticket .post-comments .comment.new-post {
                background-color: #eee;
                margin: 30px 0 0;
                border-radius: 0 3px 3px 0
            }

                #primary-content .ticket .post-comments .comment.new-post .new-post-link {
                    display: inline-block;
                    color: #115bc0;
                    cursor: pointer;
                    font-weight: 600;
                    border: none
                }

                    #primary-content .ticket .post-comments .comment.new-post .new-post-link:focus {
                        box-shadow: 0 0 0 1px #afcef8
                    }

                    #primary-content .ticket .post-comments .comment.new-post .new-post-link .icon {
                        height: 20px;
                        width: 20px;
                        font-size: 12px;
                        line-height: 20px;
                        float: left;
                        margin-right: 11px;
                        vertical-align: middle;
                        left: 8px;
                        color: #115bc0
                    }

                    #primary-content .ticket .post-comments .comment.new-post .new-post-link:before {
                        content: " ";
                        position: absolute;
                        height: 100%;
                        width: 2px;
                        background: #fff;
                        top: 0;
                        margin-left: -40px
                    }

                    #primary-content .ticket .post-comments .comment.new-post .new-post-link .add-comment-btn-text {
                        border-bottom: 1px dotted
                    }

            #primary-content .ticket .post-comments .comment.in-edit-mode {
                padding: 20px;
                background-color: #eee
            }

            #primary-content .ticket .post-comments .comment .post-editor-bottom {
                overflow: hidden;
                padding: 2px;
                margin: 24px -2px -2px
            }

            #primary-content .ticket .post-comments .comment .edit-mode {
                margin-top: 0 !important
            }

            #primary-content .ticket .post-comments .comment .post-details {
                margin-top: 10px !important
            }

            #primary-content .ticket .post-comments .comment .read-mode {
                margin-top: 10px !important;
                font-size: 14px
            }

                #primary-content .ticket .post-comments .comment .read-mode .post-body {
                    margin-top: 0
                }

                    #primary-content .ticket .post-comments .comment .read-mode .post-body img {
                        max-width: 100%;
                        cursor: pointer
                    }

            #primary-content .ticket .post-comments .comment .wmd-preview {
                margin-top: 10px;
                word-wrap: break-word;
                max-height: 540px;
                overflow-y: auto
            }

                #primary-content .ticket .post-comments .comment .wmd-preview img {
                    max-width: 100%
                }

        #primary-content .ticket .post-header {
            padding: 22px 20px 22px 20px;
            position: relative
        }

            #primary-content .ticket .post-header .user-info .avatar .avatar-badge {
                background-color: #feecdd
            }

            #primary-content .ticket .post-header .post-actions {
                overflow: hidden;
                display: inline-block;
                white-space: nowrap;
                line-height: 42px;
                padding: 0 2px
            }

            #primary-content .ticket .post-header .time-block {
                position: absolute;
                right: 30px
            }

            #primary-content .ticket .post-header form {
                display: inline
            }

            #primary-content .ticket .post-header.can-edit .user-info, #primary-content .ticket .post-header.can-mark .user-info {
                right: 265px
            }

            #primary-content .ticket .post-header.can-edit .time-block, #primary-content .ticket .post-header.can-mark .time-block {
                right: 80px
            }

                #primary-content .ticket .post-header.can-edit .time-block a:focus, #primary-content .ticket .post-header.can-mark .time-block a:focus {
                    -webkit-box-shadow: inset 0 0 0 1px #115bc0;
                    -moz-box-shadow: inset 0 0 0 1px #115bc0;
                    box-shadow: inset 0 0 0 1px #115bc0
                }

            #primary-content .ticket .post-header.can-mark.can-edit .user-info {
                right: 300px
            }

            #primary-content .ticket .post-header.can-mark.can-edit .time-block {
                right: 135px
            }

            #primary-content .ticket .post-header.solution-header {
                background-color: #feecdd
            }

            #primary-content .ticket .post-header.question-header {
                background-color: #e9f6fc
            }

                #primary-content .ticket .post-header.question-header .user-info .avatar .avatar-badge {
                    background-color: #e9f6fc
                }

            #primary-content .ticket .post-header.focused {
                animation-name: focus-blink;
                animation-duration: 2s;
                animation-direction: alternate
            }

        #primary-content .ticket .user-info {
            display: inline-block;
            float: left;
            position: absolute;
            left: 20px;
            right: 200px
        }

            #primary-content .ticket .user-info .approved {
                background-color: #ff7200;
                color: #fff
            }

            #primary-content .ticket .user-info .avatar {
                display: inline-block;
                float: left
            }

                #primary-content .ticket .user-info .avatar a {
                    text-decoration: none
                }

            #primary-content .ticket .user-info .post-author {
                position: absolute;
                left: calc(45px + 15px);
                right: 0
            }

                #primary-content .ticket .user-info .post-author a {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis
                }

                #primary-content .ticket .user-info .post-author .user-name {
                    font-family: 'Open Sans Condensed Bold';
                    font-size: 18px
                }

            #primary-content .ticket .user-info .urgent {
                color: #fff;
                background-color: #f54062
            }

            #primary-content .ticket .user-info .user-name {
                font-weight: 600;
                font-size: 18px;
                line-height: 45px;
                color: #505050;
                display: block;
                overflow-x: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

#sidebar {
    margin-bottom: 20px;
    position: relative;
    float: right;
    right: 0;
    width: 310px;
    margin-right: -310px
}

    #sidebar:not(.sidebar-hidden-manually) {
        margin-right: 0
    }

    #sidebar.with-footer {
        padding-bottom: 100px
    }

    #sidebar .sidebar-group {
        padding: 20px 25px;
        background-color: #fff;
        border: 1px solid #cfcfcf
    }

        #sidebar .sidebar-group:not(:first-child) {
            margin-top: 20px
        }

        #sidebar .sidebar-group.content-hidden .group-header > .icon {
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        #sidebar .sidebar-group .group-header {
            cursor: pointer;
            overflow: hidden;
            height: 26px
        }

            #sidebar .sidebar-group .group-header > .header-text {
                font-family: 'Open Sans Condensed Bold';
                font-size: 18px;
                font-weight: 600;
                float: left
            }

            #sidebar .sidebar-group .group-header > .icon {
                transition-timing-function: ease-in;
                transition-duration: .15s;
                margin: 7px 0 7px;
                font-size: 14px;
                width: 14px;
                height: 14px;
                float: right;
                color: #969696
            }

        #sidebar .sidebar-group .group-content {
            margin-top: 10px;
            font-size: 14px
        }

            #sidebar .sidebar-group .group-content dl {
                margin: 0
            }

                #sidebar .sidebar-group .group-content dl dt {
                    color: #969696;
                    margin-bottom: 3px
                }

                #sidebar .sidebar-group .group-content dl dd {
                    margin-left: 0
                }

                #sidebar .sidebar-group .group-content dl:not(:last-child) {
                    margin-bottom: 12px
                }

            #sidebar .sidebar-group .group-content .item-description {
                display: block
            }

                #sidebar .sidebar-group .group-content .item-description > span {
                    margin-right: 10px;
                    display: block;
                    word-break: break-word
                }

                #sidebar .sidebar-group .group-content .item-description:not(:last-child) {
                    margin-bottom: 8px;
                    display: block
                }

                #sidebar .sidebar-group .group-content .item-description.categories > * {
                    display: inline-block;
                    margin: 0
                }

            #sidebar .sidebar-group .group-content .category-link.icon {
                font-size: 9px;
                margin-left: 5px;
                margin-right: 10px
            }

            #sidebar .sidebar-group .group-content a {
                color: #115bc0
            }

                #sidebar .sidebar-group .group-content a.category-link, #sidebar .sidebar-group .group-content a.tag-link {
                    cursor: pointer
                }

        #sidebar .sidebar-group.no-header .group-content {
            margin-top: 0
        }

        #sidebar .sidebar-group#overview {
            background-color: #e9f6fc
        }

        #sidebar .sidebar-group#related-tickets {
            opacity: 0;
            visibility: hidden;
            transition: opacity .3s linear;
            padding: 0;
            margin: 0;
            height: 0;
            border: none
        }

            #sidebar .sidebar-group#related-tickets.visible {
                opacity: 1;
                visibility: visible;
                padding: 20px 25px;
                margin-top: 20px;
                height: auto;
                border: 1px solid #cfcfcf
            }

            #sidebar .sidebar-group#related-tickets .item-description {
                line-height: unset
            }

    #sidebar .feedback {
        position: fixed;
        right: 20px;
        bottom: 20px;
        max-width: 340px;
        padding: 28px 25px 10px;
        font-size: 17px;
        z-index: 1;
        border-radius: 4px;
        transition: height 1.2s ease 0s;
        background: #fff;
        box-shadow: 0 0 0 1px rgba(0,0,0,.06),0 7px 15px rgba(0,0,0,.12),0 5px 46px 0 rgba(0,0,0,.06)
    }

        #sidebar .feedback.extended {
            padding-bottom: 0
        }

        #sidebar .feedback .cancel-feedback {
            position: absolute;
            font-size: 13px;
            top: 10px;
            right: 10px;
            height: 12px;
            width: 13px;
            cursor: pointer
        }

        #sidebar .feedback .feedback-description {
            text-align: center
        }

        #sidebar .feedback .feedback-satisfaction {
            display: flex;
            justify-content: space-between;
            width: 220px;
            margin: 30px auto 10px auto
        }

            #sidebar .feedback .feedback-satisfaction .smile-wrapper {
                display: inline-flex;
                flex-direction: column;
                align-items: center;
                margin-right: 15px;
                min-width: 60px;
                transition: all .3s;
                cursor: pointer
            }

                #sidebar .feedback .feedback-satisfaction .smile-wrapper:last-child {
                    margin-right: 0
                }

                #sidebar .feedback .feedback-satisfaction .smile-wrapper.active, #sidebar .feedback .feedback-satisfaction .smile-wrapper:hover {
                    transform: translateY(-7px)
                }

                    #sidebar .feedback .feedback-satisfaction .smile-wrapper.active #negative-smile #face, #sidebar .feedback .feedback-satisfaction .smile-wrapper:hover #negative-smile #face {
                        fill: #874a62
                    }

                    #sidebar .feedback .feedback-satisfaction .smile-wrapper.active #negative-smile #circle, #sidebar .feedback .feedback-satisfaction .smile-wrapper:hover #negative-smile #circle {
                        fill: #f56862
                    }

                    #sidebar .feedback .feedback-satisfaction .smile-wrapper.active #neutral-smile #face, #sidebar .feedback .feedback-satisfaction .smile-wrapper:hover #neutral-smile #face {
                        fill: #bc1d0c
                    }

                    #sidebar .feedback .feedback-satisfaction .smile-wrapper.active #neutral-smile #circle, #sidebar .feedback .feedback-satisfaction .smile-wrapper:hover #neutral-smile #circle {
                        fill: #f88b0c
                    }

                    #sidebar .feedback .feedback-satisfaction .smile-wrapper.active #positive-smile #face, #sidebar .feedback .feedback-satisfaction .smile-wrapper:hover #positive-smile #face {
                        fill: #145c3e
                    }

                    #sidebar .feedback .feedback-satisfaction .smile-wrapper.active #positive-smile #circle, #sidebar .feedback .feedback-satisfaction .smile-wrapper:hover #positive-smile #circle {
                        fill: #03ab4d
                    }

                    #sidebar .feedback .feedback-satisfaction .smile-wrapper.active .smile-description, #sidebar .feedback .feedback-satisfaction .smile-wrapper:hover .smile-description {
                        opacity: 1
                    }

                #sidebar .feedback .feedback-satisfaction .smile-wrapper.active {
                    cursor: default
                }

                #sidebar .feedback .feedback-satisfaction .smile-wrapper .smile {
                    width: 45px;
                    height: 45px;
                    display: inline-block;
                    cursor: pointer
                }

                #sidebar .feedback .feedback-satisfaction .smile-wrapper .smile-description {
                    opacity: 0;
                    font-size: 14px;
                    color: #7b7b7b;
                    margin: 7px 0 0
                }

        #sidebar .feedback .feedback-extended {
            display: flex;
            flex-direction: column;
            padding: 20px;
            margin-right: -25px;
            margin-left: -25px;
            background-color: #eee
        }

            #sidebar .feedback .feedback-extended .feedback-editor {
                padding: 10px;
                width: 100%;
                height: 190px;
                border-radius: 4px
            }

                #sidebar .feedback .feedback-extended .feedback-editor::placeholder {
                    color: #7b7b7b
                }

            #sidebar .feedback .feedback-extended .submit-feedback {
                margin-top: 15px;
                margin-left: auto;
                padding: 4px 14px
            }

        #sidebar .feedback .feedback-gratitude {
            margin-bottom: 15px;
            margin-right: 10px
        }

#bottom-panel {
    height: 100px
}

    #bottom-panel .errors-list-bottom {
        list-style: none;
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: 600
    }

    #bottom-panel .action-bar {
        height: 50px;
        margin-top: -25px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%;
        z-index: 101;
        right: 5%
    }

        #bottom-panel .action-bar .actions-text {
            color: #fff;
            font-size: 22px;
            margin-right: 40px;
            line-height: 50px
        }

        #bottom-panel .action-bar .actions {
            height: 100%
        }

        #bottom-panel .action-bar button {
            height: 50px;
            background-color: transparent;
            color: #fff;
            font-size: 22px;
            padding: 0 40px;
            margin-right: 10px;
            border-radius: 0;
            border: 2px solid #fff
        }

            #bottom-panel .action-bar button.default-action:hover {
                background-color: #ff8a26
            }

#sidebar-switcher {
    position: fixed;
    bottom: 23px;
    right: 15px;
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 56px;
    display: none;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.25);
    z-index: 1
}

    #sidebar-switcher .action-link {
        border-bottom: 0
    }

        #sidebar-switcher .action-link > .small-text {
            display: block;
            font-size: 22px;
            height: 56px;
            background-size: cover
        }

            #sidebar-switcher .action-link > .small-text.icon {
                color: #ff7200;
                width: 100%
            }

                #sidebar-switcher .action-link > .small-text.icon:hover {
                    color: #ff8a26
                }

                #sidebar-switcher .action-link > .small-text.icon.icon-close-alt {
                    font-size: 16px
                }

    #sidebar-switcher.with-transition .action-link .small-text {
        transition-timing-function: ease-in;
        transition-duration: .15s
    }

#edit-question-modal .modal-body-row .wmd-preview {
    height: 230px;
    width: 100%;
    overflow: auto;
    margin-top: 0
}

#edit-question-modal .modal-body-row .row .checkbox.big, #edit-question-modal .modal-body-row .row .checkbox.medium {
    min-width: 97px;
    margin-right: 20px
}

#edit-question-modal .modal-body-row:not(:last-child) {
    padding: 30px;
    margin: -30px -30px -2px
}

#edit-question-modal .markdown-editor .help-modal {
    right: 50px
}

.wmd-preview pre {
    white-space: pre
}

.modal-dialog .disclaimer {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px
}

@media(max-width:1200px) {
    #sidebar {
        width: 280px;
        margin-right: -280px
    }

    #primary-content:not(.sidebar-hidden-manually) {
        width: 60%;
        width: -moz-calc(100% - (280px + 30px));
        width: -webkit-calc(100% - (280px + 30px));
        width: calc(100% - (280px + 30px))
    }

    #primary-content .ticket {
        padding: 30px
    }

        #primary-content .ticket .question .user-info, #primary-content .ticket .solution .user-info {
            right: 210px
        }

        #primary-content .ticket .question .time-block, #primary-content .ticket .solution .time-block {
            display: block;
            right: 35px
        }

        #primary-content .ticket .question .user-info, #primary-content .ticket .solution .user-info {
            right: 30px
        }

        #primary-content .ticket .question .time-block, #primary-content .ticket .solution .time-block {
            display: none
        }

        #primary-content .ticket .question .user-info, #primary-content .ticket .solution .user-info {
            right: 215px
        }

        #primary-content .ticket .question .time-block, #primary-content .ticket .solution .time-block {
            display: block;
            right: 35px
        }

        #primary-content .ticket .question .post-header.can-edit .user-info, #primary-content .ticket .question .post-header.can-mark .user-info, #primary-content .ticket .solution .post-header.can-edit .user-info, #primary-content .ticket .solution .post-header.can-mark .user-info {
            right: 255px
        }

        #primary-content .ticket .question .post-header.can-edit .time-block, #primary-content .ticket .question .post-header.can-mark .time-block, #primary-content .ticket .solution .post-header.can-edit .time-block, #primary-content .ticket .solution .post-header.can-mark .time-block {
            display: block;
            right: 80px
        }

        #primary-content .ticket .question .post-header.can-edit .user-info, #primary-content .ticket .question .post-header.can-mark .user-info, #primary-content .ticket .solution .post-header.can-edit .user-info, #primary-content .ticket .solution .post-header.can-mark .user-info {
            right: 75px
        }

        #primary-content .ticket .question .post-header.can-edit .time-block, #primary-content .ticket .question .post-header.can-mark .time-block, #primary-content .ticket .solution .post-header.can-edit .time-block, #primary-content .ticket .solution .post-header.can-mark .time-block {
            display: none
        }

        #primary-content .ticket .question .post-header.can-edit .user-info, #primary-content .ticket .question .post-header.can-mark .user-info, #primary-content .ticket .solution .post-header.can-edit .user-info, #primary-content .ticket .solution .post-header.can-mark .user-info {
            right: 255px
        }

        #primary-content .ticket .question .post-header.can-edit .time-block, #primary-content .ticket .question .post-header.can-mark .time-block, #primary-content .ticket .solution .post-header.can-edit .time-block, #primary-content .ticket .solution .post-header.can-mark .time-block {
            display: block;
            right: 80px
        }

        #primary-content .ticket .question .post-header.can-edit.can-mark .user-info, #primary-content .ticket .solution .post-header.can-edit.can-mark .user-info {
            right: 300px
        }

        #primary-content .ticket .question .post-header.can-edit.can-mark .time-block, #primary-content .ticket .solution .post-header.can-edit.can-mark .time-block {
            display: block;
            right: 125px
        }

        #primary-content .ticket .question .post-header.can-edit.can-mark .user-info, #primary-content .ticket .solution .post-header.can-edit.can-mark .user-info {
            right: 295px
        }

        #primary-content .ticket .question .post-header.can-edit.can-mark .time-block, #primary-content .ticket .solution .post-header.can-edit.can-mark .time-block {
            display: block;
            right: 125px
        }

        #primary-content .ticket .question .post-header.can-edit.can-mark .user-info, #primary-content .ticket .solution .post-header.can-edit.can-mark .user-info {
            right: 115px
        }

        #primary-content .ticket .question .post-header.can-edit.can-mark .time-block, #primary-content .ticket .solution .post-header.can-edit.can-mark .time-block {
            display: none
        }

    #primary-content .toggle-comments {
        font-size: 14px
    }
}

@media(max-width:1024px) {
    .inner-container {
        padding-left: 15px;
        padding-right: 15px
    }

    #content #main-content > .inner-container {
        width: 100%
    }

        #content #main-content > .inner-container .navbar-error {
            left: 15px;
            right: 15px
        }

            #content #main-content > .inner-container .navbar-error .action-bar .actions button {
                padding: 0 20px;
                margin-right: 0
            }

            #content #main-content > .inner-container .navbar-error .action-bar .actions-text {
                width: 70%;
                width: -moz-calc(100% - 110px);
                width: -webkit-calc(100% - 110px);
                width: calc(100% - 110px);
                margin: -15px 0 0 25px;
                line-height: 25px
            }

    #content #main-content #question .user-info {
        right: 210px
    }

    #content #main-content #question .time-block {
        display: block;
        right: 35px
    }

    #content #main-content #question .user-info {
        right: 30px
    }

    #content #main-content #question .time-block {
        display: none
    }

    #content #main-content #question .user-info {
        right: 215px
    }

    #content #main-content #question .time-block {
        display: block;
        right: 35px
    }

    #content #main-content #primary-content {
        width: 100%
    }

        #content #main-content #primary-content .ticket .subject-row .subject {
            font-size: 26px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .question .post-header.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-mark .user-info {
            right: 255px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .question .post-header.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-mark .time-block {
            display: block;
            right: 80px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .question .post-header.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-mark .user-info {
            right: 75px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .question .post-header.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-mark .time-block {
            display: none
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .question .post-header.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-mark .user-info {
            right: 255px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .question .post-header.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-mark .time-block {
            display: block;
            right: 80px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .user-info {
            right: 300px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .time-block {
            display: block;
            right: 125px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .user-info {
            right: 295px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .time-block {
            display: block;
            right: 125px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .user-info {
            right: 115px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .time-block {
            display: none
        }

        #content #main-content #primary-content .post-actions, #content #main-content #primary-content .post-actions button {
            opacity: 1 !important
        }

    #content #main-content #sidebar {
        position: absolute;
        padding-right: 0;
        right: 10px;
        float: right;
        padding-top: 0;
        width: 280px;
        background-color: #fff;
        box-shadow: none;
        z-index: 1
    }

        #content #main-content #sidebar.sidebar-hidden-manually {
            right: -50px
        }

        #content #main-content #sidebar .feedback {
            display: none
        }

        #content #main-content #sidebar .sidebar-group:not(:first-child) {
            margin-top: 0;
            border-top: 0
        }

        #content #main-content #sidebar #details-tab > * {
            box-shadow: 0 0 24px 0 rgba(0,0,0,.5);
            margin-bottom: 10px
        }

        #content #main-content #sidebar #details-tab #related-ticktets:not(.visible), #content #main-content #sidebar #details-tab > :last-child {
            margin-bottom: 0
        }

        #content #main-content #sidebar #details-tab .disclaimer {
            background-color: #f8f8f8;
            padding: 20px;
            border: none
        }

    #content #main-content #sidebar-switcher {
        display: block !important
    }

    .modal-dialog .disclaimer {
        margin: 20px 21px
    }
}

@media(max-width:640px) {
    #action-bar .states > * {
        margin-right: 15px
    }

    #action-bar .states .text-medium {
        display: none
    }

    #content #main-content #question .user-info {
        right: 210px
    }

    #content #main-content #question .time-block {
        display: block;
        right: 35px
    }

    #content #main-content #question .user-info {
        right: 30px
    }

    #content #main-content #question .time-block {
        display: none
    }

    #content #main-content #question .user-info {
        right: 35px
    }

    #content #main-content #question .time-block {
        display: none
    }

    #content #main-content #primary-content .ticket {
        padding: 20px 15px
    }

        #content #main-content #primary-content .ticket .question .user-info, #content #main-content #primary-content .ticket .solution .user-info {
            right: 210px
        }

        #content #main-content #primary-content .ticket .question .time-block, #content #main-content #primary-content .ticket .solution .time-block {
            display: block;
            right: 35px
        }

        #content #main-content #primary-content .ticket .question .user-info, #content #main-content #primary-content .ticket .solution .user-info {
            right: 30px
        }

        #content #main-content #primary-content .ticket .question .time-block, #content #main-content #primary-content .ticket .solution .time-block {
            display: none
        }

        #content #main-content #primary-content .ticket .question .user-info, #content #main-content #primary-content .ticket .solution .user-info {
            right: 35px
        }

        #content #main-content #primary-content .ticket .question .time-block, #content #main-content #primary-content .ticket .solution .time-block {
            display: none
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .question .post-header.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-mark .user-info {
            right: 255px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .question .post-header.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-mark .time-block {
            display: block;
            right: 80px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .question .post-header.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-mark .user-info {
            right: 75px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .question .post-header.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-mark .time-block {
            display: none
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .question .post-header.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-mark .user-info {
            right: 75px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .question .post-header.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-mark .time-block {
            display: none
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .user-info {
            right: 120px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .time-block {
            display: none
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .user-info {
            right: 295px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .time-block {
            display: block;
            right: 125px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .user-info, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .user-info {
            right: 115px
        }

        #content #main-content #primary-content .ticket .question .post-header.can-edit.can-mark .time-block, #content #main-content #primary-content .ticket .solution .post-header.can-edit.can-mark .time-block {
            display: none
        }

        #content #main-content #primary-content .ticket .question .post-header.can-mark.can-edit .post-actions .btn-sm, #content #main-content #primary-content .ticket .solution .post-header.can-mark.can-edit .post-actions .btn-sm {
            margin: 4px 0
        }

        #content #main-content #primary-content .ticket .question .post-header.can-mark.can-edit.post-header .post-actions, #content #main-content #primary-content .ticket .solution .post-header.can-mark.can-edit.post-header .post-actions {
            top: 7px !important
        }

        #content #main-content #primary-content .ticket .question .post-header .user-info .post-author .user-name, #content #main-content #primary-content .ticket .solution .post-header .user-info .post-author .user-name {
            line-height: 25px
        }

        #content #main-content #primary-content .ticket .question .post-header .time-block, #content #main-content #primary-content .ticket .solution .post-header .time-block {
            display: block !important;
            position: absolute;
            right: auto !important;
            left: 80px;
            line-height: 20px;
            height: 20px;
            top: 44px
        }

            #content #main-content #primary-content .ticket .question .post-header .time-block div span, #content #main-content #primary-content .ticket .solution .post-header .time-block div span {
                display: none
            }

        #content #main-content #primary-content .ticket .question.article-type .question-header .post-author, #content #main-content #primary-content .ticket .solution.article-type .question-header .post-author {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

            #content #main-content #primary-content .ticket .question.article-type .question-header .post-author .user-name, #content #main-content #primary-content .ticket .solution.article-type .question-header .post-author .user-name {
                font-size: 14px;
                line-height: 18px
            }

        #content #main-content #primary-content .ticket .question.article-type .question-header .time-block, #content #main-content #primary-content .ticket .solution.article-type .question-header .time-block {
            font-size: 14px;
            left: 44px !important;
            top: 32px
        }

        #content #main-content #primary-content .ticket .solution .read-mode[style*="display: none"] + .edit-mode {
            padding: 15px
        }

        #content #main-content #primary-content .ticket .read-mode .post-body {
            word-wrap: break-word;
            word-break: keep-all;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            -webkit-hyphens: auto;
            hyphens: auto
        }

        #content #main-content #primary-content .ticket .post-comments .comment .comment-header {
            height: 34px
        }

            #content #main-content #primary-content .ticket .post-comments .comment .comment-header, #content #main-content #primary-content .ticket .post-comments .comment .comment-header > div {
                width: 100%
            }

                #content #main-content #primary-content .ticket .post-comments .comment .comment-header .author {
                    width: 100%;
                    margin: 0;
                    font-size: 14px;
                    line-height: 18px
                }

                #content #main-content #primary-content .ticket .post-comments .comment .comment-header .comment-author {
                    display: block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    padding-left: 44px
                }

                #content #main-content #primary-content .ticket .post-comments .comment .comment-header .comment-time-block {
                    position: absolute;
                    top: 20px;
                    font-size: 14px;
                    left: 44px;
                    line-height: 14px
                }

                #content #main-content #primary-content .ticket .post-comments .comment .comment-header .can-edit .comment-author, #content #main-content #primary-content .ticket .post-comments .comment .comment-header .can-remove .comment-author {
                    padding-right: 45px
                }

                #content #main-content #primary-content .ticket .post-comments .comment .comment-header .can-remove.can-edit .comment-author {
                    padding-right: 90px
                }

                #content #main-content #primary-content .ticket .post-comments .comment .comment-header .comment-private {
                    position: absolute;
                    top: -5px;
                    left: 10px
                }

        #content #main-content #primary-content .ticket .post-comments .comment .post-editor-bottom {
            margin-top: 10px
        }

            #content #main-content #primary-content .ticket .post-comments .comment .post-editor-bottom .pull-left, #content #main-content #primary-content .ticket .post-comments .comment .post-editor-bottom .pull-right {
                float: none !important
            }

            #content #main-content #primary-content .ticket .post-comments .comment .post-editor-bottom .checkbox {
                margin-bottom: 10px
            }

            #content #main-content #primary-content .ticket .post-comments .comment .post-editor-bottom .btn {
                height: 40px !important;
                width: 100% !important;
                margin-top: 7px;
                float: none !important
            }

        #content #main-content #primary-content .ticket .vote .make-ticket-public-banner {
            width: 100%
        }

            #content #main-content #primary-content .ticket .vote .make-ticket-public-banner .confirm-public-ticket {
                display: none
            }

            #content #main-content #primary-content .ticket .vote .make-ticket-public-banner .agreement-actions .btn {
                width: 100%;
                margin: 0 0 7px 0 !important
            }

        #content #main-content #primary-content .ticket .vote .changed-visibility-ticket-message {
            position: relative;
            display: block;
            margin-left: 0;
            margin-top: 20px
        }

    .edit-question-modal.modal .modal-dialog .modal-body {
        padding: 15px
    }

    .edit-question-modal.modal .modal-dialog .modal-footer {
        padding: 15px
    }

        .edit-question-modal.modal .modal-dialog .modal-footer .pull-left, .edit-question-modal.modal .modal-dialog .modal-footer .pull-right {
            float: none !important
        }

        .edit-question-modal.modal .modal-dialog .modal-footer .btn {
            width: 100%;
            margin: 0 0 7px 0 !important
        }

    .edit-question-modal.modal .markdown-editor .help-modal {
        right: 25px !important
    }

    .post-attachments .btn {
        width: 100% !important;
        margin: 0 0 7px 0 !important
    }

        .post-attachments .btn.attachment .file-name {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%
        }

        .post-attachments .btn.attachment.has-error .error-validation {
            margin-top: 0 !important
        }

        .post-attachments .btn.attachment.has-error .error-popup {
            white-space: normal;
            color: #fff
        }

        .post-attachments .btn.attachment .remove-attach {
            position: absolute;
            right: 0;
            top: 0
        }
}

.links-panel {
    display: block;
    border: 5px solid #feecdd;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    max-width: 1030px
}

    .links-panel .links-panel__links {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style-type: none;
        padding: 15px 0 0 20px
    }

@media(max-width:640px) {
    .links-panel .links-panel__links {
        display: block !important
    }
}

.links-panel .links-panel__links .links-panel__links-item {
    position: relative;
    padding-right: 1.5%;
    flex-basis: 22%;
    margin-right: 1.5%;
    margin-bottom: 15px
}

    .links-panel .links-panel__links .links-panel__links-item a {
        color: #115bc0
    }

    .links-panel .links-panel__links .links-panel__links-item .links-item__header {
        color: #969696;
        display: block
    }

        .links-panel .links-panel__links .links-panel__links-item .links-item__header p {
            margin: 0
        }

    .links-panel .links-panel__links .links-panel__links-item .links-item__text .icon {
        margin-right: 12px;
        margin-left: 8px
    }

    .links-panel .links-panel__links .links-panel__links-item::before {
        position: absolute;
        content: " ";
        width: 1px;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: #eee
    }

    .links-panel .links-panel__links .links-panel__links-item:nth-child(4n) {
        margin-right: 0;
        padding-right: 1.5%
    }

        .links-panel .links-panel__links .links-panel__links-item:nth-child(4n)::before {
            display: none
        }

.links-panel.focused {
    animation-name: border-color-change;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-timing-function: ease-in
}

.links-panel.inline .links-panel__links .links-panel__links-item {
    flex-basis: unset !important
}

@keyframes focus-blink {
    25% {
        background-color: #e9f6fc
    }

    50% {
        background-color: #e9f6fc
    }
}

@-webkit-keyframes border-color-change {
    from {
        border-color: #fef665
    }

    to {
        border-color: #feecdd
    }
}

@-moz-keyframes border-color-change {
    from {
        border-color: #fef665
    }

    to {
        border-color: #feecdd
    }
}

@-ms-keyframes border-color-change {
    from {
        border-color: #fef665
    }

    to {
        border-color: #feecdd
    }
}

@-o-keyframes border-color-change {
    from {
        border-color: #fef665
    }

    to {
        border-color: #feecdd
    }
}

@keyframes border-color-change {
    from {
        border-color: #fef665
    }

    to {
        border-color: #feecdd
    }
}


html body > header .r-container, html body > #MainMenuBar .inner-container, html body > footer .r-container {
    max-width: 1500px;
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto
}

html body > #MainMenuBarPlaceHolder {
    position: relative
}

#MainMenuBar {
    width: 100%;
    height: 66px;
    background-color: #303030;
    color: #fff;
    overflow: hidden;
    line-height: 66px;
    position: relative;
    z-index: 100 !important
}

    #MainMenuBar .inner-container {
        height: 66px;
        box-sizing: border-box
    }

        #MainMenuBar .inner-container .logo {
            color: #fff;
            line-height: 66px;
            font-size: 23px;
            float: left
        }

            #MainMenuBar .inner-container .logo a {
                opacity: 0;
                z-index: 0;
                transition: opacity linear 100ms;
                font-family: 'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;
                font-stretch: condensed;
                color: #fff
            }

.wf-active #MainMenuBar .inner-container .logo a {
    opacity: 1;
    font-stretch: normal
}

.wf-inactive #MainMenuBar .inner-container .logo a {
    opacity: 1
}

#MainMenuBar .inner-container a {
    text-decoration: none
}

#MainMenuBar .inner-container .filters {
    float: right
}

    #MainMenuBar .inner-container .filters > * {
        float: left
    }

    #MainMenuBar .inner-container .filters .search-box {
        font-size: 14px;
        position: relative;
        width: 400px;
        height: 36px;
        border-radius: 999px;
        background-color: #595959;
        overflow: hidden;
        font-family: Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
        top: 15px;
        margin-left: 30px
    }

        #MainMenuBar .inner-container .filters .search-box input {
            position: absolute;
            right: 0;
            top: 0;
            left: 0;
            bottom: 0;
            border: none;
            outline: none;
            color: #595959;
            background-color: transparent;
            height: inherit;
            width: inherit;
            font-size: 16px;
            padding: 0 33px 1px 15px;
            line-height: 1.2
        }

            #MainMenuBar .inner-container .filters .search-box input:focus {
                color: #fff
            }

        #MainMenuBar .inner-container .filters .search-box .icon {
            position: absolute;
            width: 18px;
            height: 18px;
            font-size: 18px;
            top: 50%;
            transform: translate(-50%,-50%);
            color: #fff;
            cursor: pointer
        }

            #MainMenuBar .inner-container .filters .search-box .icon.icon-search {
                right: 5px
            }

                #MainMenuBar .inner-container .filters .search-box .icon.icon-search.open-search-btn {
                    display: none
                }

            #MainMenuBar .inner-container .filters .search-box .icon.icon-close {
                right: 35px;
                font-size: 14px;
                color: #acacac;
                display: none
            }

        #MainMenuBar .inner-container .filters .search-box .search-placeholder {
            position: absolute;
            display: block;
            color: #acacac;
            height: 36px;
            line-height: 36px;
            left: 15px;
            right: 15px;
            font-size: 16px
        }

        #MainMenuBar .inner-container .filters .search-box .search-popup {
            position: fixed;
            top: 94px;
            border-radius: 5px;
            width: 400px;
            font-size: 16px;
            padding: 12px 10px;
            border: none;
            box-shadow: 0 2px 15px rgba(0,0,0,.18);
            display: none;
            z-index: 1000;
            float: left;
            text-align: left;
            background-color: #fff
        }

@media(max-width:1200px) {
    #MainMenuBar .inner-container .filters .search-box .search-popup {
        width: 310px
    }
}

@media(max-width:640px) {
    #MainMenuBar .inner-container .filters .search-box .search-popup {
        width: auto;
        right: 15px;
        left: 58px
    }
}

#MainMenuBar .inner-container .filters .search-box .search-popup ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    #MainMenuBar .inner-container .filters .search-box .search-popup ul li {
        position: relative;
        border-radius: 4px;
        margin: 0;
        line-height: 24px;
        cursor: pointer
    }

        #MainMenuBar .inner-container .filters .search-box .search-popup ul li > * {
            padding: 7px 12px 7px 12px;
            display: block;
            position: relative;
            height: auto;
            min-height: 40px
        }

        #MainMenuBar .inner-container .filters .search-box .search-popup ul li:hover, #MainMenuBar .inner-container .filters .search-box .search-popup ul li.active {
            background-color: #e9f6fc
        }

            #MainMenuBar .inner-container .filters .search-box .search-popup ul li:hover:before, #MainMenuBar .inner-container .filters .search-box .search-popup ul li.active:before {
                content: "";
                position: absolute;
                height: 12px;
                width: 11px;
                background-image: url(../svg/arrow-left.svg);
                right: 15px;
                top: 53%;
                transform: translateY(-50%)
            }

#MainMenuBar .inner-container .filters .search-box .search-popup a {
    padding-top: 9px;
    padding-bottom: 11px
}

#MainMenuBar .inner-container .filters .search-box .search-popup .caption {
    display: block;
    color: #7b7b7b;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    padding: 0 0 8px 5px
}

#MainMenuBar .inner-container .filters .search-box.active {
    background-color: #fff
}

    #MainMenuBar .inner-container .filters .search-box.active input {
        padding-right: 70px
    }

    #MainMenuBar .inner-container .filters .search-box.active input, #MainMenuBar .inner-container .filters .search-box.active .icon {
        color: #505050
    }

        #MainMenuBar .inner-container .filters .search-box.active input.icon-close, #MainMenuBar .inner-container .filters .search-box.active .icon.icon-close {
            display: block;
            color: #acacac
        }

#MainMenuBar .inner-container .filters ul.nav-links {
    font-size: 16px;
    margin: 0
}

    #MainMenuBar .inner-container .filters ul.nav-links li {
        display: inline-block
    }

        #MainMenuBar .inner-container .filters ul.nav-links li a {
            opacity: 0;
            z-index: 0;
            transition: opacity linear 100ms;
            font-family: 'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;
            font-stretch: condensed;
            color: #fff;
            text-transform: uppercase
        }

.wf-active #MainMenuBar .inner-container .filters ul.nav-links li a {
    opacity: 1;
    font-stretch: normal
}

.wf-inactive #MainMenuBar .inner-container .filters ul.nav-links li a {
    opacity: 1
}

#MainMenuBar .inner-container .filters ul.nav-links li:not(:last-child)::after {
    content: ' ';
    height: 32px;
    border-left: 1px solid #646464;
    margin: 0 15px
}

#MainMenuBar.fixed {
    position: fixed
}

html body header.Fixed {
    z-index: 1000
}

html body main {
    background-color: #eee
}

    html body main > section:last-child {
        padding-bottom: 0 !important
    }

    html body main > section:first-child {
        padding-top: 0
    }

    html body main > section.section-hidden {
        opacity: 0;
        -moz-animation: opacity-animation 5s;
        -webkit-animation: opacity-animation 5s;
        -o-animation: opacity-animation 5s;
        animation: opacity-animation 5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    html body main > section #main-content {
        min-height: calc(100vh - 273px)
    }

        html body main > section #main-content .inner-container #primary-content {
            min-height: calc(100vh - (273px + 20px))
        }

    html body main .markdown-editor.fullscreen, html body main .editor.fullscreen {
        z-index: 10000 !important
    }

html body.modal-open main {
    z-index: 1000
}

#update-user-info-modal {
    z-index: 9999
}

    #update-user-info-modal .modal-backdrop {
        background-color: #000;
        opacity: .75
    }

    #update-user-info-modal .modal-dialog {
        width: 580px !important;
        border-radius: 3px;
        border: none
    }

        #update-user-info-modal .modal-dialog .modal-content {
            border: none
        }

            #update-user-info-modal .modal-dialog .modal-content .modal-header {
                padding: 23px 30px 0
            }

                #update-user-info-modal .modal-dialog .modal-content .modal-header .modal-title {
                    opacity: 0;
                    z-index: 0;
                    transition: opacity linear 100ms;
                    font-family: 'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;
                    font-stretch: condensed;
                    font-size: 20px;
                    text-transform: none;
                    color: #3d3d3d;
                    line-height: 20px;
                    height: 20px
                }

.wf-active #update-user-info-modal .modal-dialog .modal-content .modal-header .modal-title {
    opacity: 1;
    font-stretch: normal
}

.wf-inactive #update-user-info-modal .modal-dialog .modal-content .modal-header .modal-title {
    opacity: 1
}

#update-user-info-modal .modal-dialog .modal-content .modal-header .close-action > .icon {
    position: ABSOLUTE;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    display: block;
    cursor: pointer
}

#update-user-info-modal .modal-dialog .modal-content .modal-body {
    padding: 53px 110px 50px
}

    #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box {
        margin-bottom: 8px;
        position: relative;
        padding-top: 12px
    }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box.required .editor-label::after {
            content: "*";
            visibility: visible;
            position: relative;
            top: 1px;
            left: 5px;
            transition: all ease-in .15s
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .editor-label {
            position: absolute;
            color: #b9b9b9;
            font-weight: normal;
            margin-bottom: 0;
            display: block;
            font-size: 12px;
            line-height: 12px;
            margin-left: 10px;
            top: 0;
            transition: top ease-in .15s
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box.empty-value .editor-label {
            top: 20px;
            font-size: 14px
        }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box.empty-value .editor-label::after {
                visibility: hidden
            }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box input {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            font-size: 14px;
            line-height: 14px;
            padding: 7px 10px 8px;
            height: 30px;
            border: none;
            border-bottom: 1px solid #cecece;
            background-color: transparent !important
        }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box input:focus {
                border-color: #505050
            }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box.has-error input {
            border-color: #f54062
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box.has-error .error-message {
            position: relative;
            color: #f54062;
            font-size: 12px;
            margin-bottom: -3px;
            text-align: right
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container {
            border-bottom: 1px solid #cecece
        }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container.select2-container--focus:not(.select2-container--open) {
                border-color: #505050
            }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container .select2-selection, #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container .select2-selection__arrow {
                height: 30px;
                border: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                background-color: transparent !important
            }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container .select2-selection__rendered {
                padding-left: 10px;
                line-height: 28px
            }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container .select2-selection__arrow {
                padding: 4px 14px
            }

                #update-user-info-modal .modal-dialog .modal-content .modal-body .text-box .select2-container .select2-selection__arrow b {
                    height: 10px;
                    width: 10px;
                    font-size: 6px;
                    margin-top: -3px;
                    color: #7f7f7f
                }

    #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small {
        margin-top: 40px
    }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small .inner-checked {
            border-color: #cecece;
            color: #505050
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small > label .inner-text {
            line-height: 20px;
            margin-left: 28px;
            color: #505050
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small > input[type="checkbox"]:checked + label .inner-checked::before {
            content: ''
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small > input[type="checkbox"] + label {
            height: 20px
        }

            #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small > input[type="checkbox"] + label .inner-checked {
                height: 20px;
                width: 20px
            }

        #update-user-info-modal .modal-dialog .modal-content .modal-body .checkbox.small > input:focus + label .inner-checked {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-color: #505050
        }

#update-user-info-modal .modal-dialog .modal-content .modal-footer {
    padding: 5px 110px 70px
}

    #update-user-info-modal .modal-dialog .modal-content .modal-footer .btn-action {
        opacity: 0;
        z-index: 0;
        transition: opacity linear 100ms;
        font-family: 'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;
        font-stretch: condensed;
        background: #3c3c3c;
        border: 2px solid #3c3c3c;
        border-radius: 50px;
        text-transform: uppercase;
        font-size: 15px;
        color: #fff;
        padding: 0 32px
    }

.wf-active #update-user-info-modal .modal-dialog .modal-content .modal-footer .btn-action {
    opacity: 1;
    font-stretch: normal
}

.wf-inactive #update-user-info-modal .modal-dialog .modal-content .modal-footer .btn-action {
    opacity: 1
}

#update-user-info-modal .loading-mode .content-block .loader-image {
    border-left-color: #3c3c3c
}

.confirm-alert {
    display: flex;
    margin: auto -10px 10px -10px;
    border-radius: 3px;
    padding: 12px 10px 13px 10px
}

    .confirm-alert > * {
        font-size: 14px;
        line-height: 21px
    }

    .confirm-alert.shake {
        -ms-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
        backface-visibility: hidden;
        perspective: 1000px
    }

    .confirm-alert.confirm-alert-danger {
        background: #fae4e8;
        box-shadow: 0 0 2px #f54062,0 0 2px #f54062
    }

        .confirm-alert.confirm-alert-danger > * {
            color: #f54062
        }

    .confirm-alert.confirm-alert-success {
        background: #e6f3da
    }

        .confirm-alert.confirm-alert-success > * {
            color: #57ad09
        }

.hints-content {
    position: relative;
    margin: auto -10px 10px -10px;
    padding: 0 15px 7px 15px;
    background-color: #f0f9fd;
    line-height: 21px;
    box-shadow: 0 0 2px 0 #115bc0,0 0 2px 0 #115bc0;
    border-radius: 3px
}

    .hints-content.collapsed {
        padding-bottom: 10px;
        box-shadow: 0 0 2px 0 #115bc0
    }

        .hints-content.collapsed .hints-header {
            margin-bottom: 5px
        }

        .hints-content.collapsed .hints-header-toggle {
            color: #7b7b7b !important
        }

        .hints-content.collapsed .icon-svg {
            transform: rotate(180deg);
            transition: transform 300ms
        }

    .hints-content .hints-header {
        display: flex;
        justify-content: space-between;
        margin: 0;
        margin-bottom: 10px;
        padding-top: 15px;
        font-size: 16px
    }

        .hints-content .hints-header .hints-header-toggle {
            display: flex;
            justify-content: space-between;
            position: relative;
            width: 100%;
            color: #505050;
            cursor: pointer;
            text-decoration: none;
            background: none;
            border: none;
            padding: 0;
            font: inherit;
            outline: inherit
        }

            .hints-content .hints-header .hints-header-toggle:hover {
                text-decoration: none
            }

            .hints-content .hints-header .hints-header-toggle .icon-svg {
                align-self: center
            }

    .hints-content .hints-list {
        margin: 0;
        font-size: 14px
    }

        .hints-content .hints-list .hint-title {
            margin-bottom: 2px;
            color: #505050
        }

        .hints-content .hints-list .hint-description {
            margin: 0;
            margin-bottom: 10px
        }

            .hints-content .hints-list .hint-description .hint-link {
                color: #115bc0;
                text-decoration: underline
            }

                .hints-content .hints-list .hint-description .hint-link:hover {
                    text-decoration: underline
                }

.select2-container .select2-dropdown.user-languages-dropdown {
    border-radius: 0;
    border-top: none;
    z-index: 9999
}

    .select2-container .select2-dropdown.user-languages-dropdown .select2-results__options {
        margin: 0
    }

        .select2-container .select2-dropdown.user-languages-dropdown .select2-results__options .select2-results__option {
            margin: 0;
            border-radius: 0;
            padding: 5px 10px;
            color: #505050 !important
        }

            .select2-container .select2-dropdown.user-languages-dropdown .select2-results__options .select2-results__option[aria-selected="true"] {
                background-color: #eee
            }

        .select2-container .select2-dropdown.user-languages-dropdown .select2-results__options .select2-results__option--highlighted {
            background-color: #e9f6fc
        }

@media(max-width:1200px) {
    html body > #MainMenuBar .inner-container #main-search {
        width: 310px
    }
}

@media(max-width:1100px) {
    html body > header .r-container, html body > footer .r-container, html body > #MainMenuBar .inner-container {
        padding-left: 15px;
        padding-right: 15px
    }

        html body > #MainMenuBar .inner-container #Menu-Toggle {
            display: block !important;
            position: absolute;
            left: 9px;
            top: 13px;
            background-color: transparent;
            padding: 5px;
            z-index: 1;
            border-color: transparent
        }

            html body > #MainMenuBar .inner-container #Menu-Toggle .icon-bar {
                display: block;
                width: 30px;
                height: 3px;
                background-color: #fff;
                margin: 5px 0
            }

            html body > #MainMenuBar .inner-container #Menu-Toggle a {
                padding: 10px;
                color: #fff
            }

        html body > #MainMenuBar .inner-container .logo {
            right: 420px;
            left: 60px;
            position: absolute;
            z-index: 1
        }

        html body > #MainMenuBar .inner-container .filters {
            float: none !important;
            position: absolute;
            right: 15px;
            left: 58px;
            height: 100%;
            background-color: #303030
        }

            html body > #MainMenuBar .inner-container .filters ul.nav-links {
                display: none
            }

            html body > #MainMenuBar .inner-container .filters #main-search {
                float: right
            }

    html body > #MainMenuBar.opened {
        height: 353px
    }

        html body > #MainMenuBar.opened + #container #content {
            top: 353px
        }

        html body > #MainMenuBar.opened .inner-container .filters .nav-links {
            display: block !important;
            left: -60px;
            right: -15px;
            position: absolute;
            top: 65px;
            padding: 24px 15px;
            margin: 0;
            background: #404040
        }

            html body > #MainMenuBar.opened .inner-container .filters .nav-links li {
                display: block;
                padding: 12px 0
            }

                html body > #MainMenuBar.opened .inner-container .filters .nav-links li a {
                    display: block;
                    padding: 0;
                    font-size: 24px;
                    line-height: 24px
                }

                html body > #MainMenuBar.opened .inner-container .filters .nav-links li:after {
                    content: none !important
                }
}

@media(max-width:1024px) {
    .confirm-alert {
        margin-top: 10px;
        margin-left: -8px;
        margin-right: -8px
    }

    .hints-content {
        margin-top: 5px;
        margin-left: -8px;
        margin-right: -8px;
        padding: 0 15px 5px
    }

        .hints-content.collapsed {
            padding-bottom: 10px !important
        }

        .hints-content .hints-header {
            padding-top: 15px
        }

            .hints-content .hints-header .hints-header-toggle {
                justify-content: normal
            }

                .hints-content .hints-header .hints-header-toggle .icon-svg {
                    margin-top: 2px;
                    margin-left: 8px;
                    align-self: center
                }

        .hints-content .hints-list {
            display: flex;
            max-width: 800px
        }

            .hints-content .hints-list .hint {
                margin-right: 40px
            }

                .hints-content .hints-list .hint:last-child {
                    margin-right: 0
                }
}

@media(max-width:768px) {
    #action-bar {
        position: relative !important
    }

    #content {
        top: 0 !important
    }

        #content #main-content {
            margin-top: 0 !important;
            top: 0 !important;
            margin-bottom: 0 !important
        }

    html body > header {
        position: relative
    }

    html body > #MainMenuBarPlaceHolder {
        display: none
    }

    html body > #MainMenuBar {
        top: 0 !important;
        position: relative !important
    }
}

@media(max-width:640px) {
    html body > #MainMenuBar .inner-container .logo {
        text-align: center;
        right: 60px
    }

    html body > #MainMenuBar .inner-container #main-search {
        float: right;
        width: 36px !important;
        height: 36px !important
    }

        html body > #MainMenuBar .inner-container #main-search .search-box {
            width: 200px !important
        }

        html body > #MainMenuBar .inner-container #main-search input {
            display: none
        }

        html body > #MainMenuBar .inner-container #main-search .search-placeholder {
            display: none
        }

        html body > #MainMenuBar .inner-container #main-search .icon.icon-search {
            right: 0
        }

            html body > #MainMenuBar .inner-container #main-search .icon.icon-search.open-search-btn {
                display: block
            }

                html body > #MainMenuBar .inner-container #main-search .icon.icon-search.open-search-btn::before {
                    padding: 5px
                }

                html body > #MainMenuBar .inner-container #main-search .icon.icon-search.open-search-btn + .icon-search {
                    display: none
                }

        html body > #MainMenuBar .inner-container #main-search.active {
            z-index: 1;
            width: 100% !important;
            margin-left: 0
        }

            html body > #MainMenuBar .inner-container #main-search.active input {
                display: block
            }

            html body > #MainMenuBar .inner-container #main-search.active .search-placeholder {
                display: block
            }

    #update-user-info-modal .modal-dialog {
        width: 100% !important;
        padding: 0 15px
    }

        #update-user-info-modal .modal-dialog .modal-content .modal-footer, #update-user-info-modal .modal-dialog .modal-content .modal-body {
            padding-left: 30px;
            padding-right: 30px
        }

        #update-user-info-modal .modal-dialog .modal-content .modal-body {
            padding-bottom: 30px
        }

    .hints-content {
        margin-top: 15px;
        margin-bottom: 2px
    }

    .confirm-alert {
        margin: 10px 2px 2px 2px
    }
}

@media(max-width:480px) {
    .hints-content {
        position: relative
    }

        .hints-content .hints-header .hints-header-toggle {
            justify-content: space-between
        }

            .hints-content .hints-header .hints-header-toggle .icon-svg {
                align-self: center
            }

        .hints-content .hints-list {
            display: block
        }
}

@keyframes opacity-animation {
    99% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes opacity-animation {
    99% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes shake {
    10%,90% {
        -ms-transform: translate3d(0,-1px,0);
        -webkit-transform: translate3d(0,-1px,0);
        -o-transform: translate3d(0,-1px,0);
        -moz-transform: translate3d(0,-1px,0);
        transform: translate3d(0,-1px,0)
    }

    20%,80% {
        -ms-transform: translate3d(0,2px,0);
        -webkit-transform: translate3d(0,2px,0);
        -o-transform: translate3d(0,2px,0);
        -moz-transform: translate3d(0,2px,0);
        transform: translate3d(0,2px,0)
    }

    30%,50%,70% {
        -ms-transform: translate3d(0,-4px,0);
        -webkit-transform: translate3d(0,-4px,0);
        -o-transform: translate3d(0,-4px,0);
        -moz-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }

    40%,60% {
        -ms-transform: translate3d(0,4px,0);
        -webkit-transform: translate3d(0,4px,0);
        -o-transform: translate3d(0,4px,0);
        -moz-transform: translate3d(0,4px,0);
        transform: translate3d(0,4px,0)
    }
}

@keyframes shake {
    10%,90% {
        -ms-transform: translate3d(0,-1px,0);
        -webkit-transform: translate3d(0,-1px,0);
        -o-transform: translate3d(0,-1px,0);
        -moz-transform: translate3d(0,-1px,0);
        transform: translate3d(0,-1px,0)
    }

    20%,80% {
        -ms-transform: translate3d(0,2px,0);
        -webkit-transform: translate3d(0,2px,0);
        -o-transform: translate3d(0,2px,0);
        -moz-transform: translate3d(0,2px,0);
        transform: translate3d(0,2px,0)
    }

    30%,50%,70% {
        -ms-transform: translate3d(0,-4px,0);
        -webkit-transform: translate3d(0,-4px,0);
        -o-transform: translate3d(0,-4px,0);
        -moz-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }

    40%,60% {
        -ms-transform: translate3d(0,4px,0);
        -webkit-transform: translate3d(0,4px,0);
        -o-transform: translate3d(0,4px,0);
        -moz-transform: translate3d(0,4px,0);
        transform: translate3d(0,4px,0)
    }
}