/*!
* DevExtreme
* Version: 19.1.4
* Build date: Jun 17, 2019
*
* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/

    *@
    /*#region RegionName*/
    .heart {
        position: relative;
        width: 100px;
        height: 90px;
        margin: 30px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transition: all 1s;
    }

    .heart.css {
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -ms-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-dely: 1s;
    }

    .heart.animated {
        -webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
        -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
        -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
        -o-animation: 1600ms pulsate infinite alternate ease-in-out;
        animation: 1600ms pulsate infinite alternate ease-in-out;
    }

    .heart:before,
    .heart:after {
        position: absolute;
        content: "";
        left: 50px;
        top: 0;
        width: 50px;
        height: 80px;
        background: red;
        -moz-border-radius: 50px 50px 0 0;
        border-radius: 50px 50px 0 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        -o-transform-origin: 0 100%;
        transform-origin: 0 100%;
    }

    .heart:after {
        left: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        -o-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    .heart.css:hover {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
        -webkit-animation: '';
        -moz-animation: none;
        -ms-animation: '';
        -o-animation: '';
        animation: '';
    }
    /* text-based popup styling */
    .white-popup {
        position: relative;
        background: #FFF;
        padding: 25px;
        width: auto;
        max-width: 400px;
        margin: 0 auto;
    }





    @keyframes {
        to {
            height: 0px;
        }

        from {
            height: 50vh;
        }
    }

    @keyframes pulsate {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.3);
        }

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

    @-webkit-keyframes pulsate {
        0% {
            -webkit-transform: scale(1);
        }

        50% {
            -webkit-transform: scale(1.3);
        }

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

    @-moz-keyframes pulsate {
        0% {
            -moz-transform: scale(1);
        }

        50% {
            -moz-transform: scale(1.3);
        }

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

    @-ms-keyframes pulsate {
        0% {
            -ms-transform: scale(1);
        }

        50% {
            -ms-transform: scale(1.3);
        }

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

    @-o-keyframes pulsate {
        0% {
            -o-transform: scale(1);
        }

        50% {
            -o-transform: scale(1.3);
        }

        100% {
            -o-transform: scale(1);
        }
    }
    /*#endregion RegionName*/
    .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-bottom-right,
    .dx-resizable-handle-corner-top-left,
    .dx-resizable-handle-corner-top-right {
        width: 6px;
        height: 6px;
    }

    .dx-resizable-handle-corner-top-left,
    .dx-resizable-handle-corner-bottom-right {
        cursor: se-resize;
    }

    .dx-resizable-handle-corner-top-right,
    .dx-resizable-handle-corner-bottom-left {
        cursor: ne-resize;
    }

    .dx-resizable-handle-corner-top-left,
    .dx-resizable-handle-corner-bottom-left {
        left: 0px;
        border-bottom-right-radius: 100%;
    }

    .dx-resizable-handle-corner-top-right,
    .dx-resizable-handle-corner-bottom-right {
        right: 0px;
        border-bottom-left-radius: 100%;
    }

    .dx-resizable-handle-corner-top-left,
    .dx-resizable-handle-corner-top-right {
        top: 0px;
    }

    .dx-resizable-handle-corner-bottom-left,
    .dx-resizable-handle-corner-bottom-right {
        bottom: 0px;
    }

    .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-simulated .dx-scrollable-content {
        overflow-anchor: 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 0.2s;
        transition: opacity 0.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 0.2s ease 0s;
        transition: opacity 0.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 0.2s linear;
        transition: -webkit-transform 0.2s linear;
        transition: transform 0.2s linear;
        transition: transform 0.2s linear, -webkit-transform 0.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-tabs-stretched {
            table-layout: auto;
        }

        .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: 0.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 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .dx-texteditor-buttons-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-basis: content;
        -ms-flex-preferred-size: content;
        flex-basis: content;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .dx-texteditor-input-container {
        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;
        position: relative;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .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 {
        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-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%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .dx-dropdowneditor-input-wrapper .dx-texteditor {
            border: none;
            margin: 0;
            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;
        }

        .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-field-template-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;
        position: relative;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .dx-dropdowneditor-active .dx-dropdowneditor-icon {
        opacity: 0.35;
    }

    .dx-dropdowneditor-button {
        position: relative;
        float: right;
        height: 100%;
        cursor: pointer;
    }

        .dx-dropdowneditor-button .dx-button-content {
            text-align: center;
            white-space: nowrap;
        }

    .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: 0.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: 0.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 0.2s linear;
        transition: opacity 0.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 0.1s linear;
            transition: all 0.1s linear;
        }

        .dx-list-item-before-bag .dx-list-select-checkbox {
            float: left;
            -webkit-transition: all 0.1s linear;
            transition: all 0.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-container {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .dx-textarea .dx-texteditor-input {
        resize: none;
        font-family: inherit;
        display: block;
        overflow: auto;
        white-space: pre-wrap;
    }

    .dx-textarea .dx-texteditor-input-auto-resize {
        overflow-y: hidden;
    }

    .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-container {
        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-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: 0.2;
    }

    .dx-texteditor input[type=date]::-webkit-inner-spin-button {
        height: 20px;
    }

    .dx-datebox-native .dx-texteditor-buttons-container {
        pointer-events: none;
    }

    .dx-datebox-native.dx-state-focused.dx-texteditor-empty .dx-placeholder {
        display: none;
    }

    .dx-datebox {
        max-width: 100%;
    }

        .dx-datebox .dx-texteditor-input::-webkit-datetime-edit {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit {
            color: transparent;
        }

        .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-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-popup-content > .dx-widget {
            max-height: inherit;
        }

        .dx-popup-content > .dx-template-wrapper {
            max-height: inherit;
            min-height: inherit;
        }

            .dx-popup-content > .dx-template-wrapper > .dx-treeview,
            .dx-popup-content > .dx-template-wrapper > .dx-scrollable,
            .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable {
                max-height: inherit;
                min-height: inherit;
            }

                .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable-wrapper,
                .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper,
                .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper,
                .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
                .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
                .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
                    max-height: inherit;
                    min-height: inherit;
                }

            .dx-popup-content > .dx-template-wrapper > .dx-widget {
                max-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: 0.85em;
            line-height: normal;
            white-space: nowrap;
        }

    .dx-slider-label {
        position: absolute;
        font-size: 0.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-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-dropdownbutton {
        display: inline-block;
    }

    .dx-dropdownbutton-content.dx-popup-content {
        padding: 0;
    }

    .dx-dropdownbutton-content .dx-list .dx-empty-message,
    .dx-dropdownbutton-content .dx-list .dx-list-item {
        border: none;
    }

    .dx-dropdownbutton-toggle.dx-button .dx-button-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dx-rtl .dx-dropdownbutton-toggle {
        border-right-width: 0;
    }

    .dx-dropdownbutton-action.dx-button .dx-button-content {
        padding-right: 10px;
        padding-left: 10px;
    }

    .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button .dx-button-content {
        padding-left: 10px;
        padding-right: 4px;
    }

    .dx-rtl .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button .dx-button-content {
        padding-left: 4px;
        padding-right: 10px;
    }

    .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .dx-rtl .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button {
        border-right-width: 1px;
        border-left-width: 0;
    }

    .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-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .dx-tag {
        max-width: calc(100% - 1px);
        display: inline-block;
    }

    .dx-tag-container.dx-texteditor-input-container {
        padding: 0;
        padding-right: 4px;
        outline: none;
    }

    .dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container {
        overflow: hidden;
        white-space: nowrap;
    }

    .dx-texteditor-container.dx-tag-container {
        white-space: normal;
    }

    .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-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: 0.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: 0.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.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
        border: none;
    }

    .dx-colorbox .dx-texteditor-input-container:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        z-index: 1;
        width: 15px;
        height: 15px;
        margin-top: -7.5px;
        left: 14px;
    }

    .dx-colorbox .dx-colorbox-color-is-not-defined .dx-texteditor-input-container:before {
        background: 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:before,
    .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:before {
        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;
            }

            .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-header-row td.dx-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:not(.dx-datagrid-table-fixed) .dx-master-detail-cell {
            max-width: 0;
        }

        .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;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
        }

        .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-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;
        font-size: medium;
    }

    .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;
            margin-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;
            }

            .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-header-row td.dx-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:not(.dx-treelist-table-fixed) .dx-master-detail-cell {
            max-width: 0;
        }

        .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;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
        }

        .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-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;
            margin-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;
        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: 0.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: 0.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-appointment-popup .dx-popup-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .dx-scheduler-appointment-popup .dx-scrollable-content {
        padding-top: 20px;
    }

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content,
    .dx-scheduler .dx-scheduler-overlay-panel .dx-popup-content {
        padding: 0px;
    }

        .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item-content,
        .dx-scheduler .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item-content {
            width: 360px;
            padding: 5px;
        }

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item,
    .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body,
        .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            margin-top: 7px;
            margin-left: 5px;
        }

        .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content,
        .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content {
            -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            margin: 5px 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject,
            .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject {
                text-align: left;
                font-weight: bold;
                font-size: 16px;
                letter-spacing: 0.01em;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date,
            .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date {
                text-align: left;
                font-size: 12px;
                opacity: 0.8;
                margin-top: 10px;
            }

    .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
        position: relative;
        background: #fff;
    }

    .dx-scheduler .dx-empty-message {
        line-height: normal;
    }

    .dx-scheduler-all-day-panel td {
        padding: 0;
    }

    .dx-scheduler-appointment-collector {
        position: absolute;
        display: block;
        height: 20px;
        text-align: center;
        cursor: pointer;
        margin: 3px 0 0 3px;
    }

        .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0 4px;
        }

            .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content.dx-button-content {
                padding: 0;
            }

            .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child {
                display: inline-block;
                vertical-align: middle;
                line-height: 13.33333333px;
                height: 20px;
                padding-left: 2px;
            }

        .dx-scheduler-appointment-collector.dx-state-hover:before {
            border-radius: 20px;
        }

        .dx-scheduler-appointment-collector.dx-button.dx-button-default {
            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-rtl .dx-scheduler-appointment-collector {
        margin: 3px 3px 0 0;
    }

    .dx-scheduler-adaptive .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell {
        white-space: pre-wrap;
        line-height: 1.3;
    }

    .dx-scheduler-adaptive .dx-scheduler-appointment-collector {
        margin: 0;
    }

        .dx-scheduler-adaptive .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child {
            line-height: 20px;
        }

    .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 {
        unicode-bidi: embed;
    }

    .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-recurrence-repeat-end-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .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-panel-content {
        overflow: visible;
    }

        .dx-drawer-overlap .dx-drawer-panel-content.dx-overlay-wrapper {
            right: auto;
            left: auto;
        }

    .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-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;
        border: 1px solid transparent;
    }

    .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;
        overflow: hidden;
    }

    .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;
        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 ul,
        .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,
        .dx-htmleditor-content ol,
        .dx-htmleditor-content ul {
            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,
        .dx-htmleditor-content ul {
            padding-left: 1.5em;
        }

    .dx-rtl .dx-htmleditor-content ol,
    .dx-rtl .dx-htmleditor-content ul {
        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-wrapper .dx-list {
        min-height: 35px;
    }

        .dx-suggestion-list-wrapper .dx-list .dx-scrollable-content {
            margin: 0;
        }

    .dx-suggestion-list {
        min-width: 50px;
    }

        .dx-suggestion-list .dx-list-item {
            display: block;
        }

        .dx-suggestion-list .dx-list-item-icon {
            border-radius: 50%;
            vertical-align: text-bottom;
        }

    .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-resize-frame {
        position: absolute;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        border: 1px dashed lightslategrey;
    }

        .dx-resize-frame .dx-resizable-handle-corner-top-right,
        .dx-resize-frame .dx-resizable-handle-corner-top-left,
        .dx-resize-frame .dx-resizable-handle-corner-bottom-right,
        .dx-resize-frame .dx-resizable-handle-corner-bottom-left {
            border: 1px solid white;
            width: 11px;
            height: 11px;
            border-radius: 0;
        }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left {
        width: 15px;
        height: 15px;
    }

    .dx-resize-frame .dx-resizable-handle-corner-top-right,
    .dx-resize-frame .dx-resizable-handle-corner-bottom-right {
        right: -5.5px;
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right {
        right: -7.5px;
    }

    .dx-resize-frame .dx-resizable-handle-corner-top-left,
    .dx-resize-frame .dx-resizable-handle-corner-bottom-left {
        left: -5.5px;
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left {
        left: -7.5px;
    }

    .dx-resize-frame .dx-resizable-handle-corner-top-right,
    .dx-resize-frame .dx-resizable-handle-corner-top-left {
        top: -5.5px;
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left {
        top: -7.5px;
    }

    .dx-resize-frame .dx-resizable-handle-corner-bottom-right,
    .dx-resize-frame .dx-resizable-handle-corner-bottom-left {
        bottom: -5.5px;
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left {
        bottom: -7.5px;
    }

    .dx-resize-frame .dx-resizable-handle-right::after,
    .dx-resize-frame .dx-resizable-handle-left::after,
    .dx-resize-frame .dx-resizable-handle-top::after,
    .dx-resize-frame .dx-resizable-handle-bottom::after {
        content: "";
        position: absolute;
        width: 11px;
        height: 11px;
        border: 1px solid white;
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after {
        width: 15px;
        height: 15px;
    }

    .dx-resize-frame .dx-resizable-handle-right::after,
    .dx-resize-frame .dx-resizable-handle-left::after {
        top: calc(50% - 11px / 2);
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after {
        top: calc(50% - 15px / 2);
    }

    .dx-resize-frame .dx-resizable-handle-top::after,
    .dx-resize-frame .dx-resizable-handle-bottom::after {
        left: calc(50% - 11px / 2);
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after,
    .dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after {
        left: calc(50% - 15px / 2);
    }

    .dx-resize-frame .dx-resizable-handle-right::after {
        right: -5.5px;
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after {
        right: -7.5px;
    }

    .dx-resize-frame .dx-resizable-handle-left::after {
        left: -5.5px;
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after {
        left: -7.5px;
    }

    .dx-resize-frame .dx-resizable-handle-top::after {
        top: -5.5px;
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after {
        top: -7.5px;
    }

    .dx-resize-frame .dx-resizable-handle-bottom::after {
        bottom: -5.5px;
    }

    .dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after {
        bottom: -7.5px;
    }

    .dx-mention {
        padding: 1px 0;
        border-radius: 2px;
    }

        .dx-mention .dx-template-wrapper {
            white-space: nowrap;
            display: inline-block;
        }

        .dx-mention > span {
            margin: 0 2px;
        }

    .dx-fa-button .dx-overlay-content {
        border-radius: 50%;
        cursor: pointer;
    }

    .dx-filemanager {
        height: 500px;
        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;
        border: 1px solid;
    }

        .dx-filemanager .dx-filemanager-toolbar {
            padding: 6px 10px;
        }

            .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
                width: 1px;
                margin-right: 5px;
            }

        .dx-filemanager .dx-filemanager-container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            border-top: 1px solid;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
        }

            .dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel {
                min-width: 250px;
                max-width: 300px;
                padding: 5px 10px;
            }

        .dx-filemanager .dx-filemanager-dirs-panel {
            height: 100%;
            border-right: 1px solid;
        }

        .dx-filemanager .dx-filemanager-breadcrumbs {
            padding: 6px 11px;
            border-bottom: 1px solid;
        }

            .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-horizontal .dx-menu-item-wrapper {
                vertical-align: middle;
            }

            .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item-content {
                padding: 5px 0 10px;
            }

            .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-parent-folder-item .dx-menu-item-content {
                padding: 5px 9px 10px;
            }

            .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
                width: 1px;
                height: 36px;
                padding: 0;
                margin: 0 10px;
            }

            .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item .dx-menu-item-content {
                padding: 5px 1px 10px;
            }

            .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover,
            .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover {
                cursor: default;
            }

        .dx-filemanager .dx-filemanager-editing-container {
            position: absolute;
            top: -5000px;
            left: -5000px;
        }

        .dx-filemanager .dx-filemanager-fileuploader .dx-filemanager-fileuploader-fileinput {
            display: none;
        }

        .dx-filemanager .dx-row .dx-filemanager-file-actions-button .dx-button-content {
            padding: 10px 14px;
        }

        .dx-filemanager .dx-row.dx-selection .dx-filemanager-file-actions-button,
        .dx-filemanager .dx-row.dx-state-hover .dx-filemanager-file-actions-button {
            visibility: visible;
        }

        .dx-filemanager .dx-filemanager-items-panel {
            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-filemanager .dx-filemanager-thumbnails {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

            .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port {
                width: 100%;
                height: 100%;
                overflow-x: hidden;
                overflow-y: auto;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 5px;
            }

                .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-container {
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                }

                .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item {
                    float: left;
                    text-align: center;
                    cursor: pointer;
                    white-space: nowrap;
                    width: 100px;
                    height: 100px;
                    border: 1px dashed transparent;
                    margin: 5px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content {
                        overflow: hidden;
                        padding: 13px 0 10px;
                    }

                        .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-thumbnail {
                            border: 0;
                            width: 48px;
                            height: 48px;
                            font-size: 48px;
                        }

                        .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-spacer {
                            border: 0;
                            padding: 0;
                            margin: 0;
                            height: 10px;
                            visibility: hidden;
                        }

                        .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-name {
                            overflow: hidden;
                            width: 100%;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

        .dx-filemanager .dx-filemanager-details {
            height: 100%;
            overflow: hidden;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .dx-filemanager .dx-filemanager-details > div {
                height: 100%;
            }

            .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-thumbnail {
                font-size: 18px;
            }

    .dx-filemanager-file-actions-button {
        visibility: hidden;
        float: right;
        text-align: center;
    }

        .dx-filemanager-file-actions-button .dx-button {
            border: none;
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-filemanager-file-actions-button .dx-button .dx-button-content {
                padding: 10px 11px;
            }

            .dx-filemanager-file-actions-button .dx-button i {
                font-style: normal;
            }

        .dx-filemanager-file-actions-button.dx-filemanager-file-actions-button-activated,
        .dx-filemanager-file-actions-button:hover {
            visibility: visible;
        }

    .dx-filemanager-dirs-tree .dx-filemanager-focused-item .dx-filemanager-file-actions-button,
    .dx-filemanager-dirs-tree .dx-treeview-item.dx-state-hover .dx-filemanager-file-actions-button {
        visibility: visible;
    }

    .dx-filemanager-dialog.dx-filemanager-dialog-folder-chooser,
    .dx-filemanager-progresspanel {
        height: 100%;
        overflow: auto;
    }

    .dx-filemanager-dialog-folder-chooser > div {
        height: 100%;
    }

    .dx-filemanager-dialog-popup > .dx-overlay-content {
        min-width: 300px;
        max-width: 400px;
        min-height: 300px;
        max-height: 400px;
    }

    .dx-filemanager-dialog-name-editor-popup > .dx-overlay-content {
        max-width: 340px;
        min-height: 180px;
        max-height: 180px;
    }

    .dx-filemanager-progresspanel {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
    }

        .dx-filemanager-progresspanel .dx-filemanager-progressbox {
            float: left;
            width: 100%;
            padding-bottom: 10px;
        }

        .dx-filemanager-progresspanel .dx-filemanager-progressbox-cancel-button {
            margin-top: 5px;
            float: right;
        }

    .dx-diagram {
        border: 1px solid transparent;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        min-height: 400px;
    }

        .dx-diagram .dx-diagram-toolbar-wrapper {
            padding: 5px;
            -webkit-box-flex: 0;
            -webkit-flex: 0;
            -ms-flex: 0;
            flex: 0;
        }

        .dx-diagram .dx-diagram-content-wrapper {
            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: 0;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
        }

        .dx-diagram .dx-diagram-left-panel {
            -webkit-box-flex: 240px;
            -webkit-flex: 240px 0 0;
            -ms-flex: 240px 0 0px;
            flex: 240px 0 0;
            overflow-y: auto;
            position: relative;
            border-right: 1px solid transparent;
        }

            .dx-diagram .dx-diagram-left-panel > * {
                position: absolute;
            }

        .dx-diagram .dx-diagram-drawer-wrapper {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0px;
            -ms-flex: 1 0px;
            flex: 1 0px;
        }

        .dx-diagram .dx-diagram-content {
            height: 100%;
        }

        .dx-diagram .dx-diagram-right-panel {
            border-left: 1px solid transparent;
        }

            .dx-diagram .dx-diagram-right-panel .dx-accordion {
                width: 280px;
            }

        .dx-diagram .dx-diagram-toolbar-separator {
            height: 100%;
            border-left: 1px solid transparent;
        }

        .dx-diagram .dx-diagram-toolbar-menu-separator {
            width: 100%;
            border-top: 1px solid transparent;
        }

            .dx-diagram .dx-diagram-toolbar-menu-separator::before {
                content: none;
            }

        .dx-diagram .dx-diagram-toolbar .dx-diagram-select-b .dx-texteditor,
        .dx-diagram .dx-diagram-toolbar .dx-diagram-color-b .dx-texteditor {
            width: auto;
        }

        .dx-diagram .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper,
        .dx-diagram .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .dx-diagram .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
            .dx-diagram .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i {
                display: block;
            }

            .dx-diagram .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-textbox,
            .dx-diagram .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-textbox {
                width: 0px;
            }

                .dx-diagram .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input,
                .dx-diagram .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input {
                    width: 0;
                    padding-left: 0;
                }

    .dx-diagram-i {
        background-repeat: no-repeat;
        background-position: 0px 0px;
        display: inline-block;
    }

    .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;
    }
    /*
* Generated by the DevExpress ThemeBuilder
* Version: 19.1.4
* http://js.devexpress.com/ThemeBuilder/
*/
    @import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700";

    .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 #e0e0e0;
        border-right: 1px solid #e0e0e0;
    }

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

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

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

    .dx-datagrid {
        color: rgba(0, 0, 0, 0.87);
        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-datagrid-header-panel .dx-group-panel-item,
        .dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
            outline: none;
        }

        .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus,
        .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
            outline: 2px solid #ed1c24;
            outline-offset: -2px;
        }

        .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
            outline-offset: 2px;
        }

        .dx-datagrid .dx-datagrid-headers .dx-header-row > td,
        .dx-datagrid .dx-datagrid-headers .dx-header-filter {
            outline: none;
        }

        .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus,
        .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
            outline: 2px solid #ed1c24;
            outline-offset: 2px;
        }

        .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
            outline-offset: -2px;
        }

        .dx-datagrid .dx-header-filter {
            position: relative;
            color: rgba(0, 0, 0, 0.54);
            font: 14px/1 DXIcons;
        }

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

        .dx-datagrid .dx-header-filter-empty {
            color: rgba(0, 0, 0, 0.38);
        }

        .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 #e0e0e0;
            border-right: 2px solid #e0e0e0;
        }

            .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-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
            outline: 2px solid #ed1c24;
            outline-offset: 2px;
        }

        .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
            outline-color: #fff;
            outline-offset: 0;
        }

        .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;
                height: 100%;
                content: '';
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC);
                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: rgba(0, 0, 0, 0.87);
        }

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

        .dx-datagrid .dx-error-row .dx-error-message {
            background-color: rgba(219, 11, 19, 0.77);
            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: rgba(0, 0, 0, 0.87);
        border-top: 1px solid #e0e0e0;
    }

        .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 {
            outline: none;
        }

        .dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus,
        .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
        .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus {
            outline: 2px solid #ed1c24;
            outline-offset: 3px;
        }

    .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: rgba(0, 0, 0, 0.87);
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-datagrid-column-chooser input,
        .dx-datagrid-column-chooser textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .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: rgba(219, 11, 19, 0.77);
        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 #e0e0e0;
        border-right: 2px solid #e0e0e0;
    }

        .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 #e0e0e0;
    }

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

    .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(0, 0, 0, 0.08);
        }

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

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

        50% {
            background-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.54);
        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: rgba(0, 0, 0, 0.54);
        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(0, 0, 0, 0.38);
    }

    .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(255, 87, 34, 0.5);
        }

    .dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
        background-color: #fff;
        margin-bottom: 4px;
        border: 1px solid #e0e0e0;
        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: rgba(221, 221, 221, 0.2);
    }

    .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area {
        color: rgba(0, 0, 0, 0.87);
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input,
        .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
    }

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

        .dx-pivotgrid .dx-pivotgrid-area td {
            color: rgba(0, 0, 0, 0.54);
            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: rgba(0, 0, 0, 0.3);
    }

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

        .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: rgba(0, 0, 0, 0.87);
            white-space: nowrap;
            border-left: 1px solid #e0e0e0;
        }

            .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 #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    .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: rgba(221, 221, 221, 0.2);
        width: 24px;
        padding: 0;
        min-width: 24px;
    }

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

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

        .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: rgba(221, 221, 221, 0.2);
    }

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
    }

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

        .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 #e0e0e0;
    }

    .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 #e0e0e0;
            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: rgba(221, 221, 221, 0.2);
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

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

    .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 #e0e0e0;
        border-right: 0px;
    }

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

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

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

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
        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 #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
        border-right: 1px solid #e0e0e0;
    }

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

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

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

    .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: rgba(0, 0, 0, 0.87);
        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-treelist-headers .dx-header-row > td,
        .dx-treelist-container .dx-treelist-headers .dx-header-filter {
            outline: none;
        }

        .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus,
        .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
            outline: 2px solid #ed1c24;
        }

        .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
            outline-offset: -2px;
        }

        .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
            outline-offset: 2px;
        }

        .dx-treelist-container .dx-header-filter {
            position: relative;
            color: rgba(0, 0, 0, 0.54);
            font: 14px/1 DXIcons;
        }

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

        .dx-treelist-container .dx-header-filter-empty {
            color: rgba(0, 0, 0, 0.38);
        }

        .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 #e0e0e0;
            border-right: 2px solid #e0e0e0;
        }

            .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-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
            outline: 2px solid #ed1c24;
            outline-offset: 2px;
        }

        .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
            outline-color: #fff;
            outline-offset: 0;
        }

        .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;
                height: 100%;
                content: '';
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC);
                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: rgba(0, 0, 0, 0.87);
        }

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

        .dx-treelist-container .dx-error-row .dx-error-message {
            background-color: rgba(219, 11, 19, 0.77);
            white-space: normal;
            word-wrap: break-word;
        }

    .dx-treelist-filter-panel {
        color: rgba(0, 0, 0, 0.87);
        border-top: 1px solid #e0e0e0;
    }

        .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 {
            outline: none;
        }

        .dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,
        .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus,
        .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus {
            outline: 2px solid #ed1c24;
        }

    .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: rgba(0, 0, 0, 0.87);
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-treelist-column-chooser input,
        .dx-treelist-column-chooser textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .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: rgba(219, 11, 19, 0.77);
        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 #e0e0e0;
    }

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

    .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 #e0e0e0;
        border-right: 2px solid #e0e0e0;
    }

        .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(0, 0, 0, 0.08);
        }

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

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

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

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

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

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

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

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

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
    .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    }

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item-marker-body,
    .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item-marker-body {
        background: #ed1c24;
    }

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

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
            color: rgba(0, 0, 0, 0.87);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
                background-color: rgba(233, 30, 99, 0.3);
            }

                .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
                    background-color: rgba(233, 30, 99, 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: #ed1c24;
                    color: #FFF;
                }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
                background-color: rgba(255, 87, 34, 0.3);
            }

                .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
                    background-color: rgba(255, 87, 34, 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: #ed1c24;
                    color: #FFF;
                }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
                background-color: rgba(139, 195, 74, 0.3);
            }

                .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
                    background-color: rgba(139, 195, 74, 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: #66a51c;
                    color: #FFF;
                }

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

                .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
                    background-color: rgba(224, 224, 224, 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: #e0e0e0;
                    color: #FFF;
                }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
            color: rgba(139, 195, 74, 0.7);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
                color: #66a51c;
            }

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

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
            color: rgba(233, 30, 99, 0.7);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
                color: #ed1c24;
            }

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

    .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
        color: rgba(86, 86, 86, 0.54);
        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 {
        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 {
            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: 0 5px;
        vertical-align: top;
    }

    .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 {
            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-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-selectbox-freq.dx-field-value {
        width: 100%;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-interval-field {
        display: block;
        margin-bottom: 2px;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on {
        display: block;
        padding-top: 5px;
    }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on .dx-recurrence-repeat-on-label {
            padding-top: 10px;
        }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label {
        padding-bottom: 0;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label,
    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label,
    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-radiogroup-repeat-type {
        left: 0;
        position: inherit;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label {
        padding-top: 0;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label {
        padding-bottom: 2px;
        padding-top: 0;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-freq-field {
        margin-bottom: 0;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field {
        padding-top: 0;
        position: static;
    }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field .dx-recurrence-radiogroup-repeat-type {
            margin-top: 0;
        }

    .dx-scheduler-recurrence-rule-item.dx-field-item {
        border-top: 1px solid #e0e0e0;
    }

        .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
        .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
        .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
            left: -90px;
        }

        .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
            left: -88px;
        }

        .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
            padding-top: 7px;
        }

        .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-on-week {
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-end-container.dx-field {
            padding-top: 10px;
        }

    @font-face {
        font-family: 'RobotoFallback';
        font-style: normal;
        font-weight: 300;
        src: local('Roboto Light'), local('Roboto-Light'), url(devextreme/fonts/Roboto-300.woff2) format('woff2'), url(devextreme/fonts/Roboto-300.woff) format('woff'), url(devextreme/fonts/Roboto-300.ttf) format('truetype');
    }

    @font-face {
        font-family: 'RobotoFallback';
        font-style: normal;
        font-weight: 400;
        src: local('Roboto'), local('Roboto-Regular'), url(devextreme/fonts/Roboto-400.woff2) format('woff2'), url(devextreme/fonts/Roboto-400.woff) format('woff'), url(devextreme/fonts/Roboto-400.ttf) format('truetype');
    }

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

    .dx-theme-material-typography {
        background-color: #fff;
        color: rgba(0, 0, 0, 0.87);
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-theme-material-typography input,
        .dx-theme-material-typography textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

        .dx-theme-material-typography h1 {
            font-weight: 300;
            font-size: 96px;
            letter-spacing: -1.5px;
        }

        .dx-theme-material-typography h2 {
            font-weight: 300;
            font-size: 60px;
            letter-spacing: -0.5px;
        }

        .dx-theme-material-typography h3 {
            font-weight: 400;
            font-size: 48px;
        }

        .dx-theme-material-typography h4 {
            font-weight: 400;
            font-size: 34px;
            letter-spacing: 0.25px;
        }

        .dx-theme-material-typography h5 {
            font-weight: 400;
            font-size: 24px;
        }

        .dx-theme-material-typography h6 {
            font-weight: 500;
            font-size: 20px;
            letter-spacing: 0.15px;
        }

        .dx-theme-material-typography .dx-font-xl {
            font-size: 34px;
        }

        .dx-theme-material-typography .dx-font-l {
            font-size: 28px;
        }

        .dx-theme-material-typography .dx-font-m {
            font-size: 20px;
        }

        .dx-theme-material-typography .dx-font-s {
            font-size: 18px;
        }

        .dx-theme-material-typography small,
        .dx-theme-material-typography .dx-font-xs {
            font-size: 12px;
        }

        .dx-theme-material-typography a {
            color: #ed1c24;
        }

    .dx-theme-marker {
        font-family: "dx.material.orange.light";
    }

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

    .dx-theme-text-color {
        color: rgba(0, 0, 0, 0.87) !important;
    }

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

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

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

    .dx-theme-text-color-as-background-color {
        background-color: rgba(0, 0, 0, 0.87) !important;
        fill: rgba(0, 0, 0, 0.87) !important;
    }

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

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

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

    .dx-theme-text-color-as-border-color {
        border-color: rgba(0, 0, 0, 0.87) !important;
    }

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

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

    .dx-inkripple {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
    }

    .dx-inkripple-wave {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.16);
        border-radius: 50%;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        pointer-events: none;
    }

    .dx-inkripple-showing {
        -webkit-transition: -webkit-transform 0.1s linear;
        transition: -webkit-transform 0.1s linear;
        transition: transform 0.1s linear;
        transition: transform 0.1s linear, -webkit-transform 0.1s linear;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .dx-inkripple-hiding {
        -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s linear;
        transition: opacity 0.1s linear, -webkit-transform 0.1s linear;
        transition: transform 0.1s linear, opacity 0.1s linear;
        transition: transform 0.1s linear, opacity 0.1s linear, -webkit-transform 0.1s linear;
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        opacity: 0;
    }

    @font-face {
        font-family: 'DXIcons';
        src: local("DevExtreme Material Icons"), local("devextreme_material_icons"), url(devextreme/icons/dxiconsmaterial.woff2) format('woff2'), url(devextreme/icons/dxiconsmaterial.woff) format('woff'), url(devextreme/icons/dxiconsmaterial.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-icon {
        font-size: 24px;
        line-height: 1;
        white-space: nowrap;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: 'liga';
        font-feature-settings: 'liga';
    }

    .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: rgba(0, 0, 0, 0.87);
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-widget input,
        .dx-widget textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .dx-state-disabled.dx-widget,
    .dx-state-disabled .dx-widget {
        opacity: 0.38;
        -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: #ed1c24;
        color: #fff;
        font-size: 12px;
        padding: 3px 9px;
        margin-left: 4px;
        line-height: normal;
        margin-top: 1px;
    }

    .dx-rtl .dx-badge {
        margin-left: 0;
        margin-right: 4px;
    }

    .dx-box-item-content {
        font-size: 14px;
    }

    .dx-button-content {
        line-height: 0;
    }

    .dx-button-text {
        display: inline-block;
        line-height: 23px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.04em;
    }

    .dx-button a {
        text-decoration: none;
    }

    .dx-button {
        min-width: 36px;
    }

        .dx-button .dx-button-content {
            padding: 6px;
        }

        .dx-button .dx-icon {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
            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 .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-rtl .dx-button .dx-icon.dx-icon-right,
    .dx-rtl.dx-button .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-button-has-icon {
        min-width: 36px;
    }

        .dx-button-has-icon .dx-button-content {
            padding: 6px;
        }

        .dx-button-has-icon .dx-icon {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
            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-icon .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right,
    .dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-button-has-text {
        min-width: 64px;
    }

        .dx-button-has-text .dx-button-content {
            padding: 6px 16px;
        }

        .dx-button-has-text .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: 12px;
            margin-left: 0;
        }

    .dx-rtl .dx-button-has-text .dx-icon,
    .dx-rtl.dx-button-has-text .dx-icon {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-button-has-text .dx-icon.dx-icon-right {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-rtl .dx-button-has-text .dx-icon.dx-icon-right,
    .dx-rtl.dx-button-has-text .dx-icon.dx-icon-right {
        margin-right: 12px;
        margin-left: 0;
    }

    .dx-button-has-icon.dx-button-has-text .dx-button-content {
        padding: 6px 16px;
    }

    .dx-button-has-icon.dx-button-has-text .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: 8px;
        margin-left: 0;
    }

    .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon,
    .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon {
        margin-left: 8px;
        margin-right: 0;
    }

    .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right {
        margin-left: 8px;
        margin-right: 0;
    }

    .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right,
    .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right {
        margin-right: 8px;
        margin-left: 0;
    }

    .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
        border-radius: 50%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-button {
        height: 36px;
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        background-color: #fff;
        color: rgba(0, 0, 0, 0.87);
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
    }

        .dx-button .dx-button-content {
            position: relative;
        }

            .dx-button .dx-button-content .dx-inkripple {
                overflow: hidden;
            }

        .dx-button .dx-icon {
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-button.dx-state-hover {
            background-color: #ebebeb;
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        }

        .dx-button.dx-state-focused {
            background-color: #e0e0e0;
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
        }

        .dx-button.dx-state-active {
            background-color: #e0e0e0;
            -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
        }

        .dx-button.dx-state-disabled {
            background: rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-button.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-button .dx-inkripple-wave {
            background-color: rgba(0, 0, 0, 0.2);
        }

        .dx-button.dx-button-default {
            border-radius: 4px;
            background-color: #ed1c24;
            color: #fff;
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        }

            .dx-button.dx-button-default .dx-icon {
                color: #fff;
            }

            .dx-button.dx-button-default.dx-state-hover {
                background-color: #f83c00;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
            }

            .dx-button.dx-button-default.dx-state-focused {
                background-color: #e43700;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
            }

            .dx-button.dx-button-default.dx-state-active {
                background-color: #a72800;
                -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
                box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
            }

            .dx-button.dx-button-default.dx-state-disabled {
                background: rgba(0, 0, 0, 0.1);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-button.dx-button-default.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-button.dx-button-default.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-button.dx-button-default .dx-inkripple-wave {
                background-color: rgba(255, 255, 255, 0.2);
            }

        .dx-button.dx-button-danger {
            border-radius: 4px;
            background-color: #ed1c24;
            color: #fff;
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        }

            .dx-button.dx-button-danger .dx-icon {
                color: #fff;
            }

            .dx-button.dx-button-danger.dx-state-hover {
                background-color: #ca1452;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
            }

            .dx-button.dx-button-danger.dx-state-focused {
                background-color: #b8124a;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
            }

            .dx-button.dx-button-danger.dx-state-active {
                background-color: #b8124a;
                -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
                box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
            }

            .dx-button.dx-button-danger.dx-state-disabled {
                background: rgba(0, 0, 0, 0.1);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-button.dx-button-danger.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-button.dx-button-danger.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-button.dx-button-danger .dx-inkripple-wave {
                background-color: rgba(255, 255, 255, 0.2);
            }

        .dx-button.dx-button-success {
            border-radius: 4px;
            background-color: #66a51c;
            color: #fff;
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        }

            .dx-button.dx-button-success .dx-icon {
                color: #fff;
            }

            .dx-button.dx-button-success.dx-state-hover {
                background-color: #76ab39;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
            }

            .dx-button.dx-button-success.dx-state-focused {
                background-color: #6c9c34;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
            }

            .dx-button.dx-button-success.dx-state-active {
                background-color: #6c9c34;
                -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
                box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
            }

            .dx-button.dx-button-success.dx-state-disabled {
                background: rgba(0, 0, 0, 0.1);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-button.dx-button-success.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-button.dx-button-success.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-button.dx-button-success .dx-inkripple-wave {
                background-color: rgba(255, 255, 255, 0.2);
            }

        .dx-button.dx-button-back {
            background-color: transparent;
            color: rgba(0, 0, 0, 0.87);
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 50%;
            min-width: 36px;
        }

            .dx-button.dx-button-back .dx-icon {
                color: rgba(0, 0, 0, 0.87);
            }

            .dx-button.dx-button-back.dx-state-hover {
                background-color: rgba(0, 0, 0, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button.dx-button-back.dx-state-focused {
                background-color: rgba(0, 0, 0, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button.dx-button-back.dx-state-active {
                background-color: rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button.dx-button-back.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-button.dx-button-back.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-button.dx-button-back.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-button.dx-button-back .dx-inkripple-wave {
                background-color: rgba(0, 0, 0, 0.2);
            }

            .dx-button.dx-button-back .dx-button-content {
                padding: 6px;
            }

            .dx-button.dx-button-back .dx-icon {
                width: 24px;
                height: 24px;
                background-position: 0px 0px;
                background-size: 24px 24px;
                padding: 0px;
                font-size: 24px;
                text-align: center;
                line-height: 24px;
                margin-right: 0;
                margin-left: 0;
            }

    .dx-rtl .dx-button.dx-button-back .dx-icon,
    .dx-rtl.dx-button.dx-button-back .dx-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-button.dx-button-back .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-rtl .dx-button.dx-button-back .dx-icon.dx-icon-right,
    .dx-rtl.dx-button.dx-button-back .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-button.dx-button-back .dx-button-text {
        display: none;
    }

    .dx-button-mode-text {
        background-color: transparent;
        color: rgba(0, 0, 0, 0.87);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-button-mode-text .dx-icon {
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-button-mode-text.dx-state-hover {
            background-color: rgba(0, 0, 0, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-text.dx-state-focused {
            background-color: rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-text.dx-state-active {
            background-color: rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-text.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-button-mode-text.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-button-mode-text.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-button-mode-text .dx-inkripple-wave {
            background-color: rgba(0, 0, 0, 0.2);
        }

        .dx-button-mode-text.dx-button-default {
            background-color: transparent;
            color: #ed1c24;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-button-mode-text.dx-button-default .dx-icon {
                color: #ed1c24;
            }

            .dx-button-mode-text.dx-button-default.dx-state-hover {
                background-color: rgba(255, 87, 34, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button-mode-text.dx-button-default.dx-state-focused {
                background-color: rgba(255, 87, 34, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button-mode-text.dx-button-default.dx-state-active {
                background-color: rgba(255, 87, 34, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button-mode-text.dx-button-default.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-button-mode-text.dx-button-default .dx-inkripple-wave {
                background-color: rgba(255, 87, 34, 0.2);
            }

        .dx-button-mode-text.dx-button-danger {
            background-color: transparent;
            color: #ed1c24;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-button-mode-text.dx-button-danger .dx-icon {
                color: #ed1c24;
            }

            .dx-button-mode-text.dx-button-danger.dx-state-hover {
                background-color: rgba(233, 30, 99, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button-mode-text.dx-button-danger.dx-state-focused {
                background-color: rgba(233, 30, 99, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button-mode-text.dx-button-danger.dx-state-active {
                background-color: rgba(233, 30, 99, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button-mode-text.dx-button-danger.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-button-mode-text.dx-button-danger .dx-inkripple-wave {
                background-color: rgba(233, 30, 99, 0.2);
            }

        .dx-button-mode-text.dx-button-success {
            background-color: transparent;
            color: #66a51c;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-button-mode-text.dx-button-success .dx-icon {
                color: #66a51c;
            }

            .dx-button-mode-text.dx-button-success.dx-state-hover {
                background-color: rgba(139, 195, 74, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button-mode-text.dx-button-success.dx-state-focused {
                background-color: rgba(139, 195, 74, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button-mode-text.dx-button-success.dx-state-active {
                background-color: rgba(139, 195, 74, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-button-mode-text.dx-button-success.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-button-mode-text.dx-button-success .dx-inkripple-wave {
                background-color: rgba(139, 195, 74, 0.2);
            }

    .dx-button-mode-outlined.dx-button-normal {
        background-color: transparent;
        color: rgba(0, 0, 0, 0.87);
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid rgba(0, 0, 0, 0.24);
    }

    .menu-button-dropdown > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-buttongroup-item {
        border: 0 !important;
    }

    .dx-button-mode-outlined.dx-button-normal .dx-icon {
        color: rgba(0, 0, 0, 0.87);
    }

    .dx-button-mode-outlined.dx-button-normal.dx-state-hover {
        background-color: rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-button-mode-outlined.dx-button-normal.dx-state-focused {
        background-color: rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-button-mode-outlined.dx-button-normal.dx-state-active {
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-button-mode-outlined.dx-button-normal.dx-state-disabled {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-button-mode-outlined.dx-button-normal.dx-state-disabled .dx-icon {
            opacity: 0.6;
        }

        .dx-button-mode-outlined.dx-button-normal.dx-state-disabled .dx-button-text {
            color: rgba(0, 0, 0, 0.35);
        }

    .dx-button-mode-outlined.dx-button-normal .dx-inkripple-wave {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .dx-button-mode-outlined.dx-button-default {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #ed1c24;
    }

        .dx-button-mode-outlined.dx-button-default .dx-icon {
            color: #ed1c24;
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-hover {
            background-color: rgba(255, 87, 34, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-focused {
            background-color: rgba(255, 87, 34, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-active {
            background-color: rgba(255, 87, 34, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-button-mode-outlined.dx-button-default .dx-inkripple-wave {
            background-color: rgba(255, 87, 34, 0.2);
        }

    .dx-button-mode-outlined.dx-button-danger {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #ed1c24;
    }

        .dx-button-mode-outlined.dx-button-danger .dx-icon {
            color: #ed1c24;
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-hover {
            background-color: rgba(233, 30, 99, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-focused {
            background-color: rgba(233, 30, 99, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-active {
            background-color: rgba(233, 30, 99, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-button-mode-outlined.dx-button-danger .dx-inkripple-wave {
            background-color: rgba(233, 30, 99, 0.2);
        }

    .dx-button-mode-outlined.dx-button-success {
        background-color: transparent;
        color: #66a51c;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #66a51c;
    }

        .dx-button-mode-outlined.dx-button-success .dx-icon {
            color: #66a51c;
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-hover {
            background-color: rgba(139, 195, 74, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-focused {
            background-color: rgba(139, 195, 74, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-active {
            background-color: rgba(139, 195, 74, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-button-mode-outlined.dx-button-success .dx-inkripple-wave {
            background-color: rgba(139, 195, 74, 0.2);
        }

    .dx-editor-outlined .dx-texteditor-buttons-container > .dx-button,
    .dx-editor-filled .dx-texteditor-buttons-container > .dx-button {
        margin-left: 5px;
        margin-right: 5px;
    }

    .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
    .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
        margin-left: 10px;
    }

    .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
    .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
        margin-right: 0;
    }

    .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
    .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
        margin-left: 0;
    }

    .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
    .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
        margin-right: 10px;
    }

    .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
    .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child {
        margin-right: 12px;
    }

    .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
    .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
        margin-left: 5px;
        margin-right: 10px;
    }

    .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
    .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
        margin-left: 0;
        margin-right: 5px;
    }

    .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child,
    .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child {
        margin-left: 0;
        margin-right: 10px;
    }

    .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
    .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
        margin-left: 5px;
        margin-right: 0;
    }

    .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
    .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
        margin-left: 10px;
        margin-right: 5px;
    }

    .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
    .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button {
        height: 29px;
        margin: 0 5px 3px;
    }

        .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button .dx-button-content {
            padding-bottom: 3px;
        }

    .dx-editor-underlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
        margin-left: 0;
    }

    .dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
        margin-right: 0;
    }

    .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
        margin-left: 5px;
        margin-right: 0;
    }

    .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
        margin-left: 5px;
        margin-right: 5px;
    }

    .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
        margin-left: 0;
        margin-right: 5px;
    }

    @-webkit-keyframes focus {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        to {
            -webkit-transform: scale(1.06);
            transform: scale(1.06);
        }
    }

    @keyframes focus {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        to {
            -webkit-transform: scale(1.06);
            transform: scale(1.06);
        }
    }

    .dx-button-mode-contained.dx-buttongroup-item {
        padding-right: 1px;
    }

    .dx-button-mode-contained.dx-buttongroup-last-item {
        padding-right: 0;
    }

    .dx-button-mode-outlined.dx-buttongroup-item {
        border-left-width: 0;
    }

    .dx-button-mode-outlined.dx-buttongroup-first-item {
        border-left-width: 1px;
    }

    .dx-button-mode-text.dx-button.dx-buttongroup-item {
        border-radius: 4px;
    }

    .dx-button-mode-text.dx-buttongroup-first-item {
        margin-left: 0;
    }

    .dx-button-mode-outlined.dx-button.dx-buttongroup-first-item,
    .dx-button-mode-contained.dx-button.dx-buttongroup-first-item {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .dx-button-mode-outlined.dx-button.dx-buttongroup-last-item,
    .dx-button-mode-contained.dx-button.dx-buttongroup-last-item {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled {
        opacity: 1;
    }

        .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content {
            opacity: 0.6;
        }

    .dx-buttongroup-item.dx-button.dx-state-focused {
        background-color: rgba(0, 0, 0, 0.04);
    }

    .dx-buttongroup-item.dx-button.dx-state-hover {
        background-color: rgba(0, 0, 0, 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: #71a436;
        }

        .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default {
            background-color: #ee3900;
            color: #fff;
        }

        .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger {
            background-color: #c1134e;
            color: #fff;
        }

    .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item,
    .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item {
        border-radius: 0 4px 4px 0;
    }

    .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-last-item,
    .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-last-item {
        border-radius: 4px 0 0 4px;
    }

    .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item,
    .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item {
        border-radius: 4px;
    }

    .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-rtl.dx-button-mode-outlined.dx-buttongroup-first-item {
        border-left-width: 0;
    }

    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item {
        border-left-width: 1px;
    }

    .dx-scrollable-content {
        -webkit-transform: none;
    }

    .dx-scrollable-scroll {
        padding: 2px 0 2px 2px;
        background-color: transparent;
        opacity: 1;
        overflow: hidden;
        -webkit-transition: opacity 0s linear;
        transition: opacity 0s linear;
    }

    .dx-rtl .dx-scrollable-scroll {
        padding-left: 0;
        padding-right: 2px;
    }

    .dx-scrollable-scroll.dx-state-invisible {
        opacity: 0;
        -webkit-transition: opacity 0.5s linear 1s;
        transition: opacity 0.5s linear 1s;
    }

    .dx-scrollable-scroll-content {
        width: 100%;
        height: 100%;
        background-color: rgba(191, 191, 191, 0.7);
        -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-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: 6px;
    }

    .dx-scrollbar-vertical.dx-scrollbar-hoverable {
        width: 6px;
        -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: 13px;
        }

            .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: 13px;
            }

    .dx-scrollbar-horizontal .dx-scrollable-scroll {
        height: 13px;
        /*height: 6px;*/
    }

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable {
        height: 13px;
       /* height: 6px;
        -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 {
            height: 13px;
            /*-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 {
                height: 13px;
                /*-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 {
                    height: 13px;
                    /*-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: 13px;
        }

            .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: 13px;
            }

    .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
    .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-right: 6px;
    }

    .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: 6px;
    }

    .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content,
    .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-bottom: 6px;
    }

    .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-scrollview-scrollbottom-text,
    .dx-scrollview-pull-down-text {
        margin-left: 10px;
        top: 18px;
        display: inline-block;
    }

    .dx-rtl .dx-scrollview-scrollbottom-text,
    .dx-rtl .dx-scrollview-pull-down-text {
        margin-left: 0;
        margin-right: 10px;
    }

    .dx-scrollview-pull-down-text div {
        position: relative;
    }

    .dx-scrollview-pull-down-image {
        display: none;
    }

    .dx-scrollview-pull-down {
        text-align: center;
    }

    .dx-rtl .dx-scrollable .dx-scrollable-scroll,
    .dx-rtl.dx-scrollable .dx-scrollable-scroll {
        float: left;
    }

    .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-scrollview-scrollbottom-indicator,
    .dx-scrollview-pull-down-indicator {
        margin-right: 0;
        height: 42px;
        width: 42px;
        border-radius: 21px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.37);
        box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.37);
        opacity: 1;
    }

        .dx-scrollview-scrollbottom-indicator > .dx-loadindicator,
        .dx-scrollview-pull-down-indicator > .dx-loadindicator {
            height: 24px;
            width: 24px;
        }

            .dx-scrollview-scrollbottom-indicator > .dx-loadindicator > .dx-loadindicator-wrapper,
            .dx-scrollview-pull-down-indicator > .dx-loadindicator > .dx-loadindicator-wrapper {
                font-size: 24px;
            }

    .dx-scrollview-pull-down-indicator {
        position: relative;
        margin-left: 0;
        margin-top: -21px;
    }

    .dx-scrollview-pull-down-text > div {
        display: none;
    }

        .dx-scrollview-pull-down-text > div.dx-scrollview-pull-down-text-visible {
            display: block;
        }

    .dx-checkbox {
        line-height: 0;
    }

        .dx-checkbox .dx-checkbox-container {
            overflow: visible;
        }

        .dx-checkbox.dx-state-readonly,
        .dx-checkbox.dx-state-disabled {
            border-color: rgba(0, 0, 0, 0.26);
        }

        .dx-checkbox.dx-state-focused .dx-checkbox-icon:after,
        .dx-checkbox.dx-state-active .dx-checkbox-icon:after {
            background-color: rgba(0, 0, 0, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon:after,
        .dx-checkbox.dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon:after,
        .dx-checkbox.dx-checkbox-checked.dx-state-active .dx-checkbox-icon:after,
        .dx-checkbox.dx-checkbox-indeterminate.dx-state-active .dx-checkbox-icon:after {
            background-color: rgba(255, 87, 34, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon,
        .dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly .dx-checkbox-icon,
        .dx-checkbox.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon,
        .dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled .dx-checkbox-icon {
            background-color: rgba(0, 0, 0, 0.26);
        }

        .dx-checkbox.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after,
        .dx-checkbox-indeterminate.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after,
        .dx-checkbox-checked.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after {
            background-color: rgba(0, 0, 0, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

    .dx-checkbox-icon {
        width: 18px;
        height: 18px;
        border: 2px solid rgba(0, 0, 0, 0.54);
        border-radius: 2px;
    }

        .dx-checkbox-icon:after {
            content: "";
            width: 40px;
            height: 40px;
            top: 50%;
            left: 50%;
            margin-top: -20px;
            margin-left: -20px;
            border-radius: 50%;
            display: block;
            position: absolute;
            z-index: 1;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .dx-checkbox-icon:before {
            z-index: 2;
        }

    .dx-checkbox-checked .dx-checkbox-icon {
        color: #fff;
        background-color: #ed1c24;
        border: none;
        font: 14px/1 DXIcons;
        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 {
        background-color: #ed1c24;
        color: #fff;
        border: none;
        font: 14px/1 DXIcons;
        font-size: 20px;
        text-align: center;
        line-height: 20px;
    }

        .dx-checkbox-indeterminate .dx-checkbox-icon:before {
            content: "\f074";
        }

        .dx-checkbox-indeterminate .dx-checkbox-icon:before {
            position: absolute;
            display: block;
            width: 20px;
            top: 50%;
            margin-top: -10px;
            left: 50%;
            margin-left: -10px;
        }

    .dx-checkbox-text {
        margin-left: -18px;
        padding-left: 23px;
    }

    .dx-rtl .dx-checkbox-text,
    .dx-rtl.dx-checkbox-text {
        margin-right: -18px;
        padding-right: 23px;
    }

    .dx-invalid .dx-checkbox-icon {
        border: 2px solid #ed1c24;
    }

    .dx-invalid.dx-state-focused .dx-checkbox-icon:after {
        background-color: rgba(233, 30, 99, 0.1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .dx-switch-wrapper {
        position: relative;
        padding: 10px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        left: -10px;
        top: -10px;
        overflow: hidden;
        vertical-align: middle;
    }

    .dx-switch {
        width: 36px;
        height: 20px;
    }

        .dx-switch.dx-state-readonly .dx-switch-handle:before,
        .dx-switch.dx-state-disabled .dx-switch-handle:before {
            background-color: #bdbdbd;
        }

        .dx-switch.dx-state-readonly .dx-switch-container:before,
        .dx-switch.dx-state-disabled .dx-switch-container:before {
            background-color: rgba(0, 0, 0, 0.12);
        }

        .dx-switch.dx-state-active .dx-switch-handle:before,
        .dx-switch.dx-state-focused .dx-switch-handle:before {
            -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 50%;
        }

        .dx-switch-on-value.dx-state-readonly.dx-state-focused .dx-switch-handle:before,
        .dx-switch.dx-state-readonly.dx-state-focused .dx-switch-handle:before {
            -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 50%;
        }

    .dx-switch-container {
        height: 20px;
        overflow: visible;
        position: relative;
    }

        .dx-switch-container:before {
            position: absolute;
            content: '';
            width: 100%;
            height: 14px;
            border-radius: 500px;
            background-color: #9e9e9e;
            margin: 3px 0;
        }

    .dx-switch-inner {
        width: 200%;
        height: 100%;
    }

    .dx-switch-on,
    .dx-switch-off {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        float: left;
        padding: 4px 0;
        width: 50%;
        height: 20px;
        color: transparent;
        text-align: center;
        line-height: 100%;
    }

    .dx-switch-on {
        background: transparent;
    }

    .dx-switch-off {
        display: none;
        padding-bottom: 10px;
        background-color: transparent;
    }

    .dx-switch-handle {
        -webkit-flex-basis: 20px;
        -ms-flex-preferred-size: 20px;
        flex-basis: 20px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        float: left;
        width: 20px;
        height: 20px;
        background-color: #fafafa;
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
        border-radius: 50%;
    }

        .dx-switch-handle:before {
            display: block;
            content: ' ';
            width: 100%;
            height: 100%;
            background-color: #fafafa;
            border-radius: 50%;
            -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }

    .dx-switch-on-value .dx-switch-container:before {
        background-color: rgba(255, 87, 34, 0.5);
    }

    .dx-switch-on-value .dx-switch-handle:before {
        background-color: #ed1c24;
    }

    .dx-switch-on-value.dx-state-active .dx-switch-handle:before,
    .dx-switch-on-value.dx-state-focused .dx-switch-handle:before {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1);
        box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1);
        border-radius: 50%;
    }

    .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-left: 16px;
        padding-right: 2px;
    }

    .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: -20px;
    }

    .dx-rtl .dx-switch .dx-switch-container,
    .dx-switch.dx-rtl .dx-switch-container {
        margin: 0 0 0 -6px;
    }

    .dx-tabs {
        padding: 0;
        background-color: #f5f5f5;
        position: relative;
    }

        .dx-tabs .dx-inkripple {
            overflow: hidden;
        }

    .dx-tabs-nav-buttons .dx-tabs-scrollable {
        margin-right: 36px;
        margin-left: 36px;
    }

    .dx-tabs-nav-button {
        border: none;
        background-color: #f7f7f7;
        position: absolute;
        height: 48px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) {
            background-color: transparent;
            color: rgba(0, 0, 0, 0.54);
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 0;
        }

            .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-icon {
                color: rgba(0, 0, 0, 0.54);
            }

            .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-hover {
                background-color: rgba(0, 0, 0, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-focused {
                background-color: rgba(0, 0, 0, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-active {
                background-color: rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-inkripple-wave {
                background-color: rgba(0, 0, 0, 0.2);
            }

        .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;
            background-color: #f7f7f7;
        }

            .dx-tabs-nav-button.dx-state-disabled .dx-button-content {
                opacity: 0;
            }

    .dx-tab {
        padding: 12px 16px;
        min-width: 90px;
        background-color: #f7f7f7;
        color: rgba(0, 0, 0, 0.54);
    }

        .dx-tab.dx-state-hover {
            background-color: #ededed;
        }

        .dx-tab .dx-icon {
            color: rgba(0, 0, 0, 0.54);
            vertical-align: middle;
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
            margin: 0 auto;
        }

        .dx-tab.dx-tab-selected {
            color: #ed1c24;
        }

            .dx-tab.dx-tab-selected .dx-icon {
                color: #ed1c24;
            }

            .dx-tab.dx-tab-selected:before {
                content: "";
                position: absolute;
                bottom: 0;
                height: 2px;
                left: 0;
                right: 0;
                background-color: #ed1c24;
            }

    .dx-tab-content,
    .dx-tab-text {
        vertical-align: middle;
        text-transform: uppercase;
        line-height: 24px;
        font-weight: 500;
    }

    .dx-state-disabled.dx-tabs {
        opacity: 1;
    }

    .dx-state-disabled .dx-tab-content {
        opacity: 0.3;
    }

    .dx-navbar {
        padding: 0;
        border: none;
    }

    .dx-nav-item,
    .dx-rtl .dx-nav-item {
        background: #f7f7f7;
    }

        .dx-nav-item .dx-tab-text,
        .dx-rtl .dx-nav-item .dx-tab-text {
            line-height: normal;
            color: rgba(0, 0, 0, 0.87);
        }

    .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;
        color: rgba(0, 0, 0, 0.87);
    }

    .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-tab-selected .dx-tab-text,
        .dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text,
        .dx-nav-item.dx-tab-selected .dx-icon,
        .dx-rtl .dx-nav-item.dx-tab-selected .dx-icon {
            color: rgba(0, 0, 0, 0.87);
        }

    .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 #cccccc;
        box-shadow: inset 0 0 0 1px #cccccc;
    }

    .dx-nav-item.dx-state-disabled .dx-icon,
    .dx-rtl .dx-nav-item.dx-state-disabled .dx-icon {
        opacity: 0.5;
    }

    .dx-navbar-item-badge {
        margin-right: -26px;
        top: 11%;
    }

    .dx-rtl .dx-navbar-item-badge {
        margin-left: -26px;
    }

    .dx-texteditor {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        position: relative;
    }

        .dx-texteditor:before {
            left: 0;
            right: 0;
            bottom: 0;
            height: 0;
            width: 100%;
            content: '';
            position: absolute;
            z-index: 2;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .dx-texteditor:after {
            left: 0;
            right: 0;
            bottom: 0;
            height: 0;
            width: 100%;
            content: '';
            position: absolute;
        }

        .dx-texteditor.dx-state-focused,
        .dx-texteditor.dx-state-active {
            background-color: rgba(0, 0, 0, 0.04);
        }

            .dx-texteditor.dx-state-focused:before,
            .dx-texteditor.dx-state-active:before {
                border-bottom: 2px solid #ed1c24;
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
                transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
                transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
                transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
            }

        .dx-texteditor.dx-invalid.dx-editor-underlined .dx-texteditor-input {
            padding-right: 26px;
        }

        .dx-texteditor.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
            padding: 7px 0 6px;
            padding-left: 26px;
        }

        .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input,
        .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input {
            padding-right: 38px;
        }

        .dx-texteditor.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
        .dx-texteditor.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
            padding: 7px 0 6px;
            padding-left: 38px;
        }

        .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
        .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
            right: 13px;
        }

    .dx-rtl .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-rtl.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl.dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        left: 13px;
        right: auto;
    }

    .dx-texteditor.dx-invalid .dx-texteditor-input-container:after {
        right: 1px;
    }

    .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
    .dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container:after {
        left: 1px;
        right: auto;
    }

    .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container,
    .dx-texteditor.dx-editor-outlined .dx-texteditor-buttons-container {
        right: 12px;
    }

    .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
    .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input {
        padding-right: 12px;
    }

    .dx-rtl .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
    .dx-rtl .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input,
    .dx-rtl.dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
    .dx-rtl.dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input {
        padding: 19px 12px 18px;
        padding-left: 12px;
    }

    .dx-texteditor.dx-editor-filled .dx-placeholder:before,
    .dx-texteditor.dx-editor-outlined .dx-placeholder:before {
        padding: 19px 12px 18px;
    }

    .dx-texteditor.dx-editor-filled .dx-texteditor-input,
    .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
        padding: 19px 12px 18px;
    }

    .dx-rtl .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container,
    .dx-rtl .dx-texteditor.dx-editor-outlined .dx-texteditor-buttons-container,
    .dx-texteditor.dx-editor-filled.dx-rtl .dx-texteditor-buttons-container,
    .dx-texteditor.dx-editor-outlined.dx-rtl .dx-texteditor-buttons-container {
        left: 12px;
        right: auto;
    }

    .dx-texteditor.dx-editor-filled {
        background-color: rgba(0, 0, 0, 0.04);
    }

        .dx-texteditor.dx-editor-filled.dx-state-hover {
            background-color: rgba(0, 0, 0, 0.07);
        }

            .dx-texteditor.dx-editor-filled.dx-state-hover:after {
                border-bottom: 1px solid rgba(0, 0, 0, 0.87);
            }

        .dx-texteditor.dx-editor-filled.dx-state-disabled,
        .dx-texteditor.dx-editor-filled.dx-state-readonly,
        .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover {
            background-color: rgba(0, 0, 0, 0.12);
        }

            .dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input,
            .dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input,
            .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input {
                color: rgba(0, 0, 0, 0.5);
            }

    .dx-texteditor.dx-editor-underlined {
        background-color: transparent;
    }

        .dx-texteditor.dx-editor-underlined .dx-texteditor-buttons-container {
            right: 0;
        }

        .dx-texteditor.dx-editor-underlined:after {
            border-bottom: 1px solid rgba(0, 0, 0, 0.42);
        }

        .dx-texteditor.dx-editor-underlined.dx-state-hover:after {
            border-bottom: 2px solid rgba(0, 0, 0, 0.87);
        }

        .dx-texteditor.dx-editor-underlined .dx-placeholder:before {
            padding: 7px 0 6px;
        }

        .dx-texteditor.dx-editor-underlined .dx-texteditor-input {
            padding: 7px 0 6px;
        }

        .dx-rtl .dx-texteditor.dx-editor-underlined .dx-texteditor-buttons-container,
        .dx-texteditor.dx-editor-underlined.dx-rtl .dx-texteditor-buttons-container {
            left: 0;
            right: auto;
        }

        .dx-texteditor.dx-editor-underlined.dx-state-disabled:after,
        .dx-texteditor.dx-editor-underlined.dx-state-readonly:after,
        .dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover:after {
            border-bottom-style: dotted;
            border-bottom-width: 1px;
        }

        .dx-texteditor.dx-editor-underlined.dx-invalid:after {
            border-bottom-color: rgba(233, 30, 99, 0.4);
        }

    .dx-texteditor.dx-editor-outlined {
        background-color: transparent;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.42);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.42);
    }

        .dx-texteditor.dx-editor-outlined:before {
            display: none;
        }

        .dx-texteditor.dx-editor-outlined.dx-state-hover {
            -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87);
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87);
        }

        .dx-texteditor.dx-editor-outlined.dx-state-disabled,
        .dx-texteditor.dx-editor-outlined.dx-state-readonly,
        .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover {
            -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
        }

            .dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input,
            .dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input,
            .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover .dx-texteditor-input {
                color: rgba(0, 0, 0, 0.5);
            }

        .dx-texteditor.dx-editor-outlined.dx-state-focused {
            -webkit-box-shadow: inset 0 0 0 2px #ed1c24;
            box-shadow: inset 0 0 0 2px #ed1c24;
        }

            .dx-texteditor.dx-editor-outlined.dx-state-focused.dx-invalid {
                -webkit-box-shadow: inset 0 0 0 2px #ed1c24;
                box-shadow: inset 0 0 0 2px #ed1c24;
            }

        .dx-texteditor.dx-editor-outlined.dx-invalid {
            -webkit-box-shadow: inset 0 0 0 1px rgba(233, 30, 99, 0.4);
            box-shadow: inset 0 0 0 1px rgba(233, 30, 99, 0.4);
        }

    .dx-show-clear-button .dx-clear-button-area {
        width: 22px;
        min-width: 22px;
        right: 0;
    }

    .dx-show-clear-button .dx-icon-clear {
        color: rgba(117, 117, 117, 0.87);
        background-color: rgba(194, 194, 194, 0.87);
        border-radius: 50%;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        background-position: 0px 0px;
        background-size: 22px 22px;
        padding: 0px;
        font-size: 22px;
        line-height: 22px;
        font-size: 16px;
        text-align: center;
        line-height: 16px;
    }

        .dx-show-clear-button .dx-icon-clear:before {
            position: absolute;
            display: block;
            width: 16px;
            top: 50%;
            margin-top: -8px;
            left: 50%;
            margin-left: -8px;
        }

    .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined .dx-texteditor-input {
        padding-right: 26px;
    }

    .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 26px;
    }

    .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input,
    .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input {
        padding-right: 38px;
    }

    .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 38px;
    }

    .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        right: 13px;
    }

    .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        left: 13px;
        right: auto;
    }

    .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after {
        right: 1px;
    }

    .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after,
    .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after {
        left: 1px;
        right: auto;
    }

    .dx-placeholder {
        color: rgba(148, 148, 148, 0.87);
        font-size: 16px;
    }

    .dx-texteditor-input {
        margin: 0;
        background-color: transparent;
        color: rgba(0, 0, 0, 0.87);
        font-size: 16px;
    }

    .dx-invalid.dx-texteditor.dx-state-hover:after {
        border-bottom-color: rgba(233, 30, 99, 0.4);
    }

    .dx-invalid.dx-texteditor.dx-state-focused:before,
    .dx-invalid.dx-texteditor.dx-state-active:before {
        border-top: 1px solid #ed1c24;
        border-bottom: 1px solid #ed1c24;
    }

    .dx-invalid.dx-texteditor .dx-texteditor-input-container:after {
        pointer-events: none;
        font-weight: 500;
        background-color: #ed1c24;
        color: #fff;
        content: '!';
        position: absolute;
        top: 50%;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        text-align: center;
        line-height: 23px;
        font-size: 14px;
    }

    .dx-rtl .dx-placeholder,
    .dx-rtl .dx-placeholder:before {
        right: 0;
        left: auto;
    }

    .dx-searchbox .dx-icon-search {
        font: 14px/1 DXIcons;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        background-position: 0px 0px;
        background-size: 22px 22px;
        padding: 0px;
        font-size: 22px;
        text-align: center;
        line-height: 22px;
        color: rgba(148, 148, 148, 0.87);
    }

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

        .dx-searchbox .dx-icon-search:before {
            position: static;
            text-indent: 0;
            color: rgba(0, 0, 0, 0.54);
        }

    .dx-searchbox.dx-editor-underlined .dx-icon-search {
        left: 0;
    }

    .dx-rtl .dx-searchbox.dx-editor-underlined .dx-icon-search,
    .dx-rtl.dx-searchbox.dx-editor-underlined .dx-icon-search {
        left: initial;
        right: 0;
    }

    .dx-searchbox.dx-editor-underlined .dx-texteditor-input,
    .dx-searchbox.dx-editor-underlined .dx-placeholder:before {
        padding-left: 22px;
    }

    .dx-rtl .dx-searchbox.dx-editor-underlined .dx-texteditor-input,
    .dx-rtl .dx-searchbox.dx-editor-underlined .dx-placeholder:before,
    .dx-rtl.dx-searchbox.dx-editor-underlined .dx-texteditor-input,
    .dx-rtl.dx-searchbox.dx-editor-underlined .dx-placeholder:before {
        padding-left: 0;
        padding-right: 22px;
    }

    .dx-searchbox.dx-editor-filled .dx-icon-search,
    .dx-searchbox.dx-editor-outlined .dx-icon-search {
        left: 12px;
    }

    .dx-rtl .dx-searchbox.dx-editor-filled .dx-icon-search,
    .dx-rtl .dx-searchbox.dx-editor-outlined .dx-icon-search,
    .dx-rtl.dx-searchbox.dx-editor-filled .dx-icon-search,
    .dx-rtl.dx-searchbox.dx-editor-outlined .dx-icon-search {
        left: initial;
        right: 12px;
    }

    .dx-searchbox.dx-editor-filled .dx-texteditor-input,
    .dx-searchbox.dx-editor-outlined .dx-texteditor-input,
    .dx-searchbox.dx-editor-filled .dx-placeholder:before,
    .dx-searchbox.dx-editor-outlined .dx-placeholder:before {
        padding-left: 34px;
    }

    .dx-rtl .dx-searchbox.dx-editor-filled .dx-texteditor-input,
    .dx-rtl .dx-searchbox.dx-editor-outlined .dx-texteditor-input,
    .dx-rtl .dx-searchbox.dx-editor-filled .dx-placeholder:before,
    .dx-rtl .dx-searchbox.dx-editor-outlined .dx-placeholder:before,
    .dx-rtl.dx-searchbox.dx-editor-filled .dx-texteditor-input,
    .dx-rtl.dx-searchbox.dx-editor-outlined .dx-texteditor-input,
    .dx-rtl.dx-searchbox.dx-editor-filled .dx-placeholder:before,
    .dx-rtl.dx-searchbox.dx-editor-outlined .dx-placeholder:before {
        padding-left: 12px;
        padding-right: 34px;
    }

    .dx-searchbar {
        padding-bottom: 5px;
    }

        .dx-searchbar .dx-texteditor {
            margin: 0;
        }

    .dx-dropdowneditor-button {
        width: 24px;
        min-width: 24px;
    }

    .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 {
        color: rgba(0, 0, 0, 0.54);
        font: 14px/1 DXIcons;
        width: 24px;
        height: 100%;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-dropdowneditor-icon:before {
            content: "\f001";
        }

        .dx-dropdowneditor-icon:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-dropdowneditor-input-wrapper .dx-texteditor:before,
    .dx-dropdowneditor-input-wrapper .dx-texteditor:after {
        content: none;
    }

    .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover,
    .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused,
    .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled,
    .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly,
    .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover,
    .dx-dropdowneditor-input-wrapper .dx-texteditor {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-dropdowneditor .dx-clear-button-area {
        width: 24px;
        min-width: 24px;
    }

    .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
    .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input {
        padding-right: 36px;
    }

    .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding-right: 12px;
        padding-left: 36px;
    }

    .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
    .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
        color: rgba(0, 0, 0, 0.54);
        opacity: 1;
        font: 14px/1 DXIcons;
        width: 24px;
        height: 100%;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon:before,
        .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon:before {
            content: "\f002";
        }

        .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon:before,
        .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after {
        right: 25px;
    }

    .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after,
    .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after {
        right: auto;
        left: 25px;
    }

    .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after {
        right: 49px;
    }

    .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after,
    .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after {
        right: auto;
        left: 49px;
    }

    .dx-dropdowneditor-overlay.dx-popup-wrapper .dx-overlay-content {
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
        overflow: hidden;
    }

    .dx-list-item-chevron {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        border: none;
        opacity: 1;
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        margin-left: -5px;
        color: rgba(0, 0, 0, 0.54);
    }

    .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: 40px;
    }

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

    .dx-list-search {
        padding-top: 4px;
    }

        .dx-list-search.dx-searchbox .dx-placeholder:before {
            font-size: 16px;
        }

        .dx-list-search.dx-searchbox .dx-clear-button-area {
            width: 23px;
        }

            .dx-list-search.dx-searchbox .dx-clear-button-area .dx-icon-clear {
                background-color: transparent;
                border: 0;
                font-size: 24px;
                color: rgba(0, 0, 0, 0.54);
            }

    .dx-list-select-all,
    .dx-list-item,
    .dx-list-group-header {
        position: relative;
    }

        .dx-list-select-all .dx-inkripple,
        .dx-list-item .dx-inkripple,
        .dx-list-group-header .dx-inkripple {
            overflow: hidden;
        }

    .dx-list-collapsible-groups .dx-list-group-header:before {
        content: none;
    }

    .dx-list {
        border: none;
    }

        .dx-list .dx-icon {
            color: rgba(0, 0, 0, 0.54);
        }

        .dx-list.dx-list-with-search .dx-scrollable-wrapper {
            height: calc(100% - 48px);
        }

        .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 {
            border-color: #e43700;
        }

        .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon:after {
            background-color: rgba(0, 0, 0, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:after,
        .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon:after {
            background-color: rgba(255, 87, 34, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
            background-color: #e0e0e0;
            color: #000000;
        }

            .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
                background-color: #f5f5f5;
                color: #000000;
            }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
            background-color: #f5f5f5;
            color: rgba(0, 0, 0, 0.87);
        }

            .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
                background-color: rgba(204, 204, 204, 0.7);
                color: #000000;
            }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
            background-color: #cccccc;
        }

            .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
                background-color: #cccccc;
            }

    .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
        padding-bottom: 8px;
        border-bottom: 1px solid #e0e0e0;
    }

    .dx-list-group:not(.dx-list-group-collapsed) + .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header {
        border-top-color: transparent;
    }

    .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator {
        font: 14px/1 DXIcons;
        font-size: 24px;
    }

        .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator:before {
            content: "\f016";
        }

    .dx-list-group.dx-list-group-collapsed .dx-list-group-header {
        color: rgba(0, 0, 0, 0.87);
    }

    .dx-list-group .dx-list-item:first-of-type {
        margin-top: 0;
    }

    .dx-list-group .dx-list-item:last-of-type {
        margin-bottom: 0;
    }

    .dx-list-group-header {
        font-weight: normal;
        padding: 14px 16px;
        background: rgba(255, 255, 255, 0);
        color: #ed1c24;
        border-top: 1px solid #e0e0e0;
        border-top-color: transparent;
        font-size: 16px;
    }

        .dx-list-group-header .dx-list-group-header-indicator {
            color: rgba(0, 0, 0, 0.54);
        }

    .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator {
        font: 14px/1 DXIcons;
        font-size: 24px;
        float: right;
        margin-top: -2px;
    }

        .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator:before {
            content: "\f014";
        }

    .dx-list-group-header .dx-inkripple {
        height: auto;
        top: -1px;
        bottom: 0px;
    }

    .dx-list-group-header:before {
        content: none;
    }

    .dx-list-item.dx-state-hover,
    .dx-list-item.dx-state-active {
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper,
        .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper {
            background-color: #f5f5f5;
        }

    .dx-list-item:first-of-type {
        border-top: none;
        margin-top: 8px;
    }

    .dx-list-item:last-of-type {
        border-bottom: none;
        margin-bottom: 8px;
    }

    .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: rgba(98, 98, 98, 0.87);
        background: #fff;
        border-top: 1px solid rgba(255, 87, 34, 0.5);
        border-bottom: 1px solid rgba(255, 87, 34, 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 {
        color: rgba(0, 0, 0, 0.87);
    }

    .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 {
        font-size: 16px;
    }

    .dx-list-item-content {
        padding: 12px 14px 11px;
    }

    .dx-list .dx-empty-message {
        padding: 8px 16px 7px;
        color: rgba(0, 0, 0, 0.54);
        font-size: 12px;
    }

    .dx-list-next-button .dx-button {
        margin-top: 20px;
        padding: 0;
    }

        .dx-list-next-button .dx-button .dx-button-content {
            padding: 6px 16px;
        }

        .dx-list-next-button .dx-button .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: 12px;
            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: 12px;
        margin-right: 0;
    }

    .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
    .dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right {
        margin-right: 12px;
        margin-left: 0;
    }

    .dx-list-next-button .dx-button .dx-button-content {
        padding-left: 58px;
        padding-right: 58px;
    }

    .dx-list-item-chevron-container {
        width: 27px;
        padding-top: 7px;
    }

    .dx-list-border-visible {
        border: 1px solid #e0e0e0;
    }

    .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
        width: 46px;
    }

    .dx-list-item-before-bag.dx-list-select-checkbox-container,
    .dx-list-item-before-bag.dx-list-select-radiobutton-container {
        width: 56px;
    }

    .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
        border: none;
        background: transparent;
        padding: 0px;
        height: 24px;
        width: 24px;
        margin-left: 15px;
        -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-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave {
                display: none;
            }

    .dx-list-item-before-bag .dx-icon-toggle-delete {
        width: 23px;
        height: 23px;
    }

    .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: 16px;
    }

    .dx-list-toggle-delete-switch-container + .dx-list-item-content {
        padding-left: 34px;
    }

    .dx-list-select-all {
        padding: 13px 0;
        font-size: 16px;
        position: relative;
    }

        .dx-list-select-all:after {
            content: "";
            position: absolute;
            bottom: 1px;
            left: 16px;
            right: 16px;
            height: 1px;
            background-color: #e0e0e0;
        }

    .dx-list-select-all-checkbox {
        float: left;
        margin: -1px 0px -3px 16px;
    }

    .dx-list-select-all-label {
        line-height: 1;
        padding: 0 35px;
        margin-top: 3px;
    }

    .dx-list-item-after-bag.dx-list-static-delete-button-container {
        width: 43px;
    }

    .dx-list-item-after-bag.dx-list-reorder-handle-container {
        width: 44.8px;
    }

    .dx-list-item-after-bag .dx-list-reorder-handle {
        font: 14px/1 DXIcons;
        color: rgba(0, 0, 0, 0.27);
        width: 38.4px;
        height: 38.4px;
        background-position: 7px 7px;
        background-size: 24px 24px;
        padding: 7px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .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 {
        font: 14px/1 DXIcons;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.24);
        border-right-color: transparent;
        background-color: #ed1c24;
        font-size: 24px;
        display: table-cell;
        vertical-align: middle;
        padding: 0 16px;
        width: 56px;
        -webkit-box-shadow: inset 3px 0px 5px -3px rgba(0, 0, 0, 0.24), inset 0px 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0px -3px 5px -3px rgba(0, 0, 0, 0.24);
        box-shadow: inset 3px 0px 5px -3px rgba(0, 0, 0, 0.24), inset 0px 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0px -3px 5px -3px rgba(0, 0, 0, 0.24);
    }

        .dx-list-slide-menu-button-delete:before {
            content: "\f03e";
        }

    .dx-list-slide-menu-button-menu {
        border: 1px solid transparent;
        color: #fff;
        background-color: #ed1c24;
    }

    .dx-list-static-delete-button {
        margin-right: 16px;
        padding: 0;
        border-radius: 50%;
        height: 34px;
        margin-top: -2px;
    }

        .dx-list-static-delete-button.dx-button {
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }

            .dx-list-static-delete-button.dx-button .dx-button-content {
                z-index: 1;
            }

    .dx-list-switchable-delete-button-inner-wrapper {
        padding-right: 6px;
        background-color: #fff;
    }

    .dx-button.dx-list-switchable-delete-button {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-button.dx-list-switchable-delete-button .dx-icon {
            color: #ed1c24;
        }

        .dx-button.dx-list-switchable-delete-button.dx-state-hover {
            background-color: rgba(233, 30, 99, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button.dx-list-switchable-delete-button.dx-state-focused {
            background-color: rgba(233, 30, 99, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button.dx-list-switchable-delete-button.dx-state-active {
            background-color: rgba(233, 30, 99, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-button.dx-list-switchable-delete-button.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave {
            background-color: rgba(233, 30, 99, 0.2);
        }

    .dx-list-context-menucontent {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        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: 0.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-button.dx-list-toggle-delete-switch,
    .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
        margin-right: 15px;
        margin-left: 0;
    }

    .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: 16px;
        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: 16px;
        margin-left: 1px;
    }

    .dx-rtl .dx-list .dx-list-switchable-delete-button,
    .dx-rtl.dx-list .dx-list-switchable-delete-button {
        margin-right: 0;
    }

    .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
    .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
        padding-left: 6px;
        padding-right: 0;
    }

    .dx-list-item-badge-container {
        padding-right: 16px;
    }

    .dx-device-mobile .dx-list {
        border: none;
    }

        .dx-device-mobile .dx-list .dx-icon {
            color: rgba(0, 0, 0, 0.54);
        }

        .dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper {
            height: calc(100% - 48px);
        }

        .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 {
            border-color: #e43700;
        }

        .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon:after {
            background-color: rgba(0, 0, 0, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:after,
        .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon:after {
            background-color: rgba(255, 87, 34, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
            background-color: #e0e0e0;
            color: #000000;
        }

            .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: #f5f5f5;
                color: #000000;
            }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
            background-color: #f5f5f5;
            color: rgba(0, 0, 0, 0.87);
        }

            .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
                background-color: rgba(204, 204, 204, 0.7);
                color: #000000;
            }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
            background-color: #cccccc;
        }

            .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
                background-color: #cccccc;
            }

    .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
        padding-bottom: 8px;
        border-bottom: 1px solid #e0e0e0;
    }

    .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) + .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header {
        border-top-color: transparent;
    }

    .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator {
        font: 14px/1 DXIcons;
        font-size: 24px;
    }

        .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator:before {
            content: "\f016";
        }

    .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header {
        color: rgba(0, 0, 0, 0.87);
    }

    .dx-device-mobile .dx-list-group .dx-list-item:first-of-type {
        margin-top: 0;
    }

    .dx-device-mobile .dx-list-group .dx-list-item:last-of-type {
        margin-bottom: 0;
    }

    .dx-device-mobile .dx-list-group-header {
        font-weight: normal;
        padding: 14px 15px;
        background: rgba(255, 255, 255, 0);
        color: #ed1c24;
        border-top: 1px solid #e0e0e0;
        border-top-color: transparent;
        font-size: 16px;
    }

        .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator {
            color: rgba(0, 0, 0, 0.54);
        }

    .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator {
        font: 14px/1 DXIcons;
        font-size: 24px;
        float: right;
        margin-top: -2px;
    }

        .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator:before {
            content: "\f014";
        }

    .dx-device-mobile .dx-list-group-header .dx-inkripple {
        height: auto;
        top: -1px;
        bottom: 0px;
    }

    .dx-device-mobile .dx-list-group-header:before {
        content: none;
    }

    .dx-device-mobile .dx-list-item.dx-state-hover,
    .dx-device-mobile .dx-list-item.dx-state-active {
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-device-mobile .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper,
        .dx-device-mobile .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper {
            background-color: #f5f5f5;
        }

    .dx-device-mobile .dx-list-item:first-of-type {
        border-top: none;
        margin-top: 8px;
    }

    .dx-device-mobile .dx-list-item:last-of-type {
        border-bottom: none;
        margin-bottom: 8px;
    }

    .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: rgba(98, 98, 98, 0.87);
        background: #fff;
        border-top: 1px solid rgba(255, 87, 34, 0.5);
        border-bottom: 1px solid rgba(255, 87, 34, 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 {
        color: rgba(0, 0, 0, 0.87);
    }

    .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 {
        font-size: 16px;
    }

    .dx-device-mobile .dx-list-item-content {
        padding: 14px 15px 13px;
    }

    .dx-device-mobile .dx-list .dx-empty-message {
        padding: 8px 15px 7px;
        color: rgba(0, 0, 0, 0.54);
        font-size: 12px;
    }

    .dx-device-mobile .dx-list-next-button .dx-button {
        margin-top: 20px;
        padding: 0;
    }

        .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
            padding: 6px 16px;
        }

        .dx-device-mobile .dx-list-next-button .dx-button .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: 12px;
            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: 12px;
        margin-right: 0;
    }

    .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
    .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
        margin-right: 12px;
        margin-left: 0;
    }

    .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
        padding-left: 58px;
        padding-right: 58px;
    }

    .dx-device-mobile .dx-list-item-chevron-container {
        width: 26px;
        padding-top: 7px;
    }

    .dx-device-mobile .dx-list-border-visible {
        border: 1px solid #e0e0e0;
    }

    .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
        width: 45px;
    }

    .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: 55px;
    }

    .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
        border: none;
        background: transparent;
        padding: 0px;
        height: 24px;
        width: 24px;
        margin-left: 14px;
        -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-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave {
                display: none;
            }

    .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete {
        width: 23px;
        height: 23px;
    }

    .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-toggle-delete-switch-container + .dx-list-item-content {
        padding-left: 33px;
    }

    .dx-device-mobile .dx-list-select-all {
        padding: 13px 0;
        font-size: 16px;
        position: relative;
    }

        .dx-device-mobile .dx-list-select-all:after {
            content: "";
            position: absolute;
            bottom: 1px;
            left: 16px;
            right: 16px;
            height: 1px;
            background-color: #e0e0e0;
        }

    .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 35px;
        margin-top: 3px;
    }

    .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container {
        width: 42px;
    }

    .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container {
        width: 43.8px;
    }

    .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle {
        font: 14px/1 DXIcons;
        color: rgba(0, 0, 0, 0.27);
        width: 38.4px;
        height: 38.4px;
        background-position: 7px 7px;
        background-size: 24px 24px;
        padding: 7px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .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 {
        font: 14px/1 DXIcons;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.24);
        border-right-color: transparent;
        background-color: #ed1c24;
        font-size: 24px;
        display: table-cell;
        vertical-align: middle;
        padding: 0 15px;
        width: 54px;
        -webkit-box-shadow: inset 3px 0px 5px -3px rgba(0, 0, 0, 0.24), inset 0px 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0px -3px 5px -3px rgba(0, 0, 0, 0.24);
        box-shadow: inset 3px 0px 5px -3px rgba(0, 0, 0, 0.24), inset 0px 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0px -3px 5px -3px rgba(0, 0, 0, 0.24);
    }

        .dx-device-mobile .dx-list-slide-menu-button-delete:before {
            content: "\f03e";
        }

    .dx-device-mobile .dx-list-slide-menu-button-menu {
        border: 1px solid transparent;
        color: #fff;
        background-color: #ed1c24;
    }

    .dx-device-mobile .dx-list-static-delete-button {
        margin-right: 15px;
        padding: 0;
        border-radius: 50%;
        height: 34px;
        margin-top: -2px;
    }

        .dx-device-mobile .dx-list-static-delete-button.dx-button {
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }

            .dx-device-mobile .dx-list-static-delete-button.dx-button .dx-button-content {
                z-index: 1;
            }

    .dx-device-mobile .dx-list-switchable-delete-button-inner-wrapper {
        padding-right: 6px;
        background-color: #fff;
    }

    .dx-device-mobile .dx-button.dx-list-switchable-delete-button {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-icon {
            color: #ed1c24;
        }

        .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-hover {
            background-color: rgba(233, 30, 99, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-focused {
            background-color: rgba(233, 30, 99, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-active {
            background-color: rgba(233, 30, 99, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave {
            background-color: rgba(233, 30, 99, 0.2);
        }

    .dx-device-mobile .dx-list-context-menucontent {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        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: 0.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-button.dx-list-toggle-delete-switch,
    .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
        margin-right: 14px;
        margin-left: 0;
    }

    .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-right: 0;
    }

    .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
    .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
        padding-left: 6px;
        padding-right: 0;
    }

    .dx-device-mobile .dx-list-item-badge-container {
        padding-right: 15px;
    }

    .dx-dropdownlist-popup-wrapper {
        height: 100%;
    }

        .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
            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: 14px 15px;
            }

        .dx-dropdownlist-popup-wrapper .dx-list-select-all {
            padding: 16px 0 12px;
        }

        .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-texteditor-input {
            padding: 10px;
            line-height: 24px;
        }

        .dx-textarea .dx-placeholder:before {
            padding: 13px 10px;
        }

        .dx-textarea .dx-icon-clear {
            top: 0;
            margin-top: 0;
        }

        .dx-textarea.dx-invalid .dx-texteditor-container:after {
            top: 18px;
            margin-top: 0;
        }

    .dx-numberbox-spin-container {
        overflow: hidden;
        width: 24px;
    }

    .dx-state-disabled .dx-numberbox-spin-container {
        opacity: 1;
    }

    .dx-numberbox-spin-up-icon {
        font: 14px/1 DXIcons;
        color: rgba(0, 0, 0, 0.54);
    }

        .dx-numberbox-spin-up-icon:before {
            content: "\f002";
        }

    .dx-numberbox-spin-down-icon {
        font: 14px/1 DXIcons;
        color: rgba(0, 0, 0, 0.54);
    }

        .dx-numberbox-spin-down-icon:before {
            content: "\f001";
        }

    .dx-numberbox-spin-up-icon,
    .dx-numberbox-spin-down-icon {
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-numberbox-spin-up-icon:before,
        .dx-numberbox-spin-down-icon:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-numberbox-spin-button {
        padding: 1px;
        height: 50%;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined .dx-texteditor-input {
        padding-right: 0;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined .dx-texteditor-input {
        padding-right: 26px;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 26px;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input {
        padding-right: 38px;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 38px;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        right: 13px;
    }

    .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        left: 13px;
        right: auto;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after {
        right: 1px;
    }

    .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after {
        left: 1px;
        right: auto;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined .dx-texteditor-input {
        padding-right: 12px;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined .dx-texteditor-input {
        padding-right: 26px;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 26px;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input {
        padding-right: 38px;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 38px;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        right: 13px;
    }

    .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        left: 13px;
        right: auto;
    }

    .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after,
    .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after {
        right: 1px;
    }

    .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after,
    .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after {
        left: 1px;
        right: auto;
    }

    .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined .dx-texteditor-input {
        padding-right: 26px;
    }

    .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 26px;
    }

    .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input,
    .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input {
        padding-right: 38px;
    }

    .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 38px;
    }

    .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        right: 13px;
    }

    .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        left: 13px;
        right: auto;
    }

    .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after {
        right: 1px;
    }

    .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after,
    .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after {
        left: 1px;
        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-numberbox-spin-up-icon,
    .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon {
        background-position: center;
    }

    .dx-numberbox-spin-touch-friendly.dx-editor-underlined.dx-show-clear-button .dx-texteditor-input {
        padding-right: 0;
    }

    .dx-numberbox-spin-touch-friendly.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
    .dx-numberbox-spin-touch-friendly.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input {
        padding-right: 12px;
    }

    .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: 24px;
    }

    .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: 24px;
    }

    .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input,
    .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input {
        padding-left: 0;
    }

    .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input,
    .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input,
    .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input,
    .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input {
        padding-left: 12px;
    }

    .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 {
        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: 24px;
        height: 100%;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-datebox-calendar .dx-dropdowneditor-icon:before {
            content: "\f001";
        }

        .dx-datebox-calendar .dx-dropdowneditor-icon:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-datebox-calendar.dx-dropdowneditor-active.dx-editor-filled {
        background: rgba(0, 0, 0, 0.07);
    }

    .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
        opacity: 1;
    }

    .dx-datebox-wrapper-calendar .dx-popup-content {
        padding: 0;
    }

    .dx-datebox-wrapper-calendar .dx-calendar {
        border: none;
        margin: 10px;
    }

    .dx-datebox-wrapper-calendar .dx-datebox-container-cell {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
        padding: 10px;
    }

    .dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
        margin: 0 5px 5px;
    }

    .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
        margin-top: -1px;
        margin-right: 10px;
    }

    @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: 5px;
        margin-right: 10px;
    }

    .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
        margin-right: 5px;
        margin-left: 10px;
    }

    .dx-datebox-list .dx-dropdowneditor-icon {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 100%;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-datebox-list .dx-dropdowneditor-icon:before {
            content: "\f001";
        }

        .dx-datebox-list .dx-dropdowneditor-icon:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .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-editor-underlined .dx-texteditor-input,
    .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input,
    .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
    .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
    .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input,
    .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input {
        padding-right: 36px;
    }

    .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input,
    .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding-right: 12px;
        padding-left: 36px;
    }

    .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: rgba(0, 0, 0, 0.87);
    }

    .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: rgba(0, 0, 0, 0.87);
    }

    .dx-dateview-item-selected {
        font-size: 1.8em;
        color: #ed1c24;
    }

    .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;
            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;
            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 {
        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 {
        min-width: 4em;
    }

    .dx-device-tablet .dx-dateview-item,
    .dx-device-phone .dx-dateview-item {
        font-size: 1.1em;
    }

    .dx-device-tablet .dx-dateview-item-selected,
    .dx-device-phone .dx-dateview-item-selected {
        font-size: 1.4em;
    }

    .dx-toolbar {
        background-color: #fff;
        color: rgba(0, 0, 0, 0.87);
        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 {
        overflow: visible;
        background-color: transparent;
        color: #212121;
    }

    .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;
        font-weight: 500;
    }

    .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: 76px;
        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;
        font-weight: 500;
    }

    .dx-toolbar.dx-state-disabled {
        opacity: 1;
    }

    .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 #e0e0e0;
    }

        .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide {
            padding: 0;
        }

        .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
            height: 48px;
            padding: 0;
        }

        .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content {
            padding: 0 16px;
        }

        .dx-toolbar-menu-section .dx-button-content {
            padding: 4px;
        }

        .dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
            padding: 0 16px;
        }

            .dx-toolbar-menu-section .dx-toolbar-item-auto-hide .dx-checkbox {
                padding: 15px 0;
            }

    .dx-toolbar-text-auto-hide .dx-button {
        min-width: 36px;
    }

        .dx-toolbar-text-auto-hide .dx-button .dx-button-content {
            padding: 6px;
        }

        .dx-toolbar-text-auto-hide .dx-button .dx-icon {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
            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-text-auto-hide .dx-button .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right,
    .dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon.dx-button-has-text {
        border-radius: 50%;
    }

    .dx-toolbar-menu-action .dx-button.dx-button-has-icon:not(.dx-button-has-text) {
        border-radius: 0;
    }

    .dx-toolbar .dx-tab {
        padding: 4px;
    }

    .dx-tile {
        color: rgba(0, 0, 0, 0.87);
        background-color: #fff;
        border: 1px solid rgba(224, 224, 224, 0.6);
        text-align: left;
    }

        .dx-tile.dx-state-focused,
        .dx-tile.dx-state-hover {
            background-color: #fff;
            border-color: rgba(255, 87, 34, 0.4);
        }

        .dx-tile.dx-state-active {
            background-color: rgba(96, 96, 96, 0.2);
            color: rgba(0, 0, 0, 0.87);
            border-color: transparent;
        }

    .dx-overlay-shader {
        background-color: rgba(0, 0, 0, 0.32);
    }

    .dx-overlay-wrapper {
        color: rgba(0, 0, 0, 0.87);
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-overlay-wrapper input,
        .dx-overlay-wrapper textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .dx-toast-content {
        color: rgba(255, 255, 255, 0.87);
        font-size: 14px;
        font-weight: 400;
        padding: 0 16px;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
        min-height: 48px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .dx-toast-icon {
        display: none;
    }

    .dx-toast-message {
        padding: 0;
    }

    .dx-toast-info {
        background-color: rgba(0, 0, 0, 0.87);
    }

    .dx-toast-warning {
        background-color: #FFC107;
    }

    .dx-toast-error {
        background-color: #ed1c24;
    }

    .dx-toast-success {
        background-color: #66a51c;
    }

    .dx-popup-wrapper > .dx-overlay-content {
        background: #fff;
        -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
        box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
    }

    .dx-popup-wrapper > .dx-popup-fullscreen {
        border-radius: 0;
    }

    .dx-popup-title {
        position: relative;
        padding: 0 8px 0 24px;
        margin-bottom: -4px;
        min-height: 28px;
        border-bottom: 1px solid #e0e0e0;
        background: transparent;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-popup-title.dx-toolbar {
            padding: 0 8px 0 24px;
            overflow: visible;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-popup-title.dx-toolbar .dx-toolbar-before {
                padding-right: 15px;
                width: 100%;
            }

    .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: 76px;
        overflow: visible;
    }

    .dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 0 0 8px;
    }

    .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 8px 0 0;
    }

    .dx-popup-title.dx-toolbar .dx-toolbar-item {
        padding: 0 8px 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 8px;
    }

        .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;
        font-weight: 500;
    }

    .dx-popup-title.dx-toolbar .dx-button.dx-closebutton {
        display: block;
    }

    .dx-popup-content {
        padding: 24px;
    }

        .dx-popup-content > .dx-button {
            margin: 0 8px;
        }

    .dx-popup-bottom {
        background: transparent;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-popup-bottom.dx-toolbar {
            padding: 0 8px 0 24px;
            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: 52px;
        overflow: visible;
    }

    .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 0 0 8px;
    }

    .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 8px 0 0;
    }

    .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
        padding: 0 8px 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 8px;
    }

        .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;
        font-weight: 500;
    }

    .dx-device-mobile .dx-popup-bottom.dx-toolbar {
        padding: 0 8px 0 24px;
        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: 52px;
        overflow: visible;
    }

    .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 0 0 8px;
    }

    .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 8px 0 0;
    }

    .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
        padding: 0 8px 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 8px;
    }

        .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;
        font-weight: 500;
    }

    .dx-popup-content.dx-dialog-content {
        min-width: 172px;
        padding: 24px;
    }

    .dx-dialog-message {
        padding: 0;
    }

    .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 {
        display: none;
    }

    .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
        padding-right: 15px;
        padding-left: 0;
    }

    .dx-progressbar-container {
        height: 4px;
        background-color: rgba(255, 87, 34, 0.3);
    }

    .dx-progressbar-range {
        position: relative;
        background-color: #ed1c24;
        margin-top: -1px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dx-progressbar-animating-container {
        height: 4px;
        background-color: rgba(255, 87, 34, 0.3);
        background-size: 90% 5px;
        -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(#ed1c24), color-stop(95%, transparent));
        background-image: linear-gradient(-90deg, transparent 5%, #ed1c24, transparent 95%);
        background-repeat: repeat;
    }

    .dx-state-disabled .dx-progressbar-range {
        background-color: rgba(255, 87, 34, 0.6);
    }

    .dx-state-disabled .dx-progressbar-animating-container {
        -webkit-animation: none;
        animation: none;
        background-position-x: 45%;
    }

    .dx-progressbar-status {
        padding-top: 8px;
        color: #ed1c24;
    }

    .dx-progressbar .dx-position-right .dx-progressbar-status {
        padding-top: 0;
    }

    .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(#ed1c24), color-stop(95%, transparent));
        background-image: linear-gradient(-90deg, transparent 5%, #ed1c24, 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 {
        background-color: #616161;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 4px;
        min-height: auto;
    }

        .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
            padding: 6px 8px;
            font-size: 12px;
        }

    .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow {
        display: none;
    }

    .dx-slider-wrapper {
        height: 32px;
    }

    .dx-slider-bar,
    .dx-slider-range {
        margin-top: 15px;
        height: 2px;
    }

    .dx-slider-bar {
        margin-right: 18px;
        margin-left: 18px;
        background: rgba(255, 87, 34, 0.24);
    }

    .dx-slider-range {
        top: -15px;
    }

        .dx-slider-range.dx-slider-range-visible {
            background: #ed1c24;
        }

    .dx-slider-handle {
        margin-top: -15px;
        margin-right: -16px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }

        .dx-slider-handle:after {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            margin-top: -6px;
            margin-left: -6px;
            width: 12px;
            height: 12px;
            background: #ed1c24;
            content: "";
            border-radius: 50%;
        }

        .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content {
            background-color: transparent;
            min-width: 34px;
        }

            .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content:before {
                content: "";
                position: absolute;
                width: 34px;
                height: 34px;
                border-radius: 0 50% 50% 50%;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                display: block;
                background-color: #ed1c24;
                top: 0;
            }

    .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content:before {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        bottom: 0;
        margin-top: -5px;
    }

    .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
        line-height: normal;
        font-size: 10px;
        max-width: 28px;
        min-width: 28px;
        width: 28px;
        text-overflow: ellipsis;
        padding: 11px 3px 5px;
        color: #fff;
        position: relative;
    }

    .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
        padding-top: 6px;
    }

    .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled:before {
        margin-top: 5px;
    }

    .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled:before {
        margin-top: -5px;
    }

    .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content {
        padding-top: 17px;
    }

    .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content {
        padding-top: 6px;
        padding-bottom: 17px;
    }

    .dx-slider-handle .dx-inkripple-wave {
        background-color: rgba(255, 87, 34, 0.24);
    }

    .dx-slider-tooltip-position-top {
        padding-top: 40px;
    }

    .dx-slider-tooltip-position-bottom {
        padding-bottom: 40px;
    }

    .dx-slider-label-position-bottom .dx-slider-label {
        bottom: -18px;
    }

    .dx-slider-label-position-top .dx-slider-label {
        top: -15px;
    }

    .dx-state-disabled.dx-slider,
    .dx-state-disabled .dx-slider {
        opacity: 1;
    }

        .dx-state-disabled.dx-slider .dx-slider-handle,
        .dx-state-disabled .dx-slider .dx-slider-handle {
            opacity: 1;
        }

    .dx-state-disabled .dx-slider-bar {
        background: rgba(0, 0, 0, 0.24);
    }

    .dx-state-disabled .dx-slider-range.dx-slider-range-visible {
        background: rgba(0, 0, 0, 0.24);
    }

    .dx-state-disabled .dx-slider-handle {
        width: 12px;
        height: 12px;
        margin-top: -5px;
        margin-right: -5px;
        border-radius: 50%;
        border: 2px solid #fff;
    }

        .dx-state-disabled .dx-slider-handle:after {
            margin-top: -4px;
            margin-left: -4px;
            width: 8px;
            height: 8px;
            background: grey;
        }

        .dx-state-disabled .dx-slider-handle .dx-overlay-content {
            margin-top: -12px;
        }

    .dx-invalid .dx-slider-handle:after {
        background-color: #ed1c24;
    }

    .dx-invalid .dx-slider-range-visible {
        background-color: #ed1c24;
        border-color: #ed1c24;
    }

    .dx-invalid .dx-slider-bar {
        background-color: rgba(233, 30, 99, 0.4);
    }

    .dx-rtl .dx-slider-handle {
        margin-left: -16px;
    }

    .dx-rtl.dx-state-disabled .dx-slider-handle {
        margin-left: -5px;
        margin-right: 0;
    }

    .dx-rtl.dx-state-disabled .dx-overlay-content {
        margin-left: -13px;
    }

    .dx-rangeslider-start-handle {
        margin-left: -14px;
    }

    .dx-state-disabled .dx-rangeslider-start-handle {
        margin-left: -5px;
    }

    .dx-rtl .dx-rangeslider-start-handle {
        margin-right: -14px;
    }

    .dx-rtl.dx-state-disabled .dx-rangeslider-start-handle {
        margin-right: -5px;
    }

    .dx-gallery .dx-gallery-nav-button-prev,
    .dx-gallery .dx-gallery-nav-button-next {
        position: absolute;
        top: 0;
        width: 34%;
        height: 100%;
        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: #ed1c24;
        }

        .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after,
        .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after {
            background-color: #ed1c24;
        }

        .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: 32px;
            background: rgba(0, 0, 0, 0.54);
            border-radius: 50%;
            top: 50%;
            margin-top: -16px;
        }

        .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: 8px;
        }

        .dx-gallery .dx-gallery-nav-button-prev:before {
            left: 7px;
            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: 8px;
        }

        .dx-gallery .dx-gallery-nav-button-next:before {
            right: 7px;
            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 rgba(0, 0, 0, 0.2);
        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: #ed1c24;
        border: 2px solid rgba(255, 255, 255, 0.8);
        margin: -1px 6px;
    }

    .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
        background: #ed1c24;
    }

    .dx-lookup.dx-editor-filled,
    .dx-lookup.dx-editor-outlined {
        height: 56px;
    }

        .dx-lookup.dx-editor-filled .dx-lookup-field,
        .dx-lookup.dx-editor-outlined .dx-lookup-field {
            padding: 19px 12px 18px;
        }

        .dx-lookup.dx-editor-filled .dx-lookup-arrow,
        .dx-lookup.dx-editor-outlined .dx-lookup-arrow {
            right: 12px;
        }

        .dx-lookup.dx-editor-filled.dx-rtl .dx-lookup-arrow,
        .dx-lookup.dx-editor-outlined.dx-rtl .dx-lookup-arrow,
        .dx-rtl .dx-lookup.dx-editor-filled .dx-lookup-arrow,
        .dx-rtl .dx-lookup.dx-editor-outlined .dx-lookup-arrow {
            left: 12px;
            right: auto;
        }

    .dx-lookup.dx-editor-underlined {
        height: 32px;
    }

        .dx-lookup.dx-editor-underlined .dx-lookup-field {
            padding: 7px 0 6px;
        }

    .dx-lookup.dx-state-focused:before {
        content: none;
    }

    .dx-lookup.dx-invalid {
        border-bottom-color: rgba(233, 30, 99, 0.4);
    }

        .dx-lookup.dx-invalid .dx-lookup-arrow:after {
            pointer-events: none;
            font-weight: 500;
            background-color: #ed1c24;
            color: #fff;
            content: '!';
            position: absolute;
            top: 50%;
            margin-top: -11px;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            text-align: center;
            line-height: 23px;
            font-size: 14px;
            right: 24px;
        }

        .dx-lookup.dx-invalid.dx-rtl .dx-lookup-arrow:after,
        .dx-rtl .dx-lookup.dx-invalid .dx-lookup-arrow:after {
            left: 24px;
            right: auto;
        }

    .dx-lookup-field {
        font-size: 16px;
    }

    .dx-lookup-arrow {
        font: 14px/1 DXIcons;
        width: 24px;
        color: rgba(0, 0, 0, 0.54);
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-lookup-arrow:before {
            content: "\f001";
        }

        .dx-lookup-arrow:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-state-readonly .dx-lookup-field:before {
        opacity: 0.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-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: rgba(148, 148, 148, 0.87);
    }

    .dx-lookup-popup-search .dx-list {
        height: calc(100% - 70px);
    }

    .dx-lookup-search-wrapper {
        padding: 20px;
        padding-bottom: 14px;
    }

    .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;
        line-height: 100%;
    }

    .dx-loadindicator-content {
        height: 100%;
        width: 100%;
        -webkit-animation: content-rotation 1568ms linear infinite;
        animation: content-rotation 1568ms linear infinite;
    }

    .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-image .dx-loadindicator-content {
            -webkit-animation: none;
            animation: none;
        }

    .dx-loadindicator-icon {
        position: absolute;
        height: 100%;
        width: 100%;
        -webkit-animation: icon-rotation 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        animation: icon-rotation 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }

    .dx-loadindicator-segment {
        height: 100%;
        width: 100%;
        position: absolute;
    }

    .dx-loadindicator-segment-inner {
        position: relative;
        height: 100%;
        border-color: #ed1c24;
        border-width: 0.12em;
        border-style: solid;
        border-bottom-color: transparent;
        -webkit-animation: none;
        animation: none;
        border-radius: 50%;
    }

    .dx-loadindicator-segment2,
    .dx-loadindicator-segment0 {
        width: 50%;
        height: 100%;
        overflow: hidden;
    }

        .dx-loadindicator-segment2 .dx-loadindicator-segment-inner,
        .dx-loadindicator-segment0 .dx-loadindicator-segment-inner {
            width: 200%;
        }

    .dx-loadindicator-segment2 {
        left: 0;
    }

        .dx-loadindicator-segment2 .dx-loadindicator-segment-inner {
            border-right-color: transparent;
            -webkit-transform: rotate(-129deg);
            transform: rotate(-129deg);
            -webkit-animation: left-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: left-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        }

    .dx-loadindicator-segment0 {
        right: 0;
    }

        .dx-loadindicator-segment0 .dx-loadindicator-segment-inner {
            left: -100%;
            border-left-color: transparent;
            -webkit-transform: rotate(129deg);
            transform: rotate(129deg);
            -webkit-animation: right-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: right-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        }

    .dx-loadindicator-segment1 {
        position: absolute;
        top: 0;
        left: 45%;
        width: 10%;
        height: 100%;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .dx-loadindicator-segment1 .dx-loadindicator-segment-inner {
            width: 1000%;
            left: -450%;
        }

    @-webkit-keyframes content-rotation {
        to {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes content-rotation {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes icon-rotation {
        12.5% {
            -webkit-transform: rotate(135deg);
        }

        25% {
            -webkit-transform: rotate(270deg);
        }

        37.5% {
            -webkit-transform: rotate(405deg);
        }

        50% {
            -webkit-transform: rotate(540deg);
        }

        62.5% {
            -webkit-transform: rotate(675deg);
        }

        75% {
            -webkit-transform: rotate(810deg);
        }

        87.5% {
            -webkit-transform: rotate(945deg);
        }

        to {
            -webkit-transform: rotate(1080deg);
        }
    }

    @keyframes icon-rotation {
        12.5% {
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        25% {
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
        }

        37.5% {
            -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
        }

        50% {
            -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
        }

        62.5% {
            -webkit-transform: rotate(675deg);
            transform: rotate(675deg);
        }

        75% {
            -webkit-transform: rotate(810deg);
            transform: rotate(810deg);
        }

        87.5% {
            -webkit-transform: rotate(945deg);
            transform: rotate(945deg);
        }

        to {
            -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
        }
    }

    @-webkit-keyframes left-segment-rotation {
        from {
            -webkit-transform: rotate(130deg);
        }

        50% {
            -webkit-transform: rotate(-5deg);
        }

        to {
            -webkit-transform: rotate(130deg);
        }
    }

    @keyframes left-segment-rotation {
        from {
            -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
        }

        50% {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }

        to {
            -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
        }
    }

    @-webkit-keyframes right-segment-rotation {
        from {
            -webkit-transform: rotate(-130deg);
        }

        50% {
            -webkit-transform: rotate(5deg);
        }

        to {
            -webkit-transform: rotate(-130deg);
        }
    }

    @keyframes right-segment-rotation {
        from {
            -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
        }

        50% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }

        to {
            -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
        }
    }

    .dx-loadpanel-content {
        border: 1px solid #e0e0e0;
        background: #fff;
        padding: 13px;
        border-radius: 50%;
        -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    }

    .dx-loadpanel-message {
        display: none;
    }

    .dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after {
        right: 2px;
    }

    .dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after,
    .dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after {
        left: 2px;
    }

    .dx-dropdownmenu-popup-wrapper .dx-overlay-content {
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    }

        .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-dropdownbutton-toggle.dx-button {
        min-width: auto;
    }

    .dx-rtl .dx-dropdownbutton-toggle.dx-button {
        border-right-width: 0;
    }

    .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content {
        padding-left: 8px;
        padding-right: 8px;
    }

    .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-icon {
        margin-right: 8px;
    }

        .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
            margin-right: -8px;
            margin-left: 0;
        }

    .dx-selectbox-popup-wrapper .dx-overlay-content {
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    }

    .dx-selectbox-popup-wrapper .dx-popup-content {
        padding: 0;
    }

    .dx-selectbox-popup-wrapper .dx-list {
        background-color: #fff;
    }

    .dx-tagbox .dx-texteditor-input-container {
        height: 100%;
    }

    .dx-tagbox .dx-texteditor-input {
        height: 32px;
    }

    .dx-tagbox.dx-editor-filled .dx-texteditor-input,
    .dx-tagbox.dx-editor-outlined .dx-texteditor-input {
        padding: 0;
        margin-top: 8px;
    }

    .dx-tagbox.dx-editor-filled .dx-tag-container,
    .dx-tagbox.dx-editor-outlined .dx-tag-container {
        padding: 4px 12px 12px 12px;
        min-height: 56px;
    }

    .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container {
        margin-top: -8px;
    }

        .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container:after {
            margin-top: -7px;
        }

    .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input {
        padding-left: 0;
        margin-top: 8px;
    }

    .dx-rtl .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input,
    .dx-rtl.dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-focused:before,
    .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-active:before {
        border-top: 0;
        border-bottom: 0;
    }

    .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-hover:after,
    .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined):after {
        border-bottom: 0;
    }

    .dx-tagbox-single-line .dx-tag-container {
        padding-right: 0;
    }

    .dx-tag-content {
        margin: 0;
        padding: 8px 32px 7px 12px;
        min-width: 40px;
        background-color: #e0e0e0;
        color: rgba(0, 0, 0, 0.6);
        border-radius: 16px;
    }

    .dx-tag-remove-button {
        width: 24px;
        height: 100%;
        right: 4px;
        font: 14px/1 DXIcons;
        font-size: 14px;
    }

        .dx-tag-remove-button:before {
            content: "\f008";
        }

        .dx-tag-remove-button:before {
            display: block;
            position: absolute;
            top: 51%;
            left: 48%;
            width: 16px;
            height: 16px;
            margin-left: -8px;
            margin-top: -8px;
            line-height: 16px;
            color: #e0e0e0;
            background-color: rgba(0, 0, 0, 0.36);
            border-radius: 50%;
            -webkit-transform: none;
            transform: none;
        }

    .dx-tag {
        margin: 8px 8px 0 0;
    }

        .dx-tag:hover .dx-tag-content {
            background-color: #d9d9d9;
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-tag.dx-state-focused .dx-tag-content {
            background-color: #adadad;
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-tagbox.dx-invalid .dx-texteditor-container:after {
        right: 2px;
    }

    .dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after,
    .dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after {
        left: 2px;
    }

    .dx-tagbox-popup-wrapper .dx-list-select-all {
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 12px;
        margin-bottom: 3px;
    }

        .dx-tagbox-popup-wrapper .dx-list-select-all:after {
            background-color: transparent;
        }

    .dx-rtl .dx-tag-content {
        padding-right: 12px;
        padding-left: 32px;
    }

    .dx-rtl .dx-tag-remove-button {
        left: 4px !important;
    }

    .dx-radiobutton-icon {
        width: 20px;
        height: 20px;
        position: relative;
    }

        .dx-radiobutton-icon:after {
            content: "";
            width: 40px;
            height: 40px;
            top: 50%;
            left: 50%;
            margin-top: -20px;
            margin-left: -20px;
            border-radius: 50%;
            display: block;
            position: absolute;
            z-index: 1;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .dx-radiobutton-icon:before {
            display: block;
            width: 16px;
            height: 16px;
            border: 2px solid rgba(0, 0, 0, 0.54);
            background-color: #fff;
            content: "";
            border-radius: 10px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

    .dx-radiobutton-icon-checked:before {
        border-color: #ed1c24;
    }

    .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
        display: block;
        margin-top: -15px;
        margin-left: 5px;
        width: 10px;
        height: 10px;
        background: #ed1c24;
        content: "";
        border-radius: 5px;
    }

    .dx-radiobutton {
        line-height: 20px;
    }

        .dx-radiobutton.dx-state-active .dx-radiobutton-icon:after,
        .dx-radiobutton.dx-state-focused .dx-radiobutton-icon:after {
            background-color: rgba(0, 0, 0, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-radiobutton.dx-radiobutton-checked.dx-state-active .dx-radiobutton-icon-checked:after,
        .dx-radiobutton.dx-radiobutton-checked.dx-state-focused .dx-radiobutton-icon-checked:after {
            background-color: rgba(255, 87, 34, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-radiobutton.dx-state-disabled {
            opacity: 0.38;
        }

    .dx-state-readonly .dx-radiobutton-icon-dot,
    .dx-state-disabled .dx-radiobutton-icon-dot {
        background-color: rgba(0, 0, 0, 0.54);
    }

    .dx-state-readonly .dx-radiobutton-icon:before,
    .dx-state-disabled .dx-radiobutton-icon:before {
        border-color: rgba(0, 0, 0, 0.54);
    }

    .dx-invalid .dx-radiobutton-icon:before {
        border-color: rgba(233, 30, 99, 0.4);
    }

    .dx-invalid .dx-radiobutton-icon-dot {
        background-color: rgba(233, 30, 99, 0.4);
    }

    .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon:before,
    .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before {
        border-color: #ed1c24;
    }

    .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon-dot,
    .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon-dot {
        background-color: #ed1c24;
    }

    .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon:after,
    .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:after {
        background-color: rgba(233, 30, 99, 0.1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .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: 5px;
        margin-left: 0;
    }

    .dx-radio-value-container {
        padding-left: 0;
    }

    .dx-radiogroup .dx-radiobutton {
        margin: 2px 0;
    }

    .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-accordion {
        background-color: #fff;
        color: rgba(0, 0, 0, 0.87);
        margin: 3px 3px 5px 3px;
    }

    .dx-accordion-item {
        background-color: #fff;
        -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        -webkit-transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        will-change: margin, height;
        border-top: 1px solid #e0e0e0;
    }

        .dx-accordion-item:first-child {
            border-top: none;
        }

        .dx-accordion-item.dx-state-active > .dx-accordion-item-title,
        .dx-accordion-item.dx-state-focused > .dx-accordion-item-title {
            color: rgba(0, 0, 0, 0.87);
            background-color: #f5f5f5;
        }

        .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon,
        .dx-accordion-item.dx-state-focused:not(.dx-accordion-item-opened) .dx-icon {
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
            background-color: #f5f5f5;
        }

        .dx-accordion-item.dx-state-hover + .dx-accordion-item-closed {
            border-top-color: #d1d1d1;
        }

    .dx-accordion-item-opened {
        margin: 16px 0;
        border-top: none;
    }

        .dx-accordion-item-opened:first-child {
            margin-top: 0;
        }

        .dx-accordion-item-opened > .dx-accordion-item-title {
            height: 64px;
        }

            .dx-accordion-item-opened > .dx-accordion-item-title .dx-accordion-item-title-caption {
                top: 24px;
            }

            .dx-accordion-item-opened > .dx-accordion-item-title:before {
                content: "\f014";
                top: 18px;
            }

        .dx-accordion-item-opened + .dx-accordion-item-closed {
            border-top: none;
        }

    .dx-accordion-item-title {
        height: 48px;
        position: relative;
        padding: 12px 24px;
        background-color: #fff;
    }

        .dx-accordion-item-title .dx-accordion-item-title-caption,
        .dx-accordion-item-title:before {
            position: absolute;
            -webkit-transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1);
            transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1);
            will-change: top;
        }

        .dx-accordion-item-title .dx-accordion-item-title-caption {
            color: rgba(0, 0, 0, 0.87);
            font-size: 15px;
            top: 16px;
            left: 24px;
            right: 72px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .dx-accordion-item-title:before {
            top: 11px;
            right: 24px;
            font-weight: normal;
            color: rgba(0, 0, 0, 0.38);
            content: "\f016";
            font-family: DXIcons;
            font-size: 24px;
            height: 24px;
            width: 24px;
        }

    .dx-state-disabled.dx-accordion-item {
        opacity: 0.5;
    }

    .dx-accordion-item-body {
        padding: 24px;
        font-size: 12px;
    }

    .dx-rtl .dx-accordion-item-title .dx-accordion-item-title-caption {
        right: 24px;
        left: 72px;
    }

    .dx-rtl .dx-accordion-item-title:before {
        left: 24px;
        right: auto;
    }

    .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: 32px;
        height: 32px;
        background-position: 0px 0px;
        background-size: 32px 32px;
        padding: 0px;
        font-size: 32px;
        text-align: center;
        line-height: 32px;
        margin-right: 16px;
        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: 16px;
        margin-right: 0;
    }

    .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
        margin-left: 16px;
        margin-right: 0;
    }

    .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
    .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
        margin-right: 16px;
        margin-left: 0;
    }

    .dx-slideoutview-menu-content,
    .dx-slideoutview-content {
        background-color: #fff;
    }

    .dx-slideoutview-content {
        border-color: rgba(224, 224, 224, 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: 32px;
        height: 32px;
        background-position: 0px 0px;
        background-size: 32px 32px;
        padding: 0px;
        font-size: 32px;
        text-align: center;
        line-height: 32px;
        margin-right: 16px;
        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: 16px;
        margin-right: 0;
    }

    .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
        margin-left: 16px;
        margin-right: 0;
    }

    .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
    .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
        margin-right: 16px;
        margin-left: 0;
    }

    .dx-pager {
        padding: 13px 14px 13px 24px;
    }

        .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: 9px 12px;
            line-height: 12px;
        }

        .dx-pager .dx-pages .dx-separator {
            padding-left: 8px;
            padding-right: 8px;
        }

        .dx-pager .dx-pages .dx-navigate-button {
            width: 9px;
            height: 12px;
            padding: 9px 12px;
        }

        .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 {
            font-size: 12px;
            border-radius: 20px;
        }

            .dx-pager .dx-page:hover,
            .dx-pager .dx-page-size:hover {
                background-color: #f5f5f5;
            }

        .dx-pager .dx-page-sizes .dx-page-size {
            padding: 9px 12px;
            line-height: 12px;
        }

        .dx-pager .dx-pages .dx-selection,
        .dx-pager .dx-page-sizes .dx-selection {
            font-weight: 500;
            background-color: #ed1c24;
            color: #fff;
        }

        .dx-pager .dx-page-sizes .dx-page-size:first-child {
            margin-left: 0;
        }

    .dx-colorview-container {
        width: 450px;
    }

        .dx-colorview-container label {
            line-height: normal;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 10px;
        }

            .dx-colorview-container label.dx-colorview-label-hex {
                margin: 20px 0 0 0;
            }

            .dx-colorview-container label.dx-colorview-alpha-channel-label {
                margin: 0 0 0 43px;
                width: 115px;
            }

            .dx-colorview-container label .dx-texteditor {
                width: 69px;
                margin: 0 0 0 10px;
            }

    .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;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .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: rgba(0, 0, 0, 0.87);
    }

    .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 #e0e0e0;
        box-shadow: 0 0 0 1px #e0e0e0;
    }

    .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-colorbox-input-container .dx-colorbox-input {
        padding-left: 40px;
    }

    .dx-colorbox .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 .dx-colorbox-input-container:after {
        left: 14px;
    }

    .dx-colorbox .dx-placeholder {
        left: 32px;
    }

    .dx-colorbox-color-result-preview {
        border-color: #e0e0e0;
        left: 13px;
    }

    .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,
    .dx-datagrid-container .dx-menu {
        background-color: transparent;
        height: 100%;
    }

        .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content,
        .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content {
            padding: 11px 4px;
        }

            .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
            .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
                width: 22px;
                height: 22px;
                background-position: 0px 0px;
                background-size: 22px 22px;
                padding: 0px;
                font-size: 22px;
                text-align: center;
                line-height: 22px;
                margin: 0px 3px;
            }

    .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon,
    .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .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-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
        .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
            margin-top: 2px;
        }

    .dx-datagrid .dx-editor-with-menu,
    .dx-datagrid-container .dx-editor-with-menu {
        height: 48px;
    }

        .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon,
        .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .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-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
            .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
                margin-top: 2px;
            }

    .dx-datagrid .dx-menu-item-has-icon .dx-icon,
    .dx-datagrid-container .dx-menu-item-has-icon .dx-icon {
        color: rgba(86, 86, 86, 0.54);
    }

    .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: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

        .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: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

        .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-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
    .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
        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 .dx-sort-up,
    .dx-datagrid-container .dx-sort-up,
    .dx-datagrid .dx-sort-down,
    .dx-datagrid-container .dx-sort-down,
    .dx-datagrid .dx-header-filter,
    .dx-datagrid-container .dx-header-filter {
        width: 15px;
        height: 15px;
        background-position: 0px 0px;
        background-size: 15px 15px;
        padding: 0px;
        font-size: 15px;
        text-align: center;
        line-height: 15px;
    }

        .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
        .dx-datagrid-container .dx-header-filter:not(.dx-header-filter-empty) {
            color: #ed1c24;
        }

    .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;
    }

        .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 .dx-column-indicators,
    .dx-datagrid-container .dx-column-indicators {
        height: 16px;
    }

        .dx-datagrid .dx-column-indicators > div,
        .dx-datagrid-container .dx-column-indicators > div {
            width: 15px;
            height: 15px;
            background-position: 0px 0px;
            background-size: 15px 15px;
            padding: 0px;
            font-size: 15px;
            text-align: center;
            line-height: 15px;
        }

    .dx-datagrid .dx-placeholder:before,
    .dx-datagrid-container .dx-placeholder:before {
        font-size: 14px;
    }

    .dx-datagrid {
        line-height: inherit;
    }

        .dx-datagrid .dx-row-alt > td {
            background-color: #f5f5f5;
        }

        .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
            border-bottom-color: transparent;
        }

        .dx-datagrid .dx-link {
            color: #ed1c24;
        }

        .dx-datagrid .dx-row-lines > td {
            border-bottom: 1px solid #e0e0e0;
        }

        .dx-datagrid .dx-column-lines > td {
            border-left: 1px solid #e0e0e0;
            border-right: 1px solid #e0e0e0;
        }

        .dx-datagrid .dx-error-row .dx-closebutton {
            float: right;
            margin: 16px;
            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: 14px;
            padding-right: 35px;
        }

        .dx-datagrid .dx-row > td {
            padding-top: 14px;
            padding-bottom: 14px;
            font-size: 14px;
            line-height: 20px;
        }

            .dx-datagrid .dx-row > td.dx-command-adaptive {
                padding-top: 12px;
                padding-bottom: 12px;
            }

        .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td,
        .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content),
        .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content) {
            padding-right: 14px;
            padding-left: 14px;
            vertical-align: middle;
        }

            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type {
                padding-left: 18px;
            }

            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type {
                padding-right: 18px;
            }

            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select {
                overflow: visible;
                width: 40px;
                min-width: 40px;
                padding-left: 18px;
                padding-right: 4px;
                line-height: 1;
            }

            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit {
                width: 115px;
                min-width: 115px;
            }

                .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons,
                .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons,
                .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons {
                    width: 93px;
                    min-width: 93px;
                }

                    .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link,
                    .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link,
                    .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit.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 2px;
                        vertical-align: middle;
                    }

            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-expand,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-expand,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-expand,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td .dx-datagrid-group-space,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content) .dx-datagrid-group-space,
            .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content) .dx-datagrid-group-space {
                width: 24px;
                min-width: 24px;
                padding: 0 4px 0 8px;
                line-height: 0;
            }

        .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
            background-position-y: 49px;
        }

    .dx-datagrid-edit-popup .dx-error-message {
        padding: 14px 14px;
    }

    .dx-datagrid-headers .dx-texteditor-input,
    .dx-datagrid-rowsview .dx-texteditor-input {
        min-height: 16px;
    }

    .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: 14px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
    .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
    .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
    .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
    .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input,
    .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input {
        padding-right: 0;
    }

    .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: 22px;
    }

    .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: 22px;
    }

    .dx-editor-cell {
        padding-top: 0;
        padding-bottom: 0;
    }

        .dx-editor-cell .dx-numberbox-spin-button {
            background-color: transparent;
        }

        .dx-editor-cell .dx-icon-clear {
            left: 0px;
        }

        .dx-editor-cell .dx-texteditor,
        .dx-editor-cell .dx-texteditor.dx-state-hover,
        .dx-editor-cell .dx-texteditor.dx-state-focused,
        .dx-editor-cell .dx-texteditor.dx-state-active {
            background: rgba(255, 255, 255, 0);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-editor-cell .dx-texteditor .dx-texteditor-input {
                background: rgba(255, 255, 255, 0);
                font-size: 14px;
                height: 48px;
                line-height: 48px;
                padding-right: 0;
                padding-left: 0;
                padding-top: 0;
                padding-bottom: 0;
            }

            .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
                right: 0;
            }

            .dx-editor-cell .dx-texteditor:after,
            .dx-editor-cell .dx-texteditor:before {
                content: none;
            }

            .dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container,
            .dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
                left: 0;
            }

        .dx-editor-cell .dx-dropdowneditor {
            background-color: rgba(255, 255, 255, 0);
        }

        .dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
            border-radius: 0;
        }

        .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
            padding-top: 14px;
            padding-bottom: 14px;
        }

    .dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message,
    .dx-datagrid-column-chooser-list .dx-empty-message {
        color: rgba(102, 102, 102, 0.87);
        padding: 0 24px;
    }

    .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
        padding: 16px 24px 9px;
    }

        .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: 16px 24px 9px;
    }

    .dx-datagrid-column-chooser .dx-overlay-content {
        background-color: #fff;
    }

        .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
            background-color: transparent;
            border-bottom: 1px solid #e0e0e0;
        }

            .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
                font-size: 20px;
            }

        .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
            margin: 2px 2px 8px 2px;
            background-color: #fff;
            color: rgba(0, 0, 0, 0.54);
            font-weight: 500;
            font-size: 12px;
            padding: 14px;
            line-height: 16px;
            -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-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: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        padding: 20px;
        background-color: #fff;
        line-height: 16px;
        font-size: 12px;
    }

    .dx-datagrid-columns-separator {
        background-color: rgba(255, 87, 34, 0.5);
    }

    .dx-datagrid-columns-separator-transparent {
        background-color: transparent;
    }

    .dx-datagrid-drop-highlight > td {
        background-color: #ed1c24;
        color: #fff;
    }

        .dx-datagrid-drop-highlight > td .dx-header-filter {
            color: #fff;
        }

        .dx-datagrid-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
            background-color: #fff;
            color: #ed1c24;
        }

    .dx-datagrid-focus-overlay:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: #ed1c24;
        left: 0;
        right: 1px;
    }

    .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) {
        background-color: #f2f2f2;
    }

        .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 {
            color: rgba(0, 0, 0, 0.87);
        }

        .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: #f2f2f2;
            color: rgba(0, 0, 0, 0.87);
        }

        .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: rgba(0, 0, 0, 0.54);
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom;
        border-bottom: 1px solid #e0e0e0;
    }

        .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 #e0e0e0;
        padding-top: 20px;
        padding-bottom: 20px;
        line-height: 16px;
        font-weight: 500;
        font-size: 12px;
    }

        .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator,
        .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort {
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort {
            color: rgba(0, 0, 0, 0.38);
        }

        .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) {
            background-color: #f2f2f2;
        }

    .dx-datagrid-headers.dx-header-multi-row .dx-row.dx-header-row .dx-command-select {
        padding-bottom: 19px;
    }

    .dx-datagrid-headers.dx-header-multi-row .dx-row.dx-header-row > td {
        padding-top: 12px;
        padding-bottom: 12px;
        vertical-align: bottom;
        border-right: 1px solid #e0e0e0;
    }

    .dx-datagrid-filter-row {
        background-color: #fafafa;
    }

        .dx-datagrid-filter-row .dx-menu {
            left: -12px;
        }

            .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
                height: 100%;
                top: 2px;
                position: absolute;
            }

                .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper {
                    height: 100%;
                }

            .dx-datagrid-filter-row .dx-menu .dx-overlay-content {
                color: rgba(117, 117, 117, 0.87);
            }

        .dx-datagrid-filter-row .dx-filter-modified {
            background-color: rgba(139, 195, 74, 0.32);
        }

        .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
            padding: 14px 0 14px 32px;
        }

    .dx-datagrid .dx-datagrid-table .dx-datagrid-filter-row > td {
        padding-top: 0;
        padding-bottom: 0;
    }

    .dx-datagrid-filter-range-overlay .dx-overlay-content {
        overflow: inherit;
        background-color: #fafafa;
        -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-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after,
        .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover:after {
            top: auto;
            bottom: 0;
        }

        .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
            font-size: 14px;
            height: 49px;
            padding-right: 12px;
            padding-left: 12px;
        }

        .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder:before {
            padding-left: 12px;
        }

        .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper {
            display: none;
        }

    .dx-highlight-outline {
        padding: 14px 0 14px 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dx-datagrid-header-panel {
        border-bottom: 1px solid #e0e0e0;
        padding: 0 14px 0 24px;
        background-color: #fff;
    }

        .dx-datagrid-header-panel .dx-apply-button {
            background-color: transparent;
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-datagrid-header-panel .dx-apply-button .dx-icon {
                color: #fff;
            }

            .dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
                background-color: rgba(255, 255, 255, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
                background-color: rgba(255, 255, 255, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-datagrid-header-panel .dx-apply-button.dx-state-active {
                background-color: rgba(255, 255, 255, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-datagrid-header-panel .dx-apply-button .dx-inkripple-wave {
                background-color: rgba(255, 255, 255, 0.2);
            }

        .dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
            border-radius: 50%;
        }

        .dx-datagrid-header-panel .dx-datagrid-toolbar-button .dx-icon {
            color: rgba(0, 0, 0, 0.87);
        }

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

        .dx-icon-column-chooser:before {
            content: "\f04d";
        }

    .dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .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: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .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: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-datagrid-save-button .dx-icon-edit-button-save:before {
            content: "\f041";
        }

    .dx-apply-button .dx-icon-apply-filter {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

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

    .dx-datagrid-export-button .dx-icon-export-to {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .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: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-datagrid-export-button .dx-icon-export-excel-button:before {
            content: "\f060";
        }

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

    .dx-datagrid-adaptive-more {
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.54);
    }

    .dx-row.dx-row-focused .dx-datagrid-adaptive-more {
        color: inherit;
    }

    .dx-datagrid-rowsview {
        border-top: 1px solid #e0e0e0;
    }

    .dx-datagrid-headers + .dx-datagrid-rowsview {
        border-top: none;
    }

    .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 #e0e0e0;
        }

        .dx-datagrid-rowsview .dx-row.dx-edit-row > td {
            border-top: 1px solid #e0e0e0;
            border-bottom: 1px solid #e0e0e0;
        }

    .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 #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    .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:not(.dx-edit-row) .dx-cell-modified,
    .dx-datagrid-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified {
        background-color: rgba(139, 195, 74, 0.32);
    }

    .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid,
    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-datagrid-invalid,
    .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid,
    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid {
        background-color: rgba(233, 30, 99, 0.32);
    }

    .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content,
    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content {
        padding: 9px 17px 9px;
        background-color: #ed1c24;
        color: #fff;
    }

    .dx-datagrid-rowsview .dx-row-removed > td {
        background-color: rgba(139, 195, 74, 0.32);
        border-top: 1px solid rgba(139, 195, 74, 0.32);
        border-bottom: 1px solid rgba(139, 195, 74, 0.32);
    }

    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-label {
        padding-top: 0;
    }

    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content {
        line-height: 40px;
        min-height: 40px;
        font-size: 14px;
    }

        .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused {
            padding: 0;
        }

    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }

    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor:after,
    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor:before {
        content: none;
    }

    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-datagrid-rowsview .dx-item-modified {
        background-color: rgba(139, 195, 74, 0.32);
    }

    .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: #e6e6e6;
        color: #000;
        font-weight: 500;
    }

        .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-group-row {
        background-color: #ed1c24;
        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: rgba(255, 87, 34, 0.04);
        color: rgba(0, 0, 0, 0.87);
    }

        .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: rgba(255, 87, 34, 0.04);
        }

        .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: #e0e0e0;
            border-right-color: #e0e0e0;
        }

    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > td {
        border-bottom: 1px solid rgba(255, 87, 34, 0.04);
        border-top: 1px solid rgba(255, 87, 34, 0.04);
    }

    .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td {
        border-bottom-color: #e0e0e0;
    }

    .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-right: 0;
    }

    .dx-datagrid-search-text {
        color: #fff;
        background-color: #ed1c24;
    }

    .dx-datagrid-nodata {
        color: rgba(102, 102, 102, 0.87);
        font-size: 17px;
    }

    .dx-datagrid-bottom-load-panel {
        border-top: 1px solid #e0e0e0;
    }

    .dx-datagrid-pager.dx-widget {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.54);
    }

    .dx-datagrid-summary-item {
        color: rgba(0, 0, 0, 0.7);
    }

    .dx-datagrid-total-footer {
        border-bottom: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
    }

        .dx-datagrid-total-footer > .dx-datagrid-content {
            padding: 0;
        }

    .dx-datagrid-revert-tooltip .dx-overlay-content {
        background-color: transparent;
        min-width: inherit;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button {
        border-radius: 4px;
        background-color: #ed1c24;
        color: #fff;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        margin: 0 0 0 1px;
        height: 48px;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: inherit;
    }

        .dx-datagrid-revert-tooltip .dx-revert-button .dx-button-content {
            padding: 2px;
        }

        .dx-datagrid-revert-tooltip .dx-revert-button .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: 0;
            margin-left: 0;
        }

    .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon,
    .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right,
    .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
        color: #fff;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled {
        background: rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon {
            opacity: 0.6;
        }

        .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text {
            color: rgba(0, 0, 0, 0.35);
        }

    .dx-datagrid-revert-tooltip .dx-revert-button .dx-inkripple-wave {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
        border-radius: 2px;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .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: #f2f2f2;
        border-right-color: transparent;
    }

    .dx-rtl .dx-datagrid .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon,
    .dx-rtl .dx-datagrid-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
        margin: 0px 3px;
    }

    .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
    .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
    .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
    .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
    .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type,
    .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type {
        padding-left: 14px;
        padding-right: 18px;
    }

    .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
    .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
    .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
    .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
    .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type,
    .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type {
        padding-right: 14px;
        padding-left: 18px;
    }

    .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select,
    .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select,
    .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
    .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
    .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select,
    .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select {
        padding-right: 18px;
        padding-left: 4px;
    }

    .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: #e0e0e0;
    }

        .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: rgba(255, 87, 34, 0.04);
        }

        .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: #e0e0e0;
        }

    .dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-left: 0;
    }

    .dx-header-filter-menu .dx-popup-content {
        padding: 12px 8px 0 8px;
        border-bottom: 1px solid #e0e0e0;
    }

    .dx-datagrid-form-buttons-container .dx-button {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-datagrid-form-buttons-container .dx-button .dx-icon {
            color: #ed1c24;
        }

        .dx-datagrid-form-buttons-container .dx-button.dx-state-hover {
            background-color: rgba(255, 87, 34, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-datagrid-form-buttons-container .dx-button.dx-state-focused {
            background-color: rgba(255, 87, 34, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-datagrid-form-buttons-container .dx-button.dx-state-active {
            background-color: rgba(255, 87, 34, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-datagrid-form-buttons-container .dx-button .dx-inkripple-wave {
            background-color: rgba(255, 87, 34, 0.2);
        }

    .dx-command-adaptive {
        width: 56px;
        min-width: 56px;
    }

    .dx-datagrid-filter-panel {
        padding: 15px 18px 15px 18px;
    }

        .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
        .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
            color: #ed1c24;
            font-size: 14px;
            line-height: 18px;
        }

        .dx-datagrid-filter-panel .dx-icon-filter {
            color: #ed1c24;
        }

        .dx-datagrid-filter-panel + .dx-pager {
            border-top: 1px solid #e0e0e0;
        }

    .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: rgba(0, 0, 0, 0.54);
            font-weight: 500;
            padding: 7px 0;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
        }

        .dx-datagrid-group-panel .dx-group-panel-item {
            margin-right: 10px;
            color: rgba(0, 0, 0, 0.54);
            font-weight: 500;
            font-size: 12px;
            line-height: 16px;
            background: #e0e0e0;
            border-radius: 16px;
            padding: 8px 10px;
        }

        .dx-datagrid-group-panel .dx-block-separator {
            margin-right: 10px;
            color: rgba(0, 0, 0, 0.54);
            font-weight: 500;
            padding: 7px;
            background-color: #e0e0e0;
        }

        .dx-datagrid-group-panel .dx-sort {
            color: rgba(86, 86, 86, 0.54);
        }

    .dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
        border-top: none;
    }

    .dx-datagrid-rowsview .dx-row.dx-group-row {
        font-size: 12px;
        font-weight: bold;
    }

        .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
            color: rgba(0, 0, 0, 0.54);
            background-color: #ffffff;
        }

        .dx-datagrid-rowsview .dx-row.dx-group-row td {
            border-top-color: #e0e0e0;
            border-bottom-color: #e0e0e0;
        }

    .dx-datagrid-group-opened {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        color: rgba(98, 98, 98, 0.54);
    }

        .dx-datagrid-group-opened:before {
            content: "\f016";
        }

    .dx-datagrid-group-closed {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        color: rgba(98, 98, 98, 0.54);
    }

        .dx-datagrid-group-closed:before {
            content: "\f010";
        }

    .dx-row.dx-datagrid-group-footer.dx-column-lines {
        border-bottom: 1px solid #e0e0e0;
    }

    .dx-row.dx-datagrid-group-footer > td {
        background-color: #fff;
        border-top: 1px solid #e0e0e0;
        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-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
        background-color: rgba(224, 224, 224, 0.9);
        border: none;
        -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
    }

    .dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
        color: rgba(0, 0, 0, 0.54);
        background-color: #e0e0e0;
        border-radius: 16px;
        border: none;
        font-size: 12px;
        font-weight: 500;
    }

        .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter {
            color: #ed1c24;
        }

            .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter.dx-header-filter-empty {
                color: rgba(0, 0, 0, 0.54);
            }

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

        .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-area-data {
            font-size: 13px;
        }

        .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers,
        .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers {
            font-size: 12px;
        }

            .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers td,
            .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers td {
                font-weight: 500;
            }

            .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-grandtotal,
            .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-grandtotal,
            .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-total,
            .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-total {
                color: rgba(0, 0, 0, 0.87);
            }

        .dx-pivotgrid .dx-pivotgrid-area td {
            padding: 10px 14px;
        }

        .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar {
            padding-left: 8px;
        }

            .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
                background-color: transparent;
                color: rgba(0, 0, 0, 0.87);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-icon {
                    color: rgba(0, 0, 0, 0.87);
                }

                .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-hover {
                    background-color: rgba(0, 0, 0, 0.08);
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-focused {
                    background-color: rgba(0, 0, 0, 0.15);
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-active {
                    background-color: rgba(0, 0, 0, 0.2);
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled {
                    background: transparent;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                    .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon {
                        opacity: 0.6;
                    }

                    .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text {
                        color: rgba(0, 0, 0, 0.35);
                    }

                .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave {
                    background-color: rgba(0, 0, 0, 0.2);
                }

        .dx-pivotgrid .dx-grandtotal.dx-last-cell {
            padding-left: 22px;
        }

        .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
        .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
            margin-top: 7px;
            background-color: transparent;
            color: rgba(0, 0, 0, 0.87);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-icon,
            .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-icon {
                color: rgba(0, 0, 0, 0.87);
            }

            .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover,
            .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover {
                background-color: rgba(0, 0, 0, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused,
            .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused {
                background-color: rgba(0, 0, 0, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-active,
            .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-active {
                background-color: rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled,
            .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon,
                .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text,
                .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave,
            .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave {
                background-color: rgba(0, 0, 0, 0.2);
            }

        .dx-pivotgrid .dx-expand-icon-container {
            margin: 0 10px 0 5px;
            font: 14px/1 DXIcons;
            font-size: 12px;
        }

            .dx-pivotgrid .dx-expand-icon-container:before {
                content: "\f010";
            }

            .dx-pivotgrid .dx-expand-icon-container:before {
                visibility: hidden;
            }

        .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
            font: 14px/1 DXIcons;
            font-size: 20px;
            text-align: center;
            line-height: 20px;
            color: rgba(0, 0, 0, 0.54);
        }

            .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
                content: "\f010";
            }

            .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
                position: absolute;
                display: block;
                width: 20px;
                top: 50%;
                margin-top: -10px;
                left: 50%;
                margin-left: -10px;
            }

        .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
            font: 14px/1 DXIcons;
            font-size: 20px;
            text-align: center;
            line-height: 20px;
            color: rgba(0, 0, 0, 0.54);
        }

            .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
                content: "\f016";
            }

            .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
                position: absolute;
                display: block;
                width: 20px;
                top: 50%;
                margin-top: -10px;
                left: 50%;
                margin-left: -10px;
            }

        .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
            width: 19px;
            min-width: 19px;
        }

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

        .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter {
            background: none;
            font: 14px/1 DXIcons;
            width: 14px;
            height: 14px;
        }

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

        .dx-pivotgridfieldchooser .dx-area .dx-area-caption {
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 500;
            color: rgba(0, 0, 0, 0.54);
        }

        .dx-pivotgridfieldchooser .dx-area .dx-area-fields {
            margin-top: 8px;
        }

        .dx-pivotgridfieldchooser .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
            padding-right: 8px;
        }

        .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf {
            padding-left: 0;
        }

            .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox {
                left: 8px;
            }

        .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf {
            padding-left: 24px;
        }

            .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox {
                left: 35px;
            }

        .dx-pivotgridfieldchooser .dx-treeview-item {
            min-height: 36px;
            padding: 9px 8px;
            line-height: normal;
        }

        .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-checkbox {
            top: 9px;
        }

        .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-treeview-item {
            padding-left: 40px;
        }

        .dx-pivotgridfieldchooser .dx-treeview-toggle-item-visibility {
            height: 36px;
        }

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

    .dx-treelist .dx-menu,
    .dx-treelist-container .dx-menu {
        background-color: transparent;
        height: 100%;
    }

        .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content,
        .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content {
            padding: 11px 4px;
        }

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

    .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon,
    .dx-treelist-container.dx-filter-menu .dx-menu-item-content .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-treelist.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
        .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
            margin-top: 2px;
        }

    .dx-treelist .dx-editor-with-menu,
    .dx-treelist-container .dx-editor-with-menu {
        height: 48px;
    }

        .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon,
        .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .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-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
            .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
                margin-top: 2px;
            }

    .dx-treelist .dx-menu-item-has-icon .dx-icon,
    .dx-treelist-container .dx-menu-item-has-icon .dx-icon {
        color: rgba(86, 86, 86, 0.54);
    }

    .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: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

        .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: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

        .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-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
    .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
        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 .dx-sort-up,
    .dx-treelist-container .dx-sort-up,
    .dx-treelist .dx-sort-down,
    .dx-treelist-container .dx-sort-down,
    .dx-treelist .dx-header-filter,
    .dx-treelist-container .dx-header-filter {
        width: 15px;
        height: 15px;
        background-position: 0px 0px;
        background-size: 15px 15px;
        padding: 0px;
        font-size: 15px;
        text-align: center;
        line-height: 15px;
    }

        .dx-treelist .dx-header-filter:not(.dx-header-filter-empty),
        .dx-treelist-container .dx-header-filter:not(.dx-header-filter-empty) {
            color: #ed1c24;
        }

    .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;
    }

        .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 .dx-column-indicators,
    .dx-treelist-container .dx-column-indicators {
        height: 16px;
    }

        .dx-treelist .dx-column-indicators > div,
        .dx-treelist-container .dx-column-indicators > div {
            width: 15px;
            height: 15px;
            background-position: 0px 0px;
            background-size: 15px 15px;
            padding: 0px;
            font-size: 15px;
            text-align: center;
            line-height: 15px;
        }

    .dx-treelist .dx-placeholder:before,
    .dx-treelist-container .dx-placeholder:before {
        font-size: 14px;
    }

    .dx-treelist {
        line-height: inherit;
    }

        .dx-treelist .dx-row-alt > td {
            background-color: #f5f5f5;
        }

        .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
            border-bottom-color: transparent;
        }

        .dx-treelist .dx-link {
            color: #ed1c24;
        }

        .dx-treelist .dx-row-lines > td {
            border-bottom: 1px solid #e0e0e0;
        }

        .dx-treelist .dx-column-lines > td {
            border-left: 1px solid #e0e0e0;
            border-right: 1px solid #e0e0e0;
        }

        .dx-treelist .dx-error-row .dx-closebutton {
            float: right;
            margin: 16px;
            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: 14px;
            padding-right: 35px;
        }

        .dx-treelist .dx-row > td {
            padding-top: 14px;
            padding-bottom: 14px;
            font-size: 14px;
            line-height: 20px;
        }

            .dx-treelist .dx-row > td.dx-command-adaptive {
                padding-top: 12px;
                padding-bottom: 12px;
            }

        .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td,
        .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content),
        .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content) {
            padding-right: 14px;
            padding-left: 14px;
            vertical-align: middle;
        }

            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type {
                padding-left: 18px;
            }

            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type {
                padding-right: 18px;
            }

            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select {
                overflow: visible;
                width: 40px;
                min-width: 40px;
                padding-left: 18px;
                padding-right: 4px;
                line-height: 1;
            }

            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit {
                width: 115px;
                min-width: 115px;
            }

                .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons,
                .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons,
                .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons {
                    width: 93px;
                    min-width: 93px;
                }

                    .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link,
                    .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link,
                    .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit.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 2px;
                        vertical-align: middle;
                    }

            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-expand,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-expand,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-expand,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td .dx-treelist-group-space,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content) .dx-treelist-group-space,
            .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content) .dx-treelist-group-space {
                width: 24px;
                min-width: 24px;
                padding: 0 4px 0 8px;
                line-height: 0;
            }

        .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
            background-position-y: 49px;
        }

    .dx-treelist-edit-popup .dx-error-message {
        padding: 14px 14px;
    }

    .dx-treelist-headers .dx-texteditor-input,
    .dx-treelist-rowsview .dx-texteditor-input {
        min-height: 16px;
    }

    .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: 14px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
    .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
    .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
    .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
    .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input,
    .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input {
        padding-right: 0;
    }

    .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: 22px;
    }

    .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: 22px;
    }

    .dx-editor-cell {
        padding-top: 0;
        padding-bottom: 0;
    }

        .dx-editor-cell .dx-numberbox-spin-button {
            background-color: transparent;
        }

        .dx-editor-cell .dx-icon-clear {
            left: 0px;
        }

        .dx-editor-cell .dx-texteditor,
        .dx-editor-cell .dx-texteditor.dx-state-hover,
        .dx-editor-cell .dx-texteditor.dx-state-focused,
        .dx-editor-cell .dx-texteditor.dx-state-active {
            background: rgba(255, 255, 255, 0);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-editor-cell .dx-texteditor .dx-texteditor-input {
                background: rgba(255, 255, 255, 0);
                font-size: 14px;
                height: 48px;
                line-height: 48px;
                padding-right: 0;
                padding-left: 0;
                padding-top: 0;
                padding-bottom: 0;
            }

            .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
                right: 0;
            }

            .dx-editor-cell .dx-texteditor:after,
            .dx-editor-cell .dx-texteditor:before {
                content: none;
            }

            .dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container,
            .dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
                left: 0;
            }

        .dx-editor-cell .dx-dropdowneditor {
            background-color: rgba(255, 255, 255, 0);
        }

        .dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
            border-radius: 0;
        }

        .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
            padding-top: 14px;
            padding-bottom: 14px;
        }

    .dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
    .dx-treelist-column-chooser-list .dx-empty-message {
        color: rgba(102, 102, 102, 0.87);
        padding: 0 24px;
    }

    .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
        padding: 16px 24px 9px;
    }

        .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: 16px 24px 9px;
    }

    .dx-treelist-column-chooser .dx-overlay-content {
        background-color: #fff;
    }

        .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
            background-color: transparent;
            border-bottom: 1px solid #e0e0e0;
        }

            .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
                font-size: 20px;
            }

        .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
            margin: 2px 2px 8px 2px;
            background-color: #fff;
            color: rgba(0, 0, 0, 0.54);
            font-weight: 500;
            font-size: 12px;
            padding: 14px;
            line-height: 16px;
            -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-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: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        padding: 20px;
        background-color: #fff;
        line-height: 16px;
        font-size: 12px;
    }

    .dx-treelist-columns-separator {
        background-color: rgba(255, 87, 34, 0.5);
    }

    .dx-treelist-columns-separator-transparent {
        background-color: transparent;
    }

    .dx-treelist-drop-highlight > td {
        background-color: #ed1c24;
        color: #fff;
    }

        .dx-treelist-drop-highlight > td .dx-header-filter {
            color: #fff;
        }

        .dx-treelist-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
            background-color: #fff;
            color: #ed1c24;
        }

    .dx-treelist-focus-overlay:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: #ed1c24;
        left: 0;
        right: 1px;
    }

    .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) {
        background-color: #f2f2f2;
    }

        .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 {
            color: rgba(0, 0, 0, 0.87);
        }

        .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: #f2f2f2;
            color: rgba(0, 0, 0, 0.87);
        }

        .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: rgba(0, 0, 0, 0.54);
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom;
        border-bottom: 1px solid #e0e0e0;
    }

        .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 #e0e0e0;
        padding-top: 20px;
        padding-bottom: 20px;
        line-height: 16px;
        font-weight: 500;
        font-size: 12px;
    }

        .dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort-indicator,
        .dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort {
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-treelist-text-content {
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-sort {
            color: rgba(0, 0, 0, 0.38);
        }

        .dx-treelist-headers .dx-treelist-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-treelist-group-space) {
            background-color: #f2f2f2;
        }

    .dx-treelist-headers.dx-header-multi-row .dx-row.dx-header-row .dx-command-select {
        padding-bottom: 19px;
    }

    .dx-treelist-headers.dx-header-multi-row .dx-row.dx-header-row > td {
        padding-top: 12px;
        padding-bottom: 12px;
        vertical-align: bottom;
        border-right: 1px solid #e0e0e0;
    }

    .dx-treelist-filter-row {
        background-color: #fafafa;
    }

        .dx-treelist-filter-row .dx-menu {
            left: -12px;
        }

            .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
                height: 100%;
                top: 2px;
                position: absolute;
            }

                .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper {
                    height: 100%;
                }

            .dx-treelist-filter-row .dx-menu .dx-overlay-content {
                color: rgba(117, 117, 117, 0.87);
            }

        .dx-treelist-filter-row .dx-filter-modified {
            background-color: rgba(139, 195, 74, 0.32);
        }

        .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
            padding: 14px 0 14px 32px;
        }

    .dx-treelist .dx-treelist-table .dx-treelist-filter-row > td {
        padding-top: 0;
        padding-bottom: 0;
    }

    .dx-treelist-filter-range-overlay .dx-overlay-content {
        overflow: inherit;
        background-color: #fafafa;
        -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-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after,
        .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover:after {
            top: auto;
            bottom: 0;
        }

        .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
            font-size: 14px;
            height: 49px;
            padding-right: 12px;
            padding-left: 12px;
        }

        .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder:before {
            padding-left: 12px;
        }

        .dx-treelist-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper {
            display: none;
        }

    .dx-highlight-outline {
        padding: 14px 0 14px 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dx-treelist-header-panel {
        border-bottom: 1px solid #e0e0e0;
        padding: 0 14px 0 24px;
        background-color: #fff;
    }

        .dx-treelist-header-panel .dx-apply-button {
            background-color: transparent;
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-treelist-header-panel .dx-apply-button .dx-icon {
                color: #fff;
            }

            .dx-treelist-header-panel .dx-apply-button.dx-state-hover {
                background-color: rgba(255, 255, 255, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-treelist-header-panel .dx-apply-button.dx-state-focused {
                background-color: rgba(255, 255, 255, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-treelist-header-panel .dx-apply-button.dx-state-active {
                background-color: rgba(255, 255, 255, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-treelist-header-panel .dx-apply-button.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-treelist-header-panel .dx-apply-button .dx-inkripple-wave {
                background-color: rgba(255, 255, 255, 0.2);
            }

        .dx-treelist-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
            border-radius: 50%;
        }

        .dx-treelist-header-panel .dx-treelist-toolbar-button .dx-icon {
            color: rgba(0, 0, 0, 0.87);
        }

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

        .dx-icon-column-chooser:before {
            content: "\f04d";
        }

    .dx-treelist-addrow-button .dx-icon-edit-button-addrow {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .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: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .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: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-treelist-save-button .dx-icon-edit-button-save:before {
            content: "\f041";
        }

    .dx-apply-button .dx-icon-apply-filter {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

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

    .dx-treelist-export-button .dx-icon-export-to {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .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: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-treelist-export-button .dx-icon-export-excel-button:before {
            content: "\f060";
        }

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

    .dx-treelist-adaptive-more {
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.54);
    }

    .dx-row.dx-row-focused .dx-treelist-adaptive-more {
        color: inherit;
    }

    .dx-treelist-rowsview {
        border-top: 1px solid #e0e0e0;
    }

    .dx-treelist-headers + .dx-treelist-rowsview {
        border-top: none;
    }

    .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 #e0e0e0;
        }

        .dx-treelist-rowsview .dx-row.dx-edit-row > td {
            border-top: 1px solid #e0e0e0;
            border-bottom: 1px solid #e0e0e0;
        }

    .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 #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    .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:not(.dx-edit-row) .dx-cell-modified,
    .dx-treelist-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified {
        background-color: rgba(139, 195, 74, 0.32);
    }

    .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid,
    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-treelist-invalid,
    .dx-treelist-rowsview .dx-data-row .dx-validator.dx-invalid,
    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid {
        background-color: rgba(233, 30, 99, 0.32);
    }

    .dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content,
    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content {
        padding: 9px 17px 9px;
        background-color: #ed1c24;
        color: #fff;
    }

    .dx-treelist-rowsview .dx-row-removed > td {
        background-color: rgba(139, 195, 74, 0.32);
        border-top: 1px solid rgba(139, 195, 74, 0.32);
        border-bottom: 1px solid rgba(139, 195, 74, 0.32);
    }

    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-label {
        padding-top: 0;
    }

    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content {
        line-height: 40px;
        min-height: 40px;
        font-size: 14px;
    }

        .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused {
            padding: 0;
        }

    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }

    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor:after,
    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor:before {
        content: none;
    }

    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-treelist-rowsview .dx-item-modified {
        background-color: rgba(139, 195, 74, 0.32);
    }

    .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: #ed1c24;
        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-group-row {
        background-color: #ed1c24;
        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: rgba(255, 87, 34, 0.04);
        color: rgba(0, 0, 0, 0.87);
    }

        .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: rgba(255, 87, 34, 0.04);
        }

        .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: #e0e0e0;
            border-right-color: #e0e0e0;
        }

    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > td {
        border-bottom: 1px solid rgba(255, 87, 34, 0.04);
        border-top: 1px solid rgba(255, 87, 34, 0.04);
    }

    .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > td {
        border-bottom-color: #e0e0e0;
    }

    .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-right: 0;
    }

    .dx-treelist-search-text {
        color: #fff;
        background-color: #ed1c24;
    }

    .dx-treelist-nodata {
        color: rgba(102, 102, 102, 0.87);
        font-size: 17px;
    }

    .dx-treelist-bottom-load-panel {
        border-top: 1px solid #e0e0e0;
    }

    .dx-treelist-pager.dx-widget {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.54);
    }

    .dx-treelist-summary-item {
        color: rgba(0, 0, 0, 0.7);
    }

    .dx-treelist-total-footer {
        border-bottom: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
    }

        .dx-treelist-total-footer > .dx-treelist-content {
            padding: 0;
        }

    .dx-treelist-revert-tooltip .dx-overlay-content {
        background-color: transparent;
        min-width: inherit;
    }

    .dx-treelist-revert-tooltip .dx-revert-button {
        border-radius: 4px;
        background-color: #ed1c24;
        color: #fff;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        margin: 0 0 0 1px;
        height: 48px;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: inherit;
    }

        .dx-treelist-revert-tooltip .dx-revert-button .dx-button-content {
            padding: 2px;
        }

        .dx-treelist-revert-tooltip .dx-revert-button .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: 0;
            margin-left: 0;
        }

    .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon,
    .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right,
    .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
        color: #fff;
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled {
        background: rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon {
            opacity: 0.6;
        }

        .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text {
            color: rgba(0, 0, 0, 0.35);
        }

    .dx-treelist-revert-tooltip .dx-revert-button .dx-inkripple-wave {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
        border-radius: 2px;
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .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: #f2f2f2;
        border-right-color: transparent;
    }

    .dx-rtl .dx-treelist .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon,
    .dx-rtl .dx-treelist-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
        margin: 0px 3px;
    }

    .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type,
    .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type,
    .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
    .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
    .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type,
    .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type {
        padding-left: 14px;
        padding-right: 18px;
    }

    .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type,
    .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type,
    .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
    .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
    .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type,
    .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type {
        padding-right: 14px;
        padding-left: 18px;
    }

    .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select,
    .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select,
    .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
    .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
    .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select,
    .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select {
        padding-right: 18px;
        padding-left: 4px;
    }

    .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: #e0e0e0;
    }

        .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: rgba(255, 87, 34, 0.04);
        }

        .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: #e0e0e0;
        }

    .dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-left: 0;
    }

    .dx-header-filter-menu .dx-popup-content {
        padding: 12px 8px 0 8px;
        border-bottom: 1px solid #e0e0e0;
    }

    .dx-treelist-form-buttons-container .dx-button {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-treelist-form-buttons-container .dx-button .dx-icon {
            color: #ed1c24;
        }

        .dx-treelist-form-buttons-container .dx-button.dx-state-hover {
            background-color: rgba(255, 87, 34, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-treelist-form-buttons-container .dx-button.dx-state-focused {
            background-color: rgba(255, 87, 34, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-treelist-form-buttons-container .dx-button.dx-state-active {
            background-color: rgba(255, 87, 34, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-treelist-form-buttons-container .dx-button.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-treelist-form-buttons-container .dx-button .dx-inkripple-wave {
            background-color: rgba(255, 87, 34, 0.2);
        }

    .dx-command-adaptive {
        width: 56px;
        min-width: 56px;
    }

    .dx-treelist-filter-panel {
        padding: 15px 18px 15px 18px;
    }

        .dx-treelist-filter-panel .dx-treelist-filter-panel-text,
        .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
            color: #ed1c24;
            font-size: 14px;
            line-height: 18px;
        }

        .dx-treelist-filter-panel .dx-icon-filter {
            color: #ed1c24;
        }

        .dx-treelist-filter-panel + .dx-pager {
            border-top: 1px solid #e0e0e0;
        }

    .dx-treelist-rowsview .dx-treelist-empty-space {
        position: relative;
        top: -2px;
        display: inline-block;
        font: 14px/1 DXIcons;
        width: 24px;
    }

        .dx-treelist-rowsview .dx-treelist-empty-space:before {
            content: "\f014";
        }

        .dx-treelist-rowsview .dx-treelist-empty-space:before {
            visibility: hidden;
        }

    .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
        color: rgba(98, 98, 98, 0.54);
    }

    .dx-treelist-rowsview .dx-treelist-expanded span {
        font: 14px/1 DXIcons;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        cursor: pointer;
    }

        .dx-treelist-rowsview .dx-treelist-expanded span:before {
            content: "\f016";
        }

        .dx-treelist-rowsview .dx-treelist-expanded span:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

        .dx-treelist-rowsview .dx-treelist-expanded span:before {
            left: 0;
            margin-left: -5px;
            margin-top: -12px;
        }

    .dx-treelist-rowsview .dx-treelist-collapsed span {
        font: 14px/1 DXIcons;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        cursor: pointer;
    }

        .dx-treelist-rowsview .dx-treelist-collapsed span:before {
            content: "\f010";
        }

        .dx-treelist-rowsview .dx-treelist-collapsed span:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

        .dx-treelist-rowsview .dx-treelist-collapsed span:before {
            left: 0;
            margin-left: -6px;
            margin-top: -12px;
        }

    .dx-treelist-rowsview .dx-sort-up,
    .dx-treelist-rowsview .dx-sort-down,
    .dx-treelist-rowsview .dx-header-filter {
        vertical-align: middle;
    }

    .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
        color: rgba(98, 98, 98, 0.54);
    }

    .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 {
        max-height: 20px;
    }

        .dx-treelist-icon-container.dx-editor-inline-block {
            position: relative;
            padding-right: 32px;
        }

            .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
                top: 50%;
                margin-top: -9px;
            }

    .dx-treelist-select-all {
        position: relative;
    }

        .dx-treelist-select-all .dx-checkbox {
            left: 42px;
            top: 19px;
        }

    .dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all {
        padding-left: 74px;
    }

    .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% - 60px);
    }

    .dx-rtl.dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all {
        padding-right: 74px;
        padding-left: 14px;
    }

    .dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
        padding-left: 32px;
        padding-right: 0px;
    }

    .dx-menu-item {
        color: rgba(117, 117, 117, 0.87);
    }

        .dx-menu-item.dx-state-hover {
            background-color: #f5f5f5;
        }

        .dx-menu-item.dx-state-focused {
            background-color: #f5f5f5;
        }

    .dx-menu-item-selected {
        background-color: rgba(224, 224, 224, 0.87);
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-menu-item-selected.dx-state-focused {
            background-color: rgba(204, 204, 204, 0.7);
        }

    .dx-menu-item-expanded,
    .dx-menu-item-expanded.dx-state-hover,
    .dx-menu-item-expanded.dx-state-focused {
        color: rgba(117, 117, 117, 0.87);
        background-color: rgba(224, 224, 224, 0.87);
    }

    .dx-menu-base {
        color: rgba(0, 0, 0, 0.87);
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-menu-base input,
        .dx-menu-base textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

        .dx-menu-base.dx-state-focused {
            outline: none;
        }

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

        .dx-menu-base .dx-menu-item .dx-menu-item-content {
            line-height: 24px;
        }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout {
                min-width: 7px;
                min-height: 7px;
            }

        .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-context-menu-container-border {
        background-color: transparent;
    }

    .dx-context-menu-content-delimiter {
        background-color: transparent;
    }

    .dx-menu {
        color: rgba(117, 117, 117, 0.87);
    }

        .dx-menu .dx-menu-item {
            font-size: 13px;
            border-radius: 4px;
        }

            .dx-menu .dx-menu-item .dx-menu-item-content {
                padding: 7px 16px 8px;
            }

                .dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
                    width: 0;
                }

            .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
                margin-right: 24px;
            }

        .dx-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
            margin-left: 24px;
            margin-right: 0;
        }

    .dx-menu-adaptive-mode {
        background-color: #fff;
    }

        .dx-menu-adaptive-mode .dx-treeview {
            border: 1px solid #e0e0e0;
            border-radius: 4px;
        }

            .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 #e0e0e0;
        }

    .dx-context-menu .dx-menu-item {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-context-menu .dx-menu-item .dx-menu-item-content {
            padding: 3px 16px 4px;
        }

            .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
                right: 16px;
                width: 24px;
            }

                .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
                    color: rgba(0, 0, 0, 0.54);
                    font: 14px/1 DXIcons;
                    font-size: 24px;
                    text-align: center;
                    line-height: 24px;
                }

                    .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout:before {
                        content: "\f04e";
                    }

                    .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout:before {
                        position: absolute;
                        display: block;
                        width: 24px;
                        top: 50%;
                        margin-top: -12px;
                        left: 50%;
                        margin-left: -12px;
                    }

        .dx-context-menu .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content {
            padding-right: 64px;
        }

        .dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
            margin-right: 24px;
        }

    .dx-context-menu .dx-menu-items-container {
        padding: 8px 0;
    }

    .dx-context-menu.dx-overlay-content.dx-state-focused {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-context-menu .dx-submenu {
        background-color: #fff;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    }

    .dx-context-menu .dx-menu-separator {
        background-color: #e0e0e0;
    }

    .dx-context-menu.dx-rtl .dx-menu-item .dx-menu-item-popout-container {
        left: 16px;
    }

    .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
        margin-left: 24px;
        margin-right: 0;
    }

    .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content {
        padding-left: 64px;
        padding-right: 16px;
    }

    .dx-calendar {
        width: 320px;
        min-width: 320px;
        height: 327.4px;
        min-height: 327.4px;
        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: 382.4px;
            min-height: 352.4px;
        }

            .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-navigator {
        line-height: 1.6;
        height: 36px;
        display: table;
        border-collapse: collapse;
    }

        .dx-calendar-navigator .dx-button {
            height: 100%;
            display: table-cell;
            background-color: transparent;
            color: #ed1c24;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-calendar-navigator .dx-button .dx-icon {
                color: #ed1c24;
            }

            .dx-calendar-navigator .dx-button.dx-state-hover {
                background-color: rgba(255, 87, 34, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-calendar-navigator .dx-button.dx-state-focused {
                background-color: rgba(255, 87, 34, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-calendar-navigator .dx-button.dx-state-active {
                background-color: rgba(255, 87, 34, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-calendar-navigator .dx-button.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-calendar-navigator .dx-button.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-calendar-navigator .dx-button.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-calendar-navigator .dx-button .dx-inkripple-wave {
                background-color: rgba(255, 87, 34, 0.2);
            }

            .dx-calendar-navigator .dx-button .dx-button-text {
                text-transform: none;
            }

            .dx-calendar-navigator .dx-button .dx-icon {
                font-size: 24px;
            }

            .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: 0.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;
            }

        .dx-calendar-navigator .dx-calendar-caption-button {
            font-size: 14px;
            line-height: 1.2;
            text-transform: uppercase;
            right: 32px;
            left: 32px;
        }

            .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
                padding: 2px 15px 4px;
            }

    .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: 4px 0 0 4px;
        }

            .dx-calendar-navigator-previous-view.dx-button .dx-icon,
            .dx-calendar-navigator-previous-month.dx-button .dx-icon {
                color: #ed1c24;
            }

    .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 4px 4px 0;
        }

            .dx-calendar-navigator-next-view.dx-button .dx-icon,
            .dx-calendar-navigator-next-month.dx-button .dx-icon {
                color: #ed1c24;
            }

    .dx-calendar-body {
        top: 49px;
    }

        .dx-calendar-body thead {
            font-size: 11px;
            line-height: 1.2;
        }

            .dx-calendar-body thead tr {
                height: 25px;
                padding-bottom: 10px;
            }

        .dx-calendar-body table {
            border-spacing: 0px;
        }

            .dx-calendar-body table th {
                color: rgba(102, 102, 102, 0.87);
                font-weight: 500;
                text-align: center;
                padding: 1px 0 10px 0;
            }

    .dx-calendar-cell {
        text-align: center;
        padding: 4px 0;
        color: rgba(0, 0, 0, 0.87);
        font-size: 12px;
        width: 39px;
        border-radius: 50%;
    }

    .dx-calendar-view-decade .dx-calendar-cell span,
    .dx-calendar-view-year .dx-calendar-cell span {
        line-height: 400%;
        width: 48px;
    }

    .dx-calendar-view-century .dx-calendar-cell span {
        line-height: 200%;
        width: 48px;
    }

    .dx-calendar-cell span {
        display: inline-block;
        width: 32px;
        line-height: 32px;
        border-radius: 50%;
    }

    .dx-calendar-cell.dx-calendar-today {
        font-weight: bold;
        color: #ed1c24;
    }

    .dx-calendar-cell.dx-state-hover,
    .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date) {
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-calendar-cell.dx-state-hover span,
        .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date) span {
            background-color: #f5f5f5;
        }

    .dx-calendar-cell.dx-calendar-other-view,
    .dx-calendar-cell.dx-calendar-empty-cell {
        color: rgba(125, 125, 125, 0.87);
    }

        .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: rgba(125, 125, 125, 0.87);
        }

    .dx-calendar-cell.dx-calendar-empty-cell {
        cursor: default;
        color: rgba(0, 0, 0, 0.25);
    }

        .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover {
            color: rgba(0, 0, 0, 0.25);
        }

            .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span {
                background-color: transparent;
            }

    .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) span {
        background-color: rgba(96, 96, 96, 0.2);
    }

    .dx-calendar-cell.dx-calendar-selected-date span,
    .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span {
        color: #fff;
        background-color: #ed1c24;
        font-weight: normal;
    }

    .dx-invalid.dx-calendar {
        border-color: rgba(233, 30, 99, 0.4);
    }

        .dx-invalid.dx-calendar.dx-state-focused {
            border-color: #ed1c24;
        }

    .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
        margin: 0;
    }

    .dx-treeview-node-loadindicator {
        top: 13px;
        left: 2px;
        width: 20px;
        height: 20px;
    }

    .dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
        padding-left: 0;
        padding-right: 26px;
    }

    .dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
        padding-left: 1px;
        padding-right: 8px;
    }

    .dx-rtl .dx-treeview-node {
        padding-right: 24px;
    }

    .dx-rtl .dx-treeview-item .dx-icon {
        margin-left: 5px;
    }

    .dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
        padding-right: 40px;
    }

    .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
        right: 35px;
    }

    .dx-rtl .dx-treeview-select-all-item {
        padding-left: 0;
        padding-right: 35px;
    }

        .dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
            padding-left: 0;
            padding-right: 31px;
        }

    .dx-rtl .dx-treeview-toggle-item-visibility {
        right: 0;
    }

    .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
        overflow: visible;
    }

    .dx-treeview-search {
        margin-bottom: 8px;
    }

    .dx-treeview-with-search > .dx-scrollable {
        height: calc(100% - 41px);
    }

    .dx-treeview-border-visible {
        border: 1px solid #e0e0e0;
    }

        .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 8px;
        }

    .dx-treeview-select-all-item {
        border-bottom: 1px solid #e0e0e0;
        padding: 15px 0 15px 35px;
    }

        .dx-treeview-select-all-item .dx-checkbox-text {
            padding-left: 31px;
        }

    .dx-treeview-node {
        padding-left: 24px;
    }

    .dx-state-selected > .dx-treeview-item {
        color: rgba(0, 0, 0, 0.87);
    }

    .dx-treeview-item-with-checkbox .dx-treeview-item {
        color: rgba(0, 0, 0, 0.87);
        padding-left: 40px;
    }

    .dx-treeview-item-with-checkbox .dx-checkbox {
        top: 14px;
        left: 35px;
    }

    .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
        color: rgba(0, 0, 0, 0.87);
        background-color: #e0e0e0;
    }

    .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
        background-color: #f5f5f5;
    }

        .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item * {
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-treeview-item {
        padding: 13px 8px;
        min-height: 48px;
        line-height: 22px;
    }

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

        .dx-treeview-item.dx-state-hover {
            background-color: #f5f5f5;
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-treeview-toggle-item-visibility {
        font: 14px/1 DXIcons;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.54);
        width: 24px;
        height: 48px;
        top: 0;
        left: 0;
    }

        .dx-treeview-toggle-item-visibility:before {
            content: "\f010";
        }

        .dx-treeview-toggle-item-visibility:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

        .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
            font: 14px/1 DXIcons;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
        }

            .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
                content: "\f016";
            }

            .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
                position: absolute;
                display: block;
                width: 24px;
                top: 50%;
                margin-top: -12px;
                left: 50%;
                margin-left: -12px;
            }

    .dx-field {
        color: rgba(0, 0, 0, 0.87);
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-field input,
        .dx-field textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .dx-field-label {
        color: rgba(117, 117, 117, 0.87);
        font-size: 12px;
        cursor: default;
    }

        .dx-field-label i {
            font-style: normal;
        }

    .dx-field-value.dx-attention {
        color: #ed1c24;
        padding-left: 32px;
    }

        .dx-field-value.dx-attention:before {
            pointer-events: none;
            font-weight: 500;
            background-color: #ed1c24;
            color: #fff;
            content: '!';
            position: absolute;
            top: 50%;
            margin-top: -11px;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            text-align: center;
            line-height: 23px;
            font-size: 14px;
        }

    .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
    .dx-field-value-static {
        width: 60%;
    }

    .dx-field {
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .dx-field-label {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding-right: 15px;
    }

    .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: 19px 0;
    }

    .dx-field-value.dx-switch,
    .dx-field-value:not(.dx-widget) > .dx-switch {
        margin: 18px 0;
    }

    .dx-field-value.dx-slider,
    .dx-field-value:not(.dx-widget) > .dx-slider {
        margin: 14px 0;
    }

    .dx-field-value.dx-radiogroup,
    .dx-field-value:not(.dx-widget) > .dx-radiogroup {
        margin: 15px 0;
    }

    .dx-field-value.dx-attention {
        padding: 21px 10px 20px;
        position: relative;
        padding-left: 32px;
    }

        .dx-field-value.dx-attention:before {
            left: 0;
        }

    .dx-field-value-static {
        padding: 21px 10px 20px;
    }

    .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-size: 18px;
    }

    .dx-field {
        margin: 0 0 30px 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-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-tabs {
        display: block;
        border-bottom: none;
        background-color: #f7f7f7;
    }

    .dx-empty-collection.dx-tabpanel .dx-tabs {
        border-top: none;
    }

    .dx-tabpanel .dx-tab {
        min-width: 72px;
    }

        .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
            background: none;
        }

    .dx-tabpanel .dx-tabs-wrapper {
        display: block;
    }

    .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 #e0e0e0;
        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: rgba(102, 102, 102, 0.87);
    }

    .dx-fileuploader-input {
        padding: 7px 0;
    }

    .dx-fileuploader-input-label {
        padding: 8px 9px;
        color: rgba(0, 0, 0, 0.87);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dx-fileuploader-show-file-list .dx-fileuploader-files-container {
        padding: 14px 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-files-container .dx-fileuploader-file-container {
        -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
        padding: 5px 8px;
        margin-bottom: 4px;
    }

        .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button {
            margin-right: 15px;
        }

    .dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button {
        margin-left: 15px;
        margin-right: 0;
    }

    .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button {
        height: 36px;
        width: 36px;
        margin-right: 5px;
    }

    .dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button {
        margin-left: 5px;
        margin-right: 0;
    }

    .dx-fileuploader-file {
        padding-top: 5px;
        line-height: 13px;
    }

    .dx-fileuploader-file-name {
        padding-bottom: 3.5px;
        color: rgba(0, 0, 0, 0.87);
        font-weight: 500;
    }

    .dx-fileuploader-file-size {
        padding-bottom: 3.5px;
    }

    .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:first-child {
        margin-top: 2px;
    }

    .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child {
        margin-bottom: 2px;
    }

    .dx-fileuploader-invalid .dx-fileuploader-file-status-message {
        color: #ed1c24;
    }

    .dx-fileuploader-invalid .dx-fileuploader-button-container {
        vertical-align: middle;
    }

    .dx-fileuploader-invalid .dx-fileuploader-cancel-button {
        margin-top: 0px;
    }

    .dx-invalid-message > .dx-overlay-content {
        background-color: transparent;
        color: #ed1c24;
        padding: 6px 0 0;
    }

    .dx-validationsummary > .dx-validationsummary-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .dx-form-validation-summary {
        margin-top: 20px;
    }

    .dx-timeview {
        height: auto;
        width: auto;
        background-color: #f2f2f2;
    }

    .dx-timeview-clock {
        min-height: 260px;
        min-width: 260px;
        background: url("data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%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%22200px%22%20height%3d%22200px%22%20viewBox%3d%220%200%20200%20200%22%20style%3d%22enable-background%3anew%200%200%20200%20200%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cstyle%20type%3d%22text%2fcss%22%3e%0a%09.st0%7bfill%3a%23FFFFFF%3b%7d%0a%09.st1%7bfill%3a%237A7A7A%3b%7d%0a%09.st2%7bfill%3a%2303A9F4%3b%7d%0a%3c%2fstyle%3e%0a%3ccircle%20class%3d%22st0%22%20cx%3d%22100%22%20cy%3d%22100%22%20r%3d%22100%22%2f%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M98.2%2c17h-0.9v-5.6H96v-0.6l2.2-0.2C98.2%2c10.6%2c98.2%2c17%2c98.2%2c17z%22%2f%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M104.9%2c17h-4.1v-0.6l2.1-2.3c0.4-0.4%2c0.6-0.8%2c0.8-1c0.1-0.2%2c0.2-0.5%2c0.2-0.8s-0.1-0.6-0.3-0.8%0a%09%09c-0.2-0.2-0.4-0.3-0.7-0.3c-0.4%2c0-0.8%2c0.1-1%2c0.3s-0.3%2c0.5-0.3%2c1h-0.8l0%2c0c0-0.6%2c0.2-1%2c0.5-1.4s0.9-0.6%2c1.6-0.6c0.6%2c0%2c1%2c0.2%2c1.4%2c0.5%0a%09%09c0.3%2c0.3%2c0.5%2c0.8%2c0.5%2c1.3c0%2c0.3-0.1%2c0.7-0.3%2c1c-0.2%2c0.4-0.5%2c0.7-0.9%2c1.1l-1.7%2c1.8l0%2c0h3.1L104.9%2c17L104.9%2c17z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M181.4%2c97.4h0.8c0.4%2c0%2c0.7-0.1%2c0.8-0.3c0.2-0.2%2c0.2-0.5%2c0.2-0.8c0-0.4-0.1-0.6-0.3-0.8s-0.5-0.3-0.8-0.3%0a%09%09s-0.6%2c0.1-0.8%2c0.3c-0.2%2c0.2-0.3%2c0.5-0.3%2c0.8h-0.8l0%2c0c0-0.5%2c0.2-0.9%2c0.5-1.2c0.4-0.3%2c0.8-0.5%2c1.4-0.5c0.6%2c0%2c1.1%2c0.2%2c1.4%2c0.5%0a%09%09c0.4%2c0.3%2c0.5%2c0.8%2c0.5%2c1.3c0%2c0.3-0.1%2c0.5-0.2%2c0.8c-0.2%2c0.3-0.4%2c0.5-0.7%2c0.6c0.4%2c0.1%2c0.7%2c0.3%2c0.8%2c0.6c0.2%2c0.3%2c0.2%2c0.6%2c0.2%2c0.9%0a%09%09c0%2c0.6-0.2%2c1-0.6%2c1.4c-0.4%2c0.3-0.9%2c0.5-1.5%2c0.5s-1.1-0.2-1.4-0.5c-0.4-0.3-0.6-0.7-0.6-1.3l0%2c0h0.8c0%2c0.3%2c0.1%2c0.6%2c0.3%2c0.8%0a%09%09c0.2%2c0.2%2c0.5%2c0.3%2c0.9%2c0.3s0.7-0.1%2c0.9-0.3c0.2-0.2%2c0.3-0.5%2c0.3-0.9s-0.1-0.7-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3h-0.8v-0.7H181.4z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M16%2c100.4c0.4%2c0%2c0.8-0.2%2c1-0.5c0.3-0.3%2c0.4-0.8%2c0.4-1.4v-0.3c-0.1%2c0.2-0.3%2c0.4-0.5%2c0.5s-0.5%2c0.2-0.7%2c0.2%0a%09%09c-0.6%2c0-1.1-0.2-1.5-0.6s-0.5-0.9-0.5-1.6c0-0.6%2c0.2-1.2%2c0.6-1.6c0.4-0.4%2c0.9-0.6%2c1.4-0.6c0.7%2c0%2c1.2%2c0.2%2c1.6%2c0.6s0.6%2c1%2c0.6%2c1.8v1.5%0a%09%09c0%2c0.8-0.2%2c1.5-0.6%2c1.9s-1%2c0.7-1.6%2c0.7c-0.2%2c0-0.5%2c0-0.7-0.1c-0.2%2c0-0.4-0.1-0.6-0.2L15%2c100c0.2%2c0.1%2c0.4%2c0.2%2c0.5%2c0.2%0a%09%09C15.5%2c100.4%2c15.7%2c100.4%2c16%2c100.4z%20M16.1%2c98.2c0.3%2c0%2c0.6-0.1%2c0.8-0.2c0.2-0.1%2c0.4-0.3%2c0.5-0.5v-0.6c0-0.6-0.1-1-0.3-1.3%0a%09%09c-0.2-0.3-0.5-0.4-0.9-0.4c-0.3%2c0-0.6%2c0.1-0.8%2c0.4s-0.3%2c0.6-0.3%2c1.1c0%2c0.4%2c0.1%2c0.8%2c0.3%2c1.1C15.5%2c98%2c15.7%2c98.2%2c16.1%2c98.2z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M174.7%2c136.8h0.9v0.7h-0.9v1.5h-0.9v-1.5H171V137l2.8-4.4h0.9V136.8z%20M171.9%2c136.8h2v-3l0%2c0l-0.1%2c0.2%0a%09%09L171.9%2c136.8z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M175.4%2c60h-4.1v-0.6l2.1-2.3c0.4-0.4%2c0.6-0.8%2c0.8-1c0.1-0.2%2c0.2-0.5%2c0.2-0.8s-0.1-0.6-0.3-0.8%0a%09%09s-0.4-0.3-0.7-0.3c-0.4%2c0-0.8%2c0.1-1%2c0.3s-0.3%2c0.5-0.3%2c1h-0.8l0%2c0c0-0.6%2c0.2-1%2c0.5-1.4s0.9-0.6%2c1.6-0.6c0.6%2c0%2c1%2c0.2%2c1.4%2c0.5%0a%09%09c0.3%2c0.3%2c0.5%2c0.8%2c0.5%2c1.3c0%2c0.3-0.1%2c0.7-0.3%2c1c-0.2%2c0.4-0.5%2c0.7-0.9%2c1.1l-1.7%2c1.8l0%2c0h3.1V60H175.4z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M30.2%2c134.3c0%2c0.3-0.1%2c0.6-0.3%2c0.9c-0.2%2c0.3-0.4%2c0.4-0.8%2c0.6c0.4%2c0.1%2c0.7%2c0.3%2c0.9%2c0.6c0.2%2c0.3%2c0.3%2c0.6%2c0.3%2c1%0a%09%09c0%2c0.6-0.2%2c1-0.6%2c1.4c-0.4%2c0.3-0.9%2c0.5-1.5%2c0.5s-1.1-0.2-1.5-0.5s-0.6-0.8-0.6-1.4c0-0.4%2c0.1-0.7%2c0.3-1s0.5-0.5%2c0.9-0.6%0a%09%09c-0.3-0.1-0.6-0.3-0.8-0.6c-0.2-0.3-0.3-0.5-0.3-0.9c0-0.6%2c0.2-1%2c0.5-1.3s0.8-0.5%2c1.4-0.5s1%2c0.2%2c1.4%2c0.5%0a%09%09C30%2c133.3%2c30.2%2c133.7%2c30.2%2c134.3z%20M29.5%2c137.2c0-0.3-0.1-0.6-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3s-0.7%2c0.1-0.9%2c0.3%0a%09%09c-0.2%2c0.2-0.3%2c0.5-0.3%2c0.9s0.1%2c0.6%2c0.3%2c0.9c0.2%2c0.2%2c0.5%2c0.3%2c0.9%2c0.3s0.7-0.1%2c0.9-0.3S29.5%2c137.6%2c29.5%2c137.2z%20M29.3%2c134.3%0a%09%09c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3%2c0-0.6%2c0.1-0.7%2c0.3c-0.2%2c0.2-0.3%2c0.5-0.3%2c0.8s0.1%2c0.6%2c0.3%2c0.8%0a%09%09c0.2%2c0.2%2c0.4%2c0.3%2c0.8%2c0.3c0.3%2c0%2c0.6-0.1%2c0.7-0.3S29.3%2c134.6%2c29.3%2c134.3z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M26.2%2c60h-0.9v-5.6H24v-0.6l2.2-0.2C26.2%2c53.6%2c26.2%2c60%2c26.2%2c60z%22%2f%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M32.8%2c57.6c0%2c0.8-0.2%2c1.4-0.5%2c1.9c-0.4%2c0.4-0.9%2c0.7-1.5%2c0.7s-1.1-0.2-1.5-0.7s-0.5-1.1-0.5-1.9V56%0a%09%09c0-0.8%2c0.2-1.4%2c0.5-1.9c0.4-0.4%2c0.9-0.7%2c1.5-0.7s1.1%2c0.2%2c1.5%2c0.7c0.4%2c0.4%2c0.5%2c1.1%2c0.5%2c1.9V57.6z%20M32%2c55.9c0-0.6-0.1-1-0.3-1.2%0a%09%09c-0.2-0.3-0.5-0.4-0.9-0.4s-0.7%2c0.1-0.9%2c0.4c-0.2%2c0.3-0.3%2c0.7-0.3%2c1.2v1.9c0%2c0.6%2c0.1%2c1%2c0.3%2c1.3c0.2%2c0.3%2c0.5%2c0.4%2c0.9%2c0.4%0a%09%09s0.7-0.1%2c0.9-0.4c0.2-0.3%2c0.3-0.7%2c0.3-1.3V55.9z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M140.5%2c169.1l0.4-3.5h3.2v0.8h-2.5l-0.2%2c1.8c0.1-0.1%2c0.3-0.2%2c0.5-0.2c0.2-0.1%2c0.4-0.1%2c0.6-0.1%0a%09%09c0.6%2c0%2c1.1%2c0.2%2c1.4%2c0.6c0.3%2c0.4%2c0.5%2c0.9%2c0.5%2c1.6c0%2c0.6-0.2%2c1.2-0.5%2c1.5c-0.3%2c0.4-0.8%2c0.6-1.5%2c0.6c-0.5%2c0-1-0.1-1.4-0.4%0a%09%09c-0.4-0.3-0.5-0.7-0.5-1.3l0%2c0h0.8c0%2c0.3%2c0.1%2c0.6%2c0.3%2c0.8s0.5%2c0.3%2c0.8%2c0.3c0.4%2c0%2c0.7-0.1%2c0.9-0.4c0.2-0.3%2c0.3-0.6%2c0.3-1.1%0a%09%09c0-0.4-0.1-0.7-0.3-1s-0.5-0.4-0.8-0.4s-0.6%2c0.1-0.7%2c0.2c-0.2%2c0.1-0.3%2c0.3-0.3%2c0.5L140.5%2c169.1z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M142.7%2c29h-0.9v-5.6h-1.3v-0.6l2.2-0.2V29z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M61.4%2c166.3c-0.8%2c0.9-1.3%2c1.7-1.6%2c2.4s-0.5%2c1.6-0.6%2c2.6l-0.1%2c0.7h-0.9l0.1-0.7c0.1-1%2c0.4-1.9%2c0.7-2.7%0a%09%09s0.8-1.6%2c1.5-2.3H57v-0.7h4.3L61.4%2c166.3L61.4%2c166.3z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M57.2%2c29h-0.9v-5.6H55v-0.6l2.2-0.2V29z%22%2f%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M62.2%2c29h-0.9v-5.6H60v-0.6l2.2-0.2V29z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M100.7%2c180.5c0.2%2c0%2c0.4%2c0%2c0.7%2c0.1c0.2%2c0%2c0.4%2c0.1%2c0.5%2c0.2l-0.2%2c0.7c-0.1-0.1-0.3-0.1-0.5-0.2%0a%09%09c-0.2%2c0-0.3-0.1-0.6-0.1c-0.5%2c0-0.8%2c0.2-1.1%2c0.5c-0.3%2c0.4-0.4%2c0.8-0.4%2c1.4v0.1c0.2-0.2%2c0.4-0.3%2c0.6-0.4c0.2-0.1%2c0.5-0.1%2c0.8-0.1%0a%09%09c0.6%2c0%2c1%2c0.2%2c1.4%2c0.6c0.3%2c0.4%2c0.5%2c0.9%2c0.5%2c1.5c0%2c0.7-0.2%2c1.2-0.5%2c1.6c-0.4%2c0.4-0.8%2c0.6-1.4%2c0.6s-1.1-0.2-1.6-0.7s-0.6-1.1-0.6-1.9%0a%09%09v-1.2c0-0.8%2c0.2-1.5%2c0.7-2S100%2c180.5%2c100.7%2c180.5z%20M100.4%2c183.4c-0.3%2c0-0.5%2c0.1-0.8%2c0.2c-0.2%2c0.1-0.4%2c0.3-0.5%2c0.5v0.5%0a%09%09c0%2c0.6%2c0.1%2c1%2c0.4%2c1.4s0.6%2c0.5%2c0.9%2c0.5c0.4%2c0%2c0.6-0.1%2c0.8-0.5c0.2-0.3%2c0.3-0.7%2c0.3-1.1c0-0.4-0.1-0.8-0.3-1%0a%09%09C101.1%2c183.5%2c100.8%2c183.4%2c100.4%2c183.4z%22%2f%3e%0a%3c%2fg%3e%0a%3ccircle%20class%3d%22st2%22%20cx%3d%22100%22%20cy%3d%22100%22%20r%3d%226%22%2f%3e%0a%3c%2fsvg%3e%0a") no-repeat 50% 50%;
        background-size: 215px;
    }

    .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%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%223px%22%20height%3d%2250px%22%20viewBox%3d%220%200%203%2050%22%20style%3d%22enable-background%3anew%200%200%203%2050%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cstyle%20type%3d%22text%2fcss%22%3e%0a%09.st0%7bfill%3a%2303A9F4%3b%7d%0a%3c%2fstyle%3e%0a%3crect%20class%3d%22st0%22%20width%3d%223%22%20height%3d%2250%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%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%222px%22%20height%3d%2268px%22%20viewBox%3d%220%200%202%2068%22%20style%3d%22enable-background%3anew%200%200%202%2068%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cstyle%20type%3d%22text%2fcss%22%3e%0a%09.st0%7bfill%3a%2303A9F4%3b%7d%0a%3c%2fstyle%3e%0a%3crect%20class%3d%22st0%22%20width%3d%222%22%20height%3d%2268%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-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input {
            padding-right: 0;
        }

    .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input {
        padding-left: 0;
    }

    .dx-rtl.dx-editor-filled.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input,
    .dx-rtl.dx-editor-outlined.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input,
    .dx-rtl .dx-editor-filled.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input,
    .dx-rtl .dx-editor-outlined.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input {
        padding-right: 12px;
    }

    .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button {
        margin-right: 0;
    }

        .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button.dx-rtl,
        .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button {
            margin-left: 0;
        }

    .dx-timeview-time-separator {
        margin: 0 5px;
    }

    .dx-timeview-field {
        min-height: 35px;
    }

        .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: 65px;
        display: table-cell;
    }

    .dx-scheduler-small .dx-scheduler-pseudo-cell:before {
        width: 32.5px;
    }

    .dx-scheduler-fixed-appointments {
        z-index: 100;
        position: absolute;
        left: 65px;
    }

    .dx-scheduler-small .dx-scheduler-fixed-appointments {
        left: 32.5px;
    }

    .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: #ed1c24;
    }

        .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: #EB5757;
        }

    .dx-scheduler-date-time-shader-all-day {
        margin-left: 65px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.03);
        position: absolute;
        pointer-events: none;
    }

    .dx-scheduler-date-time-indicator {
        background-color: #EB5757;
        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: #EB5757;
            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: 65px;
        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: 32.5px;
    }

    .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: 65px;
    }

    .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: 65px;
        background-color: rgba(0, 0, 0, 0.03);
    }

    .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(0, 0, 0, 0.03);
        }

    .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
        border-bottom: 2px solid #EB5757;
        -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 #e0e0e0;
        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 #e0e0e0;
        }

        .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
            border-left: 1px solid #e0e0e0;
        }

        .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
            border-left: 1px solid #e0e0e0;
            border-top: 1px solid #e0e0e0;
        }

        .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 #e0e0e0;
        }

        .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
            border-bottom: 1px solid #e0e0e0;
        }

    .dx-scheduler-date-table-scrollable .dx-scrollable-content {
        overflow: hidden;
        position: relative;
    }

    .dx-scheduler-date-table-cell {
        border-top: 1px solid #e0e0e0;
        height: 50px;
    }

        .dx-scheduler-date-table-cell > div,
        .dx-scheduler-all-day-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 #e0e0e0;
    }

    .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: #e0e0e0;
    }

    .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 #e0e0e0;
        border-top: 1px solid #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .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: rgba(0, 0, 0, 0.54);
    }

        .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: #ed1c24;
        background-color: rgba(255, 87, 34, 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-head .dx-scheduler-appointment-recurrence-icon,
    .dx-scheduler-timeline .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .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 #e0e0e0;
    }

    .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
        border-bottom: 1px solid #e0e0e0;
    }

    .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 #e0e0e0;
        }

    .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
        border: none;
        border-top: 1px solid #e0e0e0;
    }

    .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
        border-right: 1px solid #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell {
        border-right: 1px solid #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
        border-left: 1px solid #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .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: 65px;
    }

    .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: 32.5px;
    }

    .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 #e0e0e0;
    }

        .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
            content: "";
            position: absolute;
            left: 0;
            width: 65px;
            border-right: 1px solid #e0e0e0;
        }

    .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        width: 32.5px;
    }

    .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: 65px;
    }

    .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-left: 32.5px;
    }

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
        border-right: 1px solid #e0e0e0;
    }

    .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 65px;
        padding: 0;
    }

    .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
        margin: 0 0 0 32.5px;
    }

    .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
        margin: 0 65px 0 0;
    }

    .dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
        margin: 0 32.5px 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 #e0e0e0;
        border-right: 1px solid #e0e0e0;
        color: rgba(0, 0, 0, 0.54);
        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: 65px;
        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: 32.5px;
    }

    .dx-scheduler-all-day-panel {
        width: 100%;
    }

        .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
            border-bottom: 2px solid #e0e0e0;
        }

    .dx-scheduler-all-day-title {
        color: rgba(0, 0, 0, 0.54);
        width: 65px;
        height: 75px;
        position: absolute;
        line-height: 75px;
        text-align: center;
        border-bottom: 2px solid #e0e0e0;
        -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: 32.5px;
    }

    .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: 65px;
        border-collapse: collapse;
        font-size: 20px;
    }

    .dx-scheduler-small .dx-scheduler-time-panel {
        width: 32.5px;
        font-size: 14px;
    }

    .dx-scheduler-time-panel-cell {
        color: rgba(0, 0, 0, 0.54);
        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: #e0e0e0;
    }

    .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
        color: #ed1c24;
    }

        .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: #EB5757;
        }

    .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: -65px;
    }

    .dx-scheduler-small .dx-scheduler-date-table {
        margin-left: -32.5px;
    }

    .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
        content: "";
        width: 65px;
        display: table-cell;
    }

    .dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
        width: 32.5px;
    }

    .dx-scheduler-date-table-cell {
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        height: 50px;
    }

        .dx-scheduler-all-day-table-cell.dx-state-active,
        .dx-scheduler-date-table-cell.dx-state-active {
            background-color: #e0e0e0;
        }

        .dx-scheduler-all-day-table-cell.dx-state-hover,
        .dx-scheduler-date-table-cell.dx-state-hover {
            background-color: rgba(0, 0, 0, 0.54);
        }

            .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: rgba(255, 87, 34, 0.12);
            }

        .dx-scheduler-all-day-table-cell.dx-state-focused,
        .dx-scheduler-date-table-cell.dx-state-focused {
            background-color: rgba(255, 87, 34, 0.12);
            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 #ed1c24;
            box-shadow: inset 0 0 0 1px #ed1c24;
        }

    .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: #ed1c24;
        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: 0.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: 0.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: 0.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-right: 40px;
    }

    .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: 0.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: 15%;
    }

    .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: 5px;
        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: 0.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: 0.7;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .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-field-item-label-location-left {
        padding-right: 20px;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item {
        padding-top: 13px;
    }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align.dx-flex-layout {
            -webkit-align-items: start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
        }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value,
        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label {
            float: none;
        }

            .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value .dx-recurrence-numberbox-repeat-count,
            .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label .dx-recurrence-numberbox-repeat-count {
                float: left;
            }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
            padding-top: 7px;
        }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
            position: absolute;
            left: -90px;
            padding-right: 10px;
        }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
            position: relative;
            left: -88px;
            top: 13px;
        }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value {
            display: inline-block;
        }

    .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-appointment-collector {
        background-color: #ed1c24;
        color: #fff;
    }

        .dx-scheduler-appointment-collector.dx-button,
        .dx-scheduler-appointment-collector.dx-button.dx-state-hover,
        .dx-scheduler-appointment-collector.dx-button.dx-state-active,
        .dx-scheduler-appointment-collector.dx-button.dx-state-focused {
            background-color: #ed1c24;
            color: #fff;
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-scheduler-appointment-collector.dx-button .dx-button-content,
            .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content,
            .dx-scheduler-appointment-collector.dx-button.dx-state-active .dx-button-content,
            .dx-scheduler-appointment-collector.dx-button.dx-state-focused .dx-button-content {
                line-height: inherit;
            }

            .dx-scheduler-appointment-collector.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: 0.98;
            }

            .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content {
                color: #fff;
                opacity: 0.99;
            }

    .dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child {
        padding-left: 0;
    }

    .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: 65px;
        width: 100%;
        height: 0;
    }

    .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
        padding-left: 32.5px;
    }

        .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl {
            padding-left: 0;
            padding-right: 32.5px;
        }

    .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 #e0e0e0;
    }

    .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: 145px;
    }

    .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 72.5px;
    }

    .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 145px;
    }

    .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-right: 72.5px;
    }

    .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: 225px;
    }

    .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 112.5px;
    }

    .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 225px;
    }

    .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-right: 112.5px;
    }

    .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: 305px;
    }

    .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 152.5px;
    }

    .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 305px;
    }

    .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-right: 152.5px;
    }

    .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 #e0e0e0;
        }

    .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: 65px;
    }

    .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: -130px;
    }

        .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: 130px;
        }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-right: -130px;
        margin-left: 0;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 130px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
        left: 130px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
        right: 130px;
        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: 131px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 131px;
    }

    .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 131px;
    }

    .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: 131px;
    }

    .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 131px 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: 131px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 65px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 65px;
    }

    .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 65px;
    }

    .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: 65px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 65px;
        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: 65px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
        width: 97.5px;
    }

    .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: -162.5px;
    }

        .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: 162.5px;
        }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-right: -162.5px;
        margin-left: 0;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 162.5px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
        left: 162.5px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
        right: 162.5px;
        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: 163.5px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 163.5px;
    }

    .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 163.5px;
    }

    .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: 163.5px;
    }

    .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 163.5px 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: 163.5px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 97.5px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 97.5px;
    }

    .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 97.5px;
    }

    .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: 97.5px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 97.5px;
        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: 97.5px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
        width: 130px;
    }

    .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: -195px;
    }

        .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: 195px;
        }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-right: -195px;
        margin-left: 0;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 195px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
        left: 195px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
        right: 195px;
        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: 196px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 196px;
    }

    .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 196px;
    }

    .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: 196px;
    }

    .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 196px 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: 196px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 130px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 130px;
    }

    .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 130px;
    }

    .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: 130px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 130px;
        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: 130px;
    }

    .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
        float: left;
        height: 100%;
        min-height: 100px;
        border-right: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
        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 #e0e0e0;
        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 #e0e0e0;
    }

    .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: 65px;
            display: table-cell;
        }

    .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
        width: 32.5px;
    }

    .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 #e0e0e0;
    }

        .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 #e0e0e0;
        box-shadow: inset 0 -1px 0 #e0e0e0;
    }

    .dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
        border-bottom: 2px solid #e0e0e0;
    }

    .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: 66px;
    }

    .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header {
        -webkit-box-shadow: 0 -2px 0 #e0e0e0;
        box-shadow: 0 -2px 0 #e0e0e0;
        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 #e0e0e0;
    }

    .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 #e0e0e0;
    }

    .dx-rtl .dx-scheduler-date-time-shader-all-day {
        margin-left: 0;
        margin-right: 65px;
    }

    .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 #e0e0e0;
    }

        .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: -65px;
    }

    .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: -32.5px;
    }

    .dx-rtl .dx-scheduler-appointment-recurrence-icon {
        left: 20px;
        right: auto;
    }

    .dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .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 #e0e0e0;
        border-left: none;
    }

    .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
        border-left: 1px solid #e0e0e0;
        border-right: none;
    }

        .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
            right: 0;
            border-left: 1px solid #e0e0e0;
            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: 65px;
        margin-left: auto;
    }

    .dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-right: 32.5px;
    }

    .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
        border-left: 1px solid #e0e0e0;
        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 #e0e0e0;
            border-right: none;
        }

    .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
        border-left: 1px solid #e0e0e0;
        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: 32.5px;
    }

    .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
        padding-right: 65px;
        padding-left: 0;
    }

    .dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
        padding-right: 32.5px;
    }

    .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-scrollable-fixed-content {
        height: auto;
    }

    .dx-scheduler-time-panel-cell {
        height: 38px;
        padding-right: 8px;
    }

        .dx-scheduler-time-panel-cell:after {
            content: none;
        }

        .dx-scheduler-time-panel-cell > div {
            margin-top: -6px;
            font-size: 12px;
        }

    .dx-scheduler-small .dx-scheduler-time-panel-cell > div {
        font-size: 11px;
    }

    .dx-scheduler-small .dx-scheduler-time-panel-cell {
        padding-right: 2px;
    }

    .dx-rtl .dx-scheduler-time-panel-cell {
        padding-left: 8px;
        padding-right: 0;
    }

    .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before {
        content: none;
    }

    .dx-scheduler-date-table-cell {
        height: 38px;
    }

    .dx-scheduler-all-day-title {
        height: 57px;
        line-height: 57px;
        font-size: 12px;
        top: 64px;
        border-bottom: 1px solid #e0e0e0;
    }

    .dx-scheduler-small .dx-scheduler-all-day-title {
        font-size: 9.6px;
    }

    .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
        height: 19px;
        line-height: 19px;
    }

    .dx-scheduler-appointment-content .dx-scheduler-appointment-title,
    .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-title {
        font-size: 12px;
    }

    .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
    .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
    .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday,
    .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
        font-size: 10px;
        font-weight: normal;
        opacity: 0.7;
    }

    [dx-group-row-count='1'] .dx-scheduler-all-day-title {
        top: 94px;
    }

        [dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
            top: -39px;
            height: 38px;
        }

    [dx-group-row-count='2'] .dx-scheduler-all-day-title {
        top: 124px;
    }

        [dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
            top: -69px;
            height: 68px;
        }

    [dx-group-row-count='3'] .dx-scheduler-all-day-title {
        top: 154px;
    }

        [dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
            top: -99px;
            height: 98px;
        }

    .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
    .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
        top: 120px;
    }

    .dx-scheduler-work-space-week[dx-group-row-count='1'] .dx-scheduler-all-day-title,
    .dx-scheduler-work-space-work-week[dx-group-row-count='1'] .dx-scheduler-all-day-title {
        top: 150px;
    }

        .dx-scheduler-work-space-week[dx-group-row-count='1'] .dx-scheduler-all-day-title:before,
        .dx-scheduler-work-space-work-week[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
            top: -95px;
            height: 94px;
        }

    .dx-scheduler-work-space-week[dx-group-row-count='2'] .dx-scheduler-all-day-title,
    .dx-scheduler-work-space-work-week[dx-group-row-count='2'] .dx-scheduler-all-day-title {
        top: 180px;
    }

        .dx-scheduler-work-space-week[dx-group-row-count='2'] .dx-scheduler-all-day-title:before,
        .dx-scheduler-work-space-work-week[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
            top: -125px;
            height: 124px;
        }

    .dx-scheduler-work-space-week[dx-group-row-count='3'] .dx-scheduler-all-day-title,
    .dx-scheduler-work-space-work-week[dx-group-row-count='3'] .dx-scheduler-all-day-title {
        top: 210px;
    }

        .dx-scheduler-work-space-week[dx-group-row-count='3'] .dx-scheduler-all-day-title:before,
        .dx-scheduler-work-space-work-week[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
            top: -155px;
            height: 154px;
        }

    .dx-scheduler-all-day-table {
        height: 57px;
    }

    .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
        height: 19px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
        width: 65px;
    }

    .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: -130px;
    }

        .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: 130px;
        }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-right: -130px;
        margin-left: 0;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 130px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
        left: 130px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
        right: 130px;
        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: 132px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 132px;
    }

    .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 132px;
    }

    .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: 132px;
    }

    .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 132px 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: 132px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 65px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 65px;
    }

    .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 65px;
    }

    .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: 65px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 65px;
        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: 65px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
        width: 97.5px;
    }

    .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: -162.5px;
    }

        .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: 162.5px;
        }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-right: -162.5px;
        margin-left: 0;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 162.5px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
        left: 162.5px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
        right: 162.5px;
        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: 164.5px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 164.5px;
    }

    .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 164.5px;
    }

    .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: 164.5px;
    }

    .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 164.5px 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: 164.5px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 97.5px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 97.5px;
    }

    .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 97.5px;
    }

    .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: 97.5px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 97.5px;
        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: 97.5px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
        width: 130px;
    }

    .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: -195px;
    }

        .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: 195px;
        }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-right: -195px;
        margin-left: 0;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 195px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
        left: 195px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
        right: 195px;
        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: 197px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 197px;
    }

    .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 197px;
    }

    .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: 197px;
    }

    .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 197px 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: 197px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 130px;
    }

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 130px;
    }

    .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 130px;
    }

    .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: 130px;
    }

    .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 130px;
        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: 130px;
    }

    .dx-scheduler-appointment-content {
        padding: 5px 7px;
    }

    .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-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: 5px 7px;
    }

    .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,
    .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-date-time-indicator {
        height: 2px;
    }

        .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,
        .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-date-time-indicator:before {
            display: none;
        }

    .dx-scheduler-header-panel {
        margin-top: 0;
    }

    .dx-scheduler-header-panel-cell {
        height: 56px;
        text-align: left;
        vertical-align: bottom;
    }

    .dx-rtl .dx-scheduler-header-panel-cell {
        text-align: right;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
        height: 22px;
    }

    .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell {
        height: 34px;
        font-size: 12px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
    .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
        height: 34px;
        font-size: 12px;
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 11px;
    }

    .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
    .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
    .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell {
        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.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
    .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
    .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell,
    .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell {
        border-bottom: 1px solid #e0e0e0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
        content: none;
    }

    .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
        display: block;
        margin: 0 14px;
    }

    .dx-scheduler-small .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
        margin: 0 7px;
    }

    .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:first-child {
        font-size: 12px;
        line-height: 7px;
    }

    .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:last-child {
        font-size: 30px;
        line-height: 35px;
    }

    .dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 56px;
        margin-bottom: -56px;
    }

    .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 86px;
        margin-bottom: -86px;
    }

    .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 116px;
        margin-bottom: -116px;
    }

    .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 146px;
        margin-bottom: -146px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 113px;
        margin-bottom: -113px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 143px;
        margin-bottom: -143px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 173px;
        margin-bottom: -173px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 203px;
        margin-bottom: -203px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 75px;
        margin-bottom: -75px;
    }

    .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-work-space.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.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.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.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.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-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 30px;
        margin-bottom: -30px;
    }

    .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 60px;
        margin-bottom: -60px;
    }

    .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 90px;
        margin-bottom: -90px;
    }

    .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 57px;
        margin-bottom: -57px;
    }

    .dx-scheduler-work-space-day.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-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 87px;
        margin-bottom: -87px;
    }

    .dx-scheduler-work-space-day.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-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 117px;
        margin-bottom: -117px;
    }

    .dx-scheduler-work-space-day.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-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 147px;
        margin-bottom: -147px;
    }

    .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 19px;
        margin-bottom: -19px;
    }

    .dx-scheduler-work-space-day.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-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 49px;
        margin-bottom: -49px;
    }

    .dx-scheduler-work-space-day.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-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 79px;
        margin-bottom: -79px;
    }

    .dx-scheduler-work-space-day.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-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 109px;
        margin-bottom: -109px;
    }

    .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
        top: 65px;
    }

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-header-panel {
        margin-top: 0;
    }

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='1'] .dx-scheduler-all-day-title {
        top: 150px;
    }

        .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
            top: -95px;
            height: 94px;
        }

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='2'] .dx-scheduler-all-day-title {
        top: 180px;
    }

        .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
            top: -125px;
            height: 124px;
        }

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='3'] .dx-scheduler-all-day-title {
        top: 210px;
    }

        .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
            top: -155px;
            height: 154px;
        }

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title {
        top: 120px;
    }

    .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell,
    .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
        border-left: 1px solid #e0e0e0;
    }

    .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell,
    .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
        border-right: 1px solid #e0e0e0;
    }

    .dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
        border-bottom: none;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 56px;
        margin-bottom: -56px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 86px;
        margin-bottom: -86px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 116px;
        margin-bottom: -116px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 146px;
        margin-bottom: -146px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
        padding-top: 3px;
        font-size: 12px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month {
        border-left: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel {
        border-bottom: none;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        font-size: 14px;
        text-align: left;
        height: 100px;
    }

        .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
            padding: 8px;
        }

    .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        text-align: right;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
        font-size: 12px;
        margin-left: 8px;
        line-height: 22px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector {
        margin-top: 7px;
        margin-left: 52px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable {
        padding-bottom: 22px;
        margin-bottom: -22px;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-current-date {
        color: #ed1c24;
    }

    .dx-scheduler-adaptive .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector {
        margin: 0;
    }

    .dx-scheduler-adaptive .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell {
        white-space: nowrap;
    }

    .dx-scheduler-appointment-collector {
        margin-top: 5px;
        position: absolute;
    }

        .dx-scheduler-appointment-collector.dx-button {
            border-radius: 12px;
            height: 22px;
            min-width: auto;
            width: auto;
        }

            .dx-scheduler-appointment-collector.dx-button:before {
                display: none;
            }

            .dx-scheduler-appointment-collector.dx-button .dx-button-content {
                padding: 4px 0;
                font-size: 12px;
            }

    .dx-scheduler-header {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        height: 64px;
    }

    .dx-scheduler-navigator {
        padding: 14px;
    }

        .dx-scheduler-navigator .dx-button {
            background-color: transparent;
            color: #ed1c24;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-scheduler-navigator .dx-button .dx-icon {
                color: #ed1c24;
            }

            .dx-scheduler-navigator .dx-button.dx-state-hover {
                background-color: rgba(255, 87, 34, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-scheduler-navigator .dx-button.dx-state-focused {
                background-color: rgba(255, 87, 34, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-scheduler-navigator .dx-button.dx-state-active {
                background-color: rgba(255, 87, 34, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-scheduler-navigator .dx-button.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-scheduler-navigator .dx-button.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-scheduler-navigator .dx-button.dx-state-disabled .dx-button-text {
                    color: rgba(0, 0, 0, 0.35);
                }

            .dx-scheduler-navigator .dx-button .dx-inkripple-wave {
                background-color: rgba(255, 87, 34, 0.2);
            }

            .dx-scheduler-navigator .dx-button .dx-button-text {
                text-transform: none;
            }

    .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: 4px 0 0 4px;
    }

    .dx-rtl .dx-scheduler-navigator-previous {
        border-radius: 0 4px 4px 0;
    }

    .dx-scheduler-navigator-next {
        border-radius: 0 4px 4px 0;
    }

    .dx-rtl .dx-scheduler-navigator-next {
        border-radius: 4px 0 0 4px;
    }

    .dx-scheduler-view-switcher.dx-tabs {
        background: none;
        margin-right: 14px;
    }

        .dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-state-hover) {
            background: none;
        }

        .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before {
            bottom: 0;
        }

        .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        .dx-scheduler-view-switcher.dx-tabs .dx-tabs-nav-button {
            height: 36px;
            margin-top: 13px;
        }

    .dx-scheduler-view-switcher.dx-dropdownmenu {
        margin-top: 13px;
        background-color: transparent;
        color: rgba(0, 0, 0, 0.54);
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 1;
    }

        .dx-scheduler-view-switcher.dx-dropdownmenu:before {
            display: none;
        }

        .dx-scheduler-view-switcher.dx-dropdownmenu .dx-icon {
            color: rgba(0, 0, 0, 0.54);
        }

        .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-hover {
            background-color: rgba(0, 0, 0, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-focused {
            background-color: rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-active {
            background-color: rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-scheduler-view-switcher.dx-dropdownmenu .dx-inkripple-wave {
            background-color: rgba(0, 0, 0, 0.2);
        }

        .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button-has-icon:not(.dx-button-has-text) {
            border-radius: 2px;
        }

    .dx-scheduler-view-switcher-label {
        margin-top: 13px;
        right: 10px;
        height: 36px;
        line-height: 24px;
        padding: 6px 14px;
        padding-right: 50px;
        z-index: 0;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 4px;
    }

    .dx-rtl .dx-scheduler-view-switcher-label {
        left: 10px;
        right: auto;
        padding-right: 14px;
        padding-left: 50px;
    }

    .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
    .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
        font-weight: 500;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.87);
        text-align: left;
        border-bottom: 1px solid #e0e0e0;
    }

        .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
        .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
            padding-left: 14px;
        }

    .dx-scheduler-work-space-month .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
    .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
    .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
    .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
    .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
    .dx-scheduler-agenda .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
        padding-left: 8px;
    }

    .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
    .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
        vertical-align: top;
    }

        .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div,
        .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div {
            top: 8px;
            -webkit-transform: none;
            transform: none;
        }

    .dx-scheduler-header-panel .dx-scheduler-group-row:before {
        border-right: 1px solid #e0e0e0;
    }

    .dx-scheduler-all-day-panel {
        background-color: #fff;
    }

        .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
            border-bottom: 1px solid #e0e0e0;
        }

    .dx-scheduler-work-space {
        padding-top: 64px;
        margin-top: -65px;
    }

        .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-width: 1px;
        }

        .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-all-day-title-hidden {
            border-top: none;
        }

        .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title {
            border-top: 1px solid #e0e0e0;
        }

        .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell {
            border-left: 1px solid #e0e0e0;
        }

        .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-week):not(.dx-scheduler-work-space-work-week) .dx-scheduler-group-header {
            border-bottom: none;
        }

        .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.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel .dx-scheduler-first-group-cell {
        border-left: 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 #e0e0e0;
        border-right: 1px solid #e0e0e0;
    }

        .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: #f5f5f5;
            color: rgba(0, 0, 0, 0.54);
        }

        .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
        .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .dx-scheduler-appointment-popup .dx-form {
        padding: 0 10px 0 10px;
    }

        .dx-scheduler-appointment-popup .dx-form .dx-layout-manager {
            padding: 0 10px 0 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-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch-wrapper {
        padding-top: 30px;
    }

    .dx-scheduler-appointment-popup .dx-form-validation-summary {
        padding: 10px 20px;
    }

    .dx-scheduler-header-panel,
    .dx-scheduler-time-panel {
        font-size: 16px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
    .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
        border-right: 1px solid #bfbfbf;
    }

        .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child,
        .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child {
            border-right: none;
        }

    .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
    .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
        border-left: 1px solid #bfbfbf;
        border-right: 1px solid #e0e0e0;
    }

        .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child,
        .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child {
            border-left: none;
        }

    .dx-scheduler-appointment,
    .dx-rtl .dx-scheduler-appointment,
    .dx-scheduler-work-space-month .dx-scheduler-appointment,
    .dx-scheduler-timeline .dx-scheduler-appointment,
    .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 2px;
    }

        .dx-scheduler-appointment.dx-state-focused,
        .dx-rtl .dx-scheduler-appointment.dx-state-focused,
        .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused,
        .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
        .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused {
            color: #fff;
        }

        .dx-scheduler-appointment.dx-state-active,
        .dx-rtl .dx-scheduler-appointment.dx-state-active,
        .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
        .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
        .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
        .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-rtl .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-scheduler-appointment.dx-draggable-dragging,
        .dx-rtl .dx-scheduler-appointment.dx-draggable-dragging,
        .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
        .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
        .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
        .dx-scheduler-appointment.dx-state-hover,
        .dx-rtl .dx-scheduler-appointment.dx-state-hover,
        .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
        .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
        .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
        .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-rtl .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .dx-scheduler-dropdown-appointment-date {
        color: rgba(0, 0, 0, 0.54);
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 87px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 117px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 147px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scheduler-header-scrollable {
        height: 57px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).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) .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) .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 56px;
        margin-bottom: -56px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[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)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 86px;
        margin-bottom: -86px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[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)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 116px;
        margin-bottom: -116px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[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)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 146px;
        margin-bottom: -146px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 31px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 61px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 91px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
        height: 1px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).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).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).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).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).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 30px;
        margin-bottom: -30px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).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).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 60px;
        margin-bottom: -60px;
    }

    .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).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).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 90px;
        margin-bottom: -90px;
    }

    .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        border-top: 1px solid #e0e0e0;
    }

    .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
    .dx-scheduler-work-space.dx-scheduler-timeline[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 {
        height: 143px;
    }

    .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
    .dx-scheduler-work-space.dx-scheduler-timeline[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 {
        height: 173px;
    }

    .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
    .dx-scheduler-work-space.dx-scheduler-timeline[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 {
        height: 203px;
    }

    .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
    .dx-scheduler-work-space.dx-scheduler-timeline .dx-scheduler-header-scrollable,
    .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable {
        height: 113px;
    }

    .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.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 {
        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.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 {
        padding-bottom: 112px;
        margin-bottom: -112px;
    }

        .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.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 {
            height: 113px;
            margin-top: -113px;
        }

    .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-timeline .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable {
        padding-bottom: 112px;
        margin-bottom: -112px;
    }

    .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: 87px;
    }

    .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 117px;
    }

    .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 147px;
    }

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
        height: 57px;
    }

    .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: 144px;
    }

    .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: 174px;
    }

    .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: 204px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
        height: 114px;
    }

    .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-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.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.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.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.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.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 88px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 118px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 148px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable {
        height: 58px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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.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: 50px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 80px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 110px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
        height: 20px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 88px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 118px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 148px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable {
        height: 58px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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.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: 50px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 80px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 110px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
        height: 20px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 53px;
    }

    .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: 83px;
    }

    .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: 113px;
    }

    .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
        height: 23px;
    }

    .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-agenda .dx-scheduler-group-header {
        font-size: 14px;
        width: 99px;
    }

        .dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content {
            padding-top: 2px;
        }

            .dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content:before {
                display: none;
            }

    .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header {
        border-bottom: none;
    }

    .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row:not(:last-child) .dx-scheduler-group-header {
        border-bottom: 1px solid #bfbfbf;
    }

    .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-right: -100px;
    }

    .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -50px;
    }

    .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -100px;
    }

    .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -50px;
    }

    .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 165px;
    }

    .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 82.5px;
    }

    .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 165px;
    }

    .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-right: 82.5px;
    }

    .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-right: -200px;
    }

    .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -100px;
    }

    .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -200px;
    }

    .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -100px;
    }

    .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 265px;
    }

    .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 132.5px;
    }

    .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 265px;
    }

    .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-right: 132.5px;
    }

    .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-right: -300px;
    }

    .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -150px;
    }

    .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -300px;
    }

    .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -150px;
    }

    .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 365px;
    }

    .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 182.5px;
    }

    .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 365px;
    }

    .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-right: 182.5px;
    }

    .dx-scheduler-agenda .dx-scheduler-time-panel-cell > span {
        font-size: 12px;
    }

    .dx-scheduler-agenda .dx-scheduler-group-table {
        border-right: 1px solid #e0e0e0;
    }

    .dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
        margin-top: 0;
    }

    .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row {
        border-bottom: none;
    }

        .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row:not(:last-child) {
            border-bottom: 1px solid #bfbfbf;
        }

    .dx-scheduler-agenda-nodata {
        font-size: 16px;
    }

    .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button {
        min-width: auto;
        padding: 0;
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-icon {
            color: #ed1c24;
        }

        .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-hover {
            background-color: rgba(255, 87, 34, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-focused {
            background-color: rgba(255, 87, 34, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-active {
            background-color: rgba(255, 87, 34, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled .dx-button-text {
                color: rgba(0, 0, 0, 0.35);
            }

        .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-inkripple-wave {
            background-color: rgba(255, 87, 34, 0.2);
        }

        .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-icon {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
        }

    .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
    .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
        background-color: #fff;
    }

        .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content,
        .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-popup-content {
            padding: 0;
        }

        .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item,
        .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item {
            margin-bottom: 0;
            margin-top: 0;
            border-bottom: 1px solid #e0e0e0;
        }

            .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:last-of-type,
            .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:last-of-type {
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                border-bottom: none;
            }

            .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:first-of-type,
            .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:first-of-type {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }

            .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item,
            .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item {
                margin-left: 10px;
            }

                .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body,
                .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
                    width: 24px;
                    height: 24px;
                }

                .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject,
                .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject {
                    margin-top: 4px;
                    font-size: 18px;
                }

                .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date,
                .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date {
                    font-size: 14px;
                    opacity: 1;
                    margin-top: 4px;
                }

                .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container,
                .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container {
                    padding-top: 1px;
                }

    .dx-form-group-with-caption > .dx-form-group-content {
        border-top: 1px solid #e0e0e0;
    }

    .dx-form-group-caption {
        font-size: 20px;
    }

    .dx-form-group-with-caption .dx-form-group-content {
        padding-bottom: 20px;
        padding-top: 19px;
        margin-top: 6px;
    }

    .dx-form > .dx-scrollable-wrapper > .dx-scrollable-container {
        margin-left: -10px;
        padding-left: 10px;
    }

    .dx-scrollable-content > .dx-layout-manager {
        padding-right: 5px;
    }

    .dx-layout-manager .dx-field-item:not(.dx-last-col) {
        padding-right: 20px;
    }

    .dx-layout-manager .dx-field-item:not(.dx-first-col) {
        padding-left: 20px;
    }

    .dx-field-item {
        padding-bottom: 10px;
        font-size: 12px;
    }

    .dx-label-v-align .dx-field-item-content .dx-textarea {
        margin-top: 6px;
    }

    .dx-label-v-align .dx-field-item-content .dx-invalid-message > .dx-overlay-content {
        -webkit-transform: translate(0px, 0px) !important;
        transform: translate(0px, 0px) !important;
    }

    .dx-field-item-content-wrapper.dx-invalid .dx-field-item-help-text {
        color: transparent;
    }

    .dx-field-item-label-location-top {
        padding: 16px 0 3px;
    }

    .dx-field-item-label-text {
        color: rgba(117, 117, 117, 0.87);
    }

    .dx-field-item-help-text {
        color: rgba(117, 117, 117, 0.87);
        padding: 6px 0 2px;
        font-style: normal;
    }

    .dx-field-item-required-mark {
        color: rgba(117, 117, 117, 0.87);
    }

    .dx-field-item-optional-mark {
        color: rgba(117, 117, 117, 0.87);
    }

    .dx-filterbuilder .dx-filterbuilder-action-icon {
        font-size: 21px;
    }

    .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
        padding: 8px;
        vertical-align: middle;
    }

    .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-filled .dx-texteditor-input,
    .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-outlined .dx-texteditor-input {
        padding: 13px 12px;
    }

    .dx-filterbuilder .dx-filterbuilder-text,
    .dx-filterbuilder .dx-filterbuilder-item-value-text {
        border-radius: 5px;
    }

    .dx-filterbuilder-range-separator {
        color: rgba(0, 0, 0, 0.87);
    }

    .dx-filterbuilder-overlay.dx-popup-wrapper > .dx-overlay-content {
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    }

    .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item {
        padding-left: 24px;
    }

    .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
        padding-right: 24px;
    }

    .dx-filterbuilder-overlay .dx-treeview-node > .dx-treeview-item {
        padding-left: 48px;
    }

    .dx-filterbuilder-overlay .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item {
        padding-left: 24px;
    }

    .dx-filterbuilder-overlay .dx-treeview-node .dx-treeview-node-container-opened {
        margin-left: 24px;
    }

    .dx-filterbuilder-overlay .dx-treeview-item {
        padding: 8px 24px 10px;
        min-height: 36px;
    }

        .dx-filterbuilder-overlay .dx-treeview-item .dx-icon {
            margin-right: 10px;
        }

    .dx-filterbuilder-overlay .dx-treeview-toggle-item-visibility {
        height: 36px;
        left: 16px;
    }

    .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node > .dx-treeview-item {
        padding-right: 48px;
    }

    .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item {
        padding-right: 24px;
    }

    .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
        margin-right: 24px;
        margin-left: 0;
    }

    .dx-filterbuilder-overlay .dx-rtl .dx-treeview-item .dx-icon {
        margin-left: 10px;
    }

    .dx-filterbuilder-overlay .dx-rtl .dx-treeview-toggle-item-visibility {
        right: 16px;
    }

    .dx-recurrence-editor-container {
        position: relative;
        margin-bottom: 21px;
        padding-top: 17px;
    }

        .dx-recurrence-editor-container .dx-recurrence-interval-field {
            margin-bottom: 20px;
        }

    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
        top: 10px;
    }

    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container {
        margin: 0;
    }

    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on {
        margin-bottom: 10px;
    }

    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type-label,
    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
        line-height: 56px;
    }

    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label,
    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container {
        padding-top: 0px;
        line-height: 38px;
    }

    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-datebox-until-date {
        margin-left: 23px;
    }

    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-repeat-count {
        margin-left: 11px;
    }

    .dx-drawer-shader {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .dx-card {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-radius: 4px;
        background-color: #fff;
        margin: 2px 2px 3px;
    }

    .dx-htmleditor {
        border-color: #e0e0e0;
    }

        .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
            border-bottom: 1px solid #e0e0e0;
        }

        .dx-htmleditor.dx-invalid {
            border-color: rgba(233, 30, 99, 0.4);
        }

            .dx-htmleditor.dx-invalid.dx-state-focused {
                border-color: #ed1c24;
            }

    .dx-htmleditor-content pre {
        color: rgba(0, 0, 0, 0.8);
    }

    .dx-htmleditor-content blockquote {
        color: rgba(0, 0, 0, 0.8);
        border-left-color: #e0e0e0;
    }

    .dx-rtl .dx-htmleditor-content blockquote {
        border-right-color: #e0e0e0;
    }

    .dx-htmleditor-content .dx-variable > span {
        background: rgba(255, 87, 34, 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: #71a436;
            }

            .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
                background-color: #ee3900;
            }

            .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
                background-color: #c1134e;
            }

    .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: 3px;
    }

    .dx-htmleditor-toolbar-separator {
        height: 50%;
        border-left-color: #e0e0e0;
    }

    .dx-htmleditor-toolbar-menu-separator {
        border-top-color: #e0e0e0;
    }

    .dx-resize-frame {
        border-color: #ed1c24;
    }

        .dx-resize-frame .dx-resizable-handle-corner-top-right,
        .dx-resize-frame .dx-resizable-handle-corner-top-left,
        .dx-resize-frame .dx-resizable-handle-corner-bottom-right,
        .dx-resize-frame .dx-resizable-handle-corner-bottom-left {
            background-color: #ed1c24;
        }

        .dx-resize-frame .dx-resizable-handle-top::after,
        .dx-resize-frame .dx-resizable-handle-left::after,
        .dx-resize-frame .dx-resizable-handle-right::after,
        .dx-resize-frame .dx-resizable-handle-bottom::after {
            background-color: #ed1c24;
        }

    .dx-mention {
        background-color: #e0e0e0;
    }

    .dx-suggestion-list-wrapper {
        height: 100%;
    }

        .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
            border-top-width: 0;
            border-bottom-width: 1px;
        }

            .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
                border-top-width: 1px;
                border-bottom-width: 0;
            }

        .dx-suggestion-list-wrapper .dx-popup-content {
            height: 100%;
            padding: 1px;
        }

        .dx-suggestion-list-wrapper .dx-list {
            height: 100%;
            min-height: 33px;
        }

            .dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
                padding: 14px 15px;
            }

        .dx-suggestion-list-wrapper .dx-list-select-all {
            padding: 16px 0 12px;
        }

        .dx-suggestion-list-wrapper .dx-list-item,
        .dx-suggestion-list-wrapper .dx-empty-message {
            border-top: 0;
        }

            .dx-suggestion-list-wrapper .dx-list-item:last-of-type,
            .dx-suggestion-list-wrapper .dx-empty-message:last-of-type {
                border-bottom: none;
            }

    .dx-fa-button.dx-fa-button-main .dx-overlay-content {
        max-width: 56px;
        max-height: 56px;
        background-color: #ed1c24;
        color: #fff;
    }

        .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover {
            background-color: #ee3900;
            color: #fff;
        }

        .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active {
            background-color: #d43300;
            color: #fff;
        }

        .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon,
        .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon-close {
            padding: 16px;
        }

    .dx-fa-button .dx-fa-button-icon,
    .dx-fa-button .dx-fa-button-icon-close {
        padding: 8px;
        width: 24px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        .dx-fa-button .dx-fa-button-icon .dx-icon,
        .dx-fa-button .dx-fa-button-icon-close .dx-icon {
            font-size: 24px;
        }

        .dx-fa-button .dx-fa-button-icon img,
        .dx-fa-button .dx-fa-button-icon-close img {
            width: 100%;
            height: 100%;
        }

    .dx-fa-button .dx-overlay-content {
        max-width: 40px;
        max-height: 40px;
        background-color: #fff;
        color: rgba(0, 0, 0, 0.87);
        -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
        box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
    }

        .dx-fa-button .dx-overlay-content.dx-state-hover {
            background-color: #e6e6e6;
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-fa-button .dx-overlay-content.dx-state-active {
            background-color: #d9d9d9;
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-filemanager {
        border-color: #e0e0e0;
    }

        .dx-filemanager .dx-filemanager-toolbar {
            background: #fff;
        }

            .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar,
            .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar .dx-toolbar {
                background: #f7f7f7;
            }

            .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
                height: 36px;
                background: #e0e0e0;
            }

            .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-viewmode-item .dx-texteditor {
                width: 190px;
            }

            .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled {
                background: transparent;
            }

                .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-hover,
                .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-active,
                .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-focused {
                    background: rgba(0, 0, 0, 0.1);
                }

                .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor {
                    border-color: transparent;
                }

                    .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor .dx-dropdowneditor-icon {
                        background: transparent;
                    }

                    .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
                    .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
                        background: transparent;
                        border-color: transparent;
                    }

        .dx-filemanager .dx-filemanager-container {
            border-top-color: #e0e0e0;
        }

        .dx-filemanager .dx-filemanager-dirs-panel {
            border-right-color: #e0e0e0;
        }

        .dx-filemanager .dx-filemanager-breadcrumbs {
            border-bottom-color: #e0e0e0;
        }

            .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item.dx-state-focused {
                background: #e0e0e0;
                color: rgba(0, 0, 0, 0.87);
            }

            .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
                background: #e0e0e0;
            }

            .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover,
            .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover {
                background: transparent;
            }

        .dx-filemanager .dx-filemanager-thumbnails.dx-filemanager-inactive-area .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
            color: rgba(0, 0, 0, 0.87);
            background: #fff;
        }

        .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
            color: #fff;
            background: #ed1c24;
        }

        .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-focused {
            border-color: rgba(0, 0, 0, 0.87);
        }

        .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-item-custom-thumbnail {
            color: #e0e0e0;
        }

        .dx-filemanager .dx-filemanager-files-view {
            background: #fff;
        }

    .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item {
        background: transparent;
    }

        .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item.dx-state-hover {
            background: #ebebeb;
        }

        .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item * {
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item {
        background: #ebebeb;
    }

        .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item * {
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel {
        min-width: 300px;
        max-width: 350px;
    }

    .dx-filemanager .dx-row .dx-filemanager-file-actions-button .dx-button {
        margin: -4px 0;
        height: 24px;
    }

    .dx-filemanager-file-actions-button .dx-button {
        min-width: 32px;
        height: 28px;
    }

        .dx-filemanager-file-actions-button .dx-button .dx-button-content {
            padding: 2px 6px;
        }

    .dx-filemanager-context-menu .dx-menu-item-has-text:not(.dx-menu-item-has-icon) .dx-menu-item-text {
        margin-left: 48px;
    }

    .dx-diagram {
        border-color: #e0e0e0;
    }

        .dx-diagram .dx-diagram-toolbar-wrapper:first-child {
            border-bottom: 1px solid #e0e0e0;
        }

        .dx-diagram .dx-diagram-left-panel,
        .dx-diagram .dx-diagram-right-panel {
            background: #fff;
        }

            .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item,
            .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item {
                border-left: none;
                border-right: none;
            }

                .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group,
                .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group {
                    padding-top: 24px;
                }

                .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item:first-of-type,
                .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item:first-of-type {
                    border-top: none;
                }

            .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item,
            .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item {
                border-color: #e0e0e0;
            }

            .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type),
            .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type) {
                border-bottom-color: transparent;
            }

        .dx-diagram .dx-diagram-left-panel {
            border-right-color: #e0e0e0;
        }

        .dx-diagram .dx-diagram-right-panel {
            border-left-color: #e0e0e0;
        }

    .dx-diagram-toolbar {
        background-color: transparent;
    }

        .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
            background-color: #e6e6e6;
        }

            .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
                background-color: #71a436;
            }

            .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
                background-color: #ee3900;
            }

            .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
                background-color: #c1134e;
            }

        .dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled {
            background-color: transparent;
        }

        .dx-diagram-toolbar .dx-diagram-toolbar-separator {
            height: 50%;
            border-left-color: #e0e0e0;
        }

        .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
            border-top-color: #e0e0e0;
        }

        .dx-diagram-toolbar .dx-format-sm .dx-texteditor {
            width: 110px;
        }

        .dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled {
            background-color: transparent;
        }

        .dx-diagram-toolbar .dx-diagram-toolbar-separator {
            height: 50%;
            border-left-color: #e0e0e0;
        }

        .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
            border-top-color: #e0e0e0;
        }

        .dx-diagram-toolbar .dx-diagram-select-sm .dx-texteditor {
            width: 110px;
        }

        .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
        .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
        .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
        .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
            margin-left: 12px;
            margin-right: 12px;
        }

        .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
        .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
            font-size: 18px;
        }

        .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
        .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
            border-bottom-width: 3px;
            border-bottom-style: solid;
        }

    .dx-diagram-i-connector-begin-none {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M1%2c15l9-9l1%2c1l-9%2c9L1%2c15z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23FF0000%22%2f%3e%0a%3cpath%20d%3d%22M12%2c10V5H0v12h12v-5h20v-2H12z%20M10%2c15H2V7h8V15z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22rgba%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-diagram-i-connector-begin-arrow {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M12%2c12v4L0%2c11l12-5v4h20v2H12z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22rgba%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-diagram-i-connector-end-none {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M21%2c15l9-9l1%2c1l-9%2c9L21%2c15z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23FF0000%22%2f%3e%0a%3cpath%20d%3d%22M0%2c10l0%2c2h20v5h12V5H20v5H0z%20M22%2c7h8v8h-8V7z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22rgba%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-diagram-i-connector-end-arrow {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M0%2c12l0-2h20V6l12%2c5l-12%2c5v-4H0z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22rgba%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-diagram-i-connector-orthogonal {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M24%2c22v-8h3V5H8v3H0V0h8v3h19h2v2v9h3v8H24z%20M6%2c2H2v4h4V2z%20M30%2c16h-4v4h4V16z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22rgba%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-diagram-i-connector-straight {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M24%2c14v2.2L8%2c2.8V0H0v8h8V5.8l16%2c13.3V22h8v-8H24z%20M6%2c6H2V2h4V6z%20M30%2c20h-4v-4h4V20z%22%20fill%3d%22rgba%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-diagram-i-button-fill {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2018%2018%22%20style%3d%22enable-background%3anew%200%200%2018%2018%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M5%2c0L4%2c1l2%2c2L0%2c9l7%2c7l7-7L5%2c0z%20M2%2c9l5-5l5%2c5H2z%22%20fill%3d%22rgba%22%2f%3e%0a%3cpath%20d%3d%22M15%2c10c0%2c0-3%2c3-3%2c5.5c0%2c0%2c0%2c0.1%2c0%2c0.1c0%2c1.3%2c1.3%2c2.4%2c3%2c2.4c1.7%2c0%2c3-1.1%2c3-2.4c0%2c0%2c0-0.1%2c0-0.1%0a%09C18%2c13%2c15%2c10%2c15%2c10z%20M13%2c15.5c0-2%2c2-4%2c2-4s0.7%2c0.7%2c1.3%2c1.7L13%2c15.5z%22%20fill%3d%22currentColor%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 18px;
        height: 18px;
    }
    /*
* Generated by the DevExpress ThemeBuilder
* Version: 19.1.4
* http://js.devexpress.com/ThemeBuilder/
*/
    .dx-swatch-additional .dx-colorview-palette-handle {
        background: radial-gradient(transparent 5px, rgba(255, 255, 255, 0.2) 6px, #363640 7px, #363640 12px, rgba(255, 255, 255, 0.2) 13px);
        -webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.2);
        box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.2);
    }

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

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

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

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

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

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

    .dx-swatch-additional .dx-datagrid {
        color: #fff;
        background-color: #363640;
    }

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

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

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

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

        .dx-swatch-additional .dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item,
        .dx-swatch-additional .dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
            outline: none;
        }

        .dx-swatch-additional .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus,
        .dx-swatch-additional .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
            outline: 2px solid #ed1c24;
            outline-offset: -2px;
        }

        .dx-swatch-additional .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
            outline-offset: 2px;
        }

        .dx-swatch-additional .dx-datagrid .dx-datagrid-headers .dx-header-row > td,
        .dx-swatch-additional .dx-datagrid .dx-datagrid-headers .dx-header-filter {
            outline: none;
        }

        .dx-swatch-additional .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus,
        .dx-swatch-additional .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
            outline: 2px solid #ed1c24;
            outline-offset: 2px;
        }

        .dx-swatch-additional .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
            outline-offset: -2px;
        }

        .dx-swatch-additional .dx-datagrid .dx-header-filter {
            position: relative;
            color: rgba(255, 255, 255, 0.6);
            font: 14px/1 DXIcons;
        }

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

        .dx-swatch-additional .dx-datagrid .dx-header-filter-empty {
            color: rgba(255, 255, 255, 0.38);
        }

        .dx-swatch-additional .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-swatch-additional .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
            background-color: #363640;
        }

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

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

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

        .dx-swatch-additional .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
            outline: 2px solid #ed1c24;
            outline-offset: 2px;
        }

        .dx-swatch-additional .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
            outline-color: rgba(0, 0, 0, 0.87);
            outline-offset: 0;
        }

        .dx-swatch-additional .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
            background-color: #363640;
        }

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

            .dx-swatch-additional .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before {
                display: block;
                height: 100%;
                content: '';
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC);
                background-repeat: no-repeat repeat;
            }

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

        .dx-swatch-additional .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
            color: #fff;
        }

        .dx-swatch-additional .dx-datagrid .dx-error-row td {
            color: #ffffff;
            padding: 0;
        }

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

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

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

    .dx-swatch-additional .dx-datagrid-filter-panel {
        color: #fff;
        border-top: 1px solid #515159;
    }

        .dx-swatch-additional .dx-datagrid-filter-panel .dx-icon-filter,
        .dx-swatch-additional .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
        .dx-swatch-additional .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
            outline: none;
        }

        .dx-swatch-additional .dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus,
        .dx-swatch-additional .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
        .dx-swatch-additional .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus {
            outline: 2px solid #ed1c24;
            outline-offset: 3px;
        }

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

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

    .dx-swatch-additional .dx-datagrid-column-chooser {
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-swatch-additional .dx-datagrid-column-chooser input,
        .dx-swatch-additional .dx-datagrid-column-chooser textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .dx-datagrid-adaptive-more:before {
            content: "\f06c";
        }

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

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

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

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

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

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

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

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

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

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

    .dx-swatch-additional .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(255, 255, 255, 0.08);
        }

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

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

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

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

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

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

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

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

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

    .dx-swatch-additional .dx-pivotgrid-fields-container .dx-sort {
        color: rgba(255, 255, 255, 0.54);
        font-size: 14px;
        width: 14px;
    }

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

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

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

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

    .dx-swatch-additional .dx-pivotgrid-fields-container .dx-header-filter {
        color: rgba(255, 255, 255, 0.6);
        font: 14px/1 DXIcons;
        font-size: 14px;
        width: 14px;
    }

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

    .dx-swatch-additional .dx-pivotgrid-fields-container .dx-header-filter-empty {
        color: rgba(255, 255, 255, 0.38);
    }

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

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

        .dx-swatch-additional .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(255, 87, 34, 0.5);
        }

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

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

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

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

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

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

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

    .dx-swatch-additional .dx-pivotgrid .dx-data-header,
    .dx-swatch-additional .dx-pivotgrid .dx-column-header,
    .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background {
        background-color: rgba(23, 23, 27, 0.2);
    }

    .dx-swatch-additional .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area {
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-swatch-additional .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input,
        .dx-swatch-additional .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

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

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

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

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

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

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

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

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

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

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

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

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

            .dx-swatch-additional .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-swatch-additional .dx-pivotgrid .dx-bottom-border,
    .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell,
    .dx-swatch-additional .dx-pivotgrid .dx-area-column-cell {
        border-bottom: 1px solid #515159;
    }

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

        .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area td {
            color: rgba(255, 255, 255, 0.54);
            padding: 7px 10px;
        }

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

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

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

    .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
        white-space: nowrap;
        padding: 6px 0;
        border: 1px solid transparent;
        color: rgba(188, 188, 188, 0.3);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dx-swatch-additional .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
        border-top: 1px solid transparent;
        background-color: rgba(23, 23, 27, 0.2);
        width: 24px;
        padding: 0;
        min-width: 24px;
    }

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

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

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

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

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

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

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

    .dx-swatch-additional .dx-pivotgrid .dx-total,
    .dx-swatch-additional .dx-pivotgrid .dx-data-header,
    .dx-swatch-additional .dx-pivotgrid .dx-column-header,
    .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell {
        background-color: rgba(23, 23, 27, 0.2);
    }

    .dx-swatch-additional .dx-pivotgrid .dx-grandtotal {
        background-color: #3f3f4b;
    }

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

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

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

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

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

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

    .dx-swatch-additional .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-swatch-additional .dx-pivotgrid .dx-popup-content {
        padding: 10px;
    }

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

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

    .dx-swatch-additional .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-swatch-additional .dx-pivotgridfieldchooser .dx-treeview-search {
        margin: 5px;
    }

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

    .dx-swatch-additional .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-swatch-additional .dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area > .dx-treeview,
        .dx-swatch-additional .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-swatch-additional .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper,
            .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper,
            .dx-swatch-additional .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-swatch-additional .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
                .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
                .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
                    height: auto;
                }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area .dx-area-fields {
            margin-top: 3px;
            border: 1px solid #515159;
            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-swatch-additional .dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area-fields[group] {
        padding: 5px;
        background-color: rgba(23, 23, 27, 0.2);
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
        border-color: #ed1c24;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dx-swatch-additional .dx-treelist-container {
        color: #fff;
        background-color: #363640;
    }

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

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

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

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

        .dx-swatch-additional .dx-treelist-container .dx-treelist-headers .dx-header-row > td,
        .dx-swatch-additional .dx-treelist-container .dx-treelist-headers .dx-header-filter {
            outline: none;
        }

        .dx-swatch-additional .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus,
        .dx-swatch-additional .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
            outline: 2px solid #ed1c24;
        }

        .dx-swatch-additional .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
            outline-offset: -2px;
        }

        .dx-swatch-additional .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
            outline-offset: 2px;
        }

        .dx-swatch-additional .dx-treelist-container .dx-header-filter {
            position: relative;
            color: rgba(255, 255, 255, 0.6);
            font: 14px/1 DXIcons;
        }

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

        .dx-swatch-additional .dx-treelist-container .dx-header-filter-empty {
            color: rgba(255, 255, 255, 0.38);
        }

        .dx-swatch-additional .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-swatch-additional .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
            background-color: #363640;
        }

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

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

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

        .dx-swatch-additional .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
            outline: 2px solid #ed1c24;
            outline-offset: 2px;
        }

        .dx-swatch-additional .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
            outline-color: rgba(0, 0, 0, 0.87);
            outline-offset: 0;
        }

        .dx-swatch-additional .dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
            background-color: #363640;
        }

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

            .dx-swatch-additional .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
                display: block;
                height: 100%;
                content: '';
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC);
                background-repeat: no-repeat repeat;
            }

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

        .dx-swatch-additional .dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
            color: #fff;
        }

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

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

    .dx-swatch-additional .dx-treelist-filter-panel {
        color: #fff;
        border-top: 1px solid #515159;
    }

        .dx-swatch-additional .dx-treelist-filter-panel .dx-icon-filter,
        .dx-swatch-additional .dx-treelist-filter-panel .dx-treelist-filter-panel-text,
        .dx-swatch-additional .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
            outline: none;
        }

        .dx-swatch-additional .dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,
        .dx-swatch-additional .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus,
        .dx-swatch-additional .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus {
            outline: 2px solid #ed1c24;
        }

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

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

    .dx-swatch-additional .dx-treelist-column-chooser {
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-swatch-additional .dx-treelist-column-chooser input,
        .dx-swatch-additional .dx-treelist-column-chooser textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .dx-treelist-adaptive-more:before {
            content: "\f06c";
        }

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

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

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

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

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

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

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

    .dx-swatch-additional .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-swatch-additional .dx-rtl .dx-treelist-form-buttons-container {
        float: left;
    }

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

    .dx-swatch-additional .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(255, 255, 255, 0.08);
        }

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

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

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

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

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

    .dx-swatch-additional .dx-validationsummary-item {
        color: #ed1c24;
    }

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

    .dx-swatch-additional .dx-invalid-message > .dx-overlay-content {
        color: rgba(0, 0, 0, 0.87);
        background-color: #ed1c24;
    }

    .dx-swatch-additional .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
    .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    }

    .dx-swatch-additional .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item-marker-body,
    .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item-marker-body {
        background: #ed1c24;
    }

    .dx-swatch-additional .dx-filterbuilder {
        background-color: #363640;
    }

        .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
            color: #fff;
        }

            .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
                background-color: rgba(233, 30, 99, 0.3);
            }

                .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
                    background-color: rgba(233, 30, 99, 0.5);
                }

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

            .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
                background-color: rgba(255, 87, 34, 0.3);
            }

                .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
                    background-color: rgba(255, 87, 34, 0.5);
                }

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

            .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
                background-color: rgba(139, 195, 74, 0.3);
            }

                .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
                    background-color: rgba(139, 195, 74, 0.5);
                }

                .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus,
                .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active {
                    background-color: #66a51c;
                    color: #FFF;
                }

            .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
                background-color: rgba(81, 81, 89, 0.5);
            }

                .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
                    background-color: rgba(81, 81, 89, 0.5);
                }

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

        .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
            color: rgba(139, 195, 74, 0.7);
        }

            .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
                color: #66a51c;
            }

            .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
            .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active {
                color: #66a51c;
            }

        .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
            color: rgba(233, 30, 99, 0.7);
        }

            .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
                color: #ed1c24;
            }

            .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus {
                color: #ed1c24;
            }

    .dx-swatch-additional .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
        color: rgba(255, 255, 255, 0.54);
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-selectbox-freq.dx-field-value {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-interval-field {
        display: block;
        margin-bottom: 2px;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on {
        display: block;
        padding-top: 5px;
    }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on .dx-recurrence-repeat-on-label {
            padding-top: 10px;
        }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label {
        padding-bottom: 0;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label,
    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label,
    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-radiogroup-repeat-type {
        left: 0;
        position: inherit;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label {
        padding-top: 0;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label {
        padding-bottom: 2px;
        padding-top: 0;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-freq-field {
        margin-bottom: 0;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field {
        padding-top: 0;
        position: static;
    }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field .dx-recurrence-radiogroup-repeat-type {
            margin-top: 0;
        }

    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item {
        border-top: 1px solid #515159;
    }

        .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
        .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
        .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
            left: -90px;
        }

        .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
            left: -88px;
        }

        .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
            padding-top: 7px;
        }

        .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-on-week {
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-end-container.dx-field {
            padding-top: 10px;
        }

    @font-face {
        font-family: 'RobotoFallback';
        font-style: normal;
        font-weight: 300;
        src: local('Roboto Light'), local('Roboto-Light'), url(devextreme/fonts/Roboto-300.woff2) format('woff2'), url(devextreme/fonts/Roboto-300.woff) format('woff'), url(devextreme/fonts/Roboto-300.ttf) format('truetype');
    }

    @font-face {
        font-family: 'RobotoFallback';
        font-style: normal;
        font-weight: 400;
        src: local('Roboto'), local('Roboto-Regular'), url(devextreme/fonts/Roboto-400.woff2) format('woff2'), url(devextreme/fonts/Roboto-400.woff) format('woff'), url(devextreme/fonts/Roboto-400.ttf) format('truetype');
    }

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

    .dx-swatch-additional {
        background-color: #ccc;
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-swatch-additional input,
        .dx-swatch-additional textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

        .dx-swatch-additional h1 {
            font-weight: 300;
            font-size: 96px;
            letter-spacing: -1.5px;
        }

        .dx-swatch-additional h2 {
            font-weight: 300;
            font-size: 60px;
            letter-spacing: -0.5px;
        }

        .dx-swatch-additional h3 {
            font-weight: 400;
            font-size: 48px;
        }

        .dx-swatch-additional h4 {
            font-weight: 400;
            font-size: 34px;
            letter-spacing: 0.25px;
        }

        .dx-swatch-additional h5 {
            font-weight: 400;
            font-size: 24px;
        }

        .dx-swatch-additional h6 {
            font-weight: 500;
            font-size: 20px;
            letter-spacing: 0.15px;
        }

        .dx-swatch-additional .dx-font-xl {
            font-size: 34px;
        }

        .dx-swatch-additional .dx-font-l {
            font-size: 28px;
        }

        .dx-swatch-additional .dx-font-m {
            font-size: 20px;
        }

        .dx-swatch-additional .dx-font-s {
            font-size: 18px;
        }

        .dx-swatch-additional small,
        .dx-swatch-additional .dx-font-xs {
            font-size: 12px;
        }

        .dx-swatch-additional a {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-theme-marker {
            font-family: "dx.material.additional";
        }

        .dx-swatch-additional .dx-theme-accent-as-text-color {
            color: #ed1c24 !important;
        }

        .dx-swatch-additional .dx-theme-text-color {
            color: #fff !important;
        }

        .dx-swatch-additional .dx-theme-background-color-as-text-color {
            color: #363640 !important;
        }

        .dx-swatch-additional .dx-theme-border-color-as-text-color {
            color: #515159 !important;
        }

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

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

        .dx-swatch-additional .dx-theme-background-color {
            background-color: #363640 !important;
            fill: #363640 !important;
        }

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

        .dx-swatch-additional .dx-theme-accent-as-border-color {
            border-color: #ed1c24 !important;
        }

        .dx-swatch-additional .dx-theme-text-color-as-border-color {
            border-color: #fff !important;
        }

        .dx-swatch-additional .dx-theme-background-color-as-border-color {
            border-color: #363640 !important;
        }

        .dx-swatch-additional .dx-theme-border-color {
            border-color: #515159 !important;
        }

        .dx-swatch-additional .dx-inkripple {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
        }

        .dx-swatch-additional .dx-inkripple-wave {
            position: absolute;
            background-color: rgba(0, 0, 0, 0.16);
            border-radius: 50%;
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
            pointer-events: none;
        }

        .dx-swatch-additional .dx-inkripple-showing {
            -webkit-transition: -webkit-transform 0.1s linear;
            transition: -webkit-transform 0.1s linear;
            transition: transform 0.1s linear;
            transition: transform 0.1s linear, -webkit-transform 0.1s linear;
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-swatch-additional .dx-inkripple-hiding {
            -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s linear;
            transition: opacity 0.1s linear, -webkit-transform 0.1s linear;
            transition: transform 0.1s linear, opacity 0.1s linear;
            transition: transform 0.1s linear, opacity 0.1s linear, -webkit-transform 0.1s linear;
            -webkit-transform: scale(1.01);
            transform: scale(1.01);
            opacity: 0;
        }

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

    .dx-swatch-additional .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-swatch-additional .dx-icon-add {
        font: 14px/1 DXIcons;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .dx-swatch-additional .dx-icon-plus:before {
            content: "\f00b";
        }

    .dx-swatch-additional .dx-icon-preferences {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-preferences:before {
            content: "\f03b";
        }

    .dx-swatch-additional .dx-icon-product {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-product:before {
            content: "\f03c";
        }

    .dx-swatch-additional .dx-icon-pulldown {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-pulldown:before {
            content: "\f062";
        }

    .dx-swatch-additional .dx-icon-refresh {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-refresh:before {
            content: "\f03d";
        }

    .dx-swatch-additional .dx-icon-remove {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-remove:before {
            content: "\f00a";
        }

    .dx-swatch-additional .dx-icon-revert {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-revert:before {
            content: "\f04c";
        }

    .dx-swatch-additional .dx-icon-runner {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-runner:before {
            content: "\f040";
        }

    .dx-swatch-additional .dx-icon-save {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-save:before {
            content: "\f041";
        }

    .dx-swatch-additional .dx-icon-search {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-search:before {
            content: "\f027";
        }

    .dx-swatch-additional .dx-icon-tags {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-tags:before {
            content: "\f009";
        }

    .dx-swatch-additional .dx-icon-tel {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-tel:before {
            content: "\f003";
        }

    .dx-swatch-additional .dx-icon-tips {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-tips:before {
            content: "\f004";
        }

    .dx-swatch-additional .dx-icon-todo {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-todo:before {
            content: "\f005";
        }

    .dx-swatch-additional .dx-icon-toolbox {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-toolbox:before {
            content: "\f007";
        }

    .dx-swatch-additional .dx-icon-trash {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-trash:before {
            content: "\f03e";
        }

    .dx-swatch-additional .dx-icon-user {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-user:before {
            content: "\f02d";
        }

    .dx-swatch-additional .dx-icon-upload {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-upload:before {
            content: "\f006";
        }

    .dx-swatch-additional .dx-icon-floppy {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-floppy:before {
            content: "\f073";
        }

    .dx-swatch-additional .dx-icon-arrowleft {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-arrowleft:before {
            content: "\f011";
        }

    .dx-swatch-additional .dx-icon-arrowdown {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-arrowdown:before {
            content: "\f015";
        }

    .dx-swatch-additional .dx-icon-arrowright {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-arrowright:before {
            content: "\f00e";
        }

    .dx-swatch-additional .dx-icon-arrowup {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-arrowup:before {
            content: "\f013";
        }

    .dx-swatch-additional .dx-icon-spinleft {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-spinleft:before {
            content: "\f04f";
        }

    .dx-swatch-additional .dx-icon-spinright {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-spinright:before {
            content: "\f04e";
        }

    .dx-swatch-additional .dx-icon-spinnext {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-spinnext:before {
            content: "\f04e";
        }

    .dx-swatch-additional .dx-rtl .dx-icon-spinnext:before {
        content: "\f04f";
    }

    .dx-swatch-additional .dx-icon-spinprev {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-spinprev:before {
            content: "\f04f";
        }

    .dx-swatch-additional .dx-rtl .dx-icon-spinprev:before {
        content: "\f04e";
    }

    .dx-swatch-additional .dx-icon-spindown {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-spindown:before {
            content: "\f001";
        }

    .dx-swatch-additional .dx-icon-spinup {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-spinup:before {
            content: "\f002";
        }

    .dx-swatch-additional .dx-icon-chevronleft {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-chevronleft:before {
            content: "\f012";
        }

    .dx-swatch-additional .dx-icon-chevronright {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-chevronright:before {
            content: "\f010";
        }

    .dx-swatch-additional .dx-icon-chevronnext {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-chevronnext:before {
            content: "\f010";
        }

    .dx-swatch-additional .dx-rtl .dx-icon-chevronnext:before {
        content: "\f012";
    }

    .dx-swatch-additional .dx-icon-chevronprev {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-chevronprev:before {
            content: "\f012";
        }

    .dx-swatch-additional .dx-rtl .dx-icon-chevronprev:before {
        content: "\f010";
    }

    .dx-swatch-additional .dx-icon-chevrondown {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-chevrondown:before {
            content: "\f016";
        }

    .dx-swatch-additional .dx-icon-chevronup {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-chevronup:before {
            content: "\f014";
        }

    .dx-swatch-additional .dx-icon-chevrondoubleleft {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-chevrondoubleleft:before {
            content: "\f042";
        }

    .dx-swatch-additional .dx-icon-chevrondoubleright {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-chevrondoubleright:before {
            content: "\f043";
        }

    .dx-swatch-additional .dx-icon-equal {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-equal:before {
            content: "\f044";
        }

    .dx-swatch-additional .dx-icon-notequal {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-notequal:before {
            content: "\f045";
        }

    .dx-swatch-additional .dx-icon-less {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-less:before {
            content: "\f046";
        }

    .dx-swatch-additional .dx-icon-greater {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-greater:before {
            content: "\f047";
        }

    .dx-swatch-additional .dx-icon-lessorequal {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-lessorequal:before {
            content: "\f048";
        }

    .dx-swatch-additional .dx-icon-greaterorequal {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-greaterorequal:before {
            content: "\f049";
        }

    .dx-swatch-additional .dx-icon-isblank {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-isblank:before {
            content: "\f075";
        }

    .dx-swatch-additional .dx-icon-isnotblank {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-isnotblank:before {
            content: "\f076";
        }

    .dx-swatch-additional .dx-icon-sortup {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-sortup:before {
            content: "\f051";
        }

    .dx-swatch-additional .dx-icon-sortdown {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-sortdown:before {
            content: "\f052";
        }

    .dx-swatch-additional .dx-icon-sortuptext {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-sortuptext:before {
            content: "\f053";
        }

    .dx-swatch-additional .dx-icon-sortdowntext {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-sortdowntext:before {
            content: "\f054";
        }

    .dx-swatch-additional .dx-icon-sorted {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-sorted:before {
            content: "\f055";
        }

    .dx-swatch-additional .dx-icon-expand {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-expand:before {
            content: "\f04a";
        }

    .dx-swatch-additional .dx-icon-collapse {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-collapse:before {
            content: "\f04b";
        }

    .dx-swatch-additional .dx-icon-columnfield {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-columnfield:before {
            content: "\f057";
        }

    .dx-swatch-additional .dx-icon-rowfield {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-rowfield:before {
            content: "\f058";
        }

    .dx-swatch-additional .dx-icon-datafield {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-datafield:before {
            content: "\f056";
        }

    .dx-swatch-additional .dx-icon-fields {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-fields:before {
            content: "\f059";
        }

    .dx-swatch-additional .dx-icon-fieldchooser {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-fieldchooser:before {
            content: "\f05a";
        }

    .dx-swatch-additional .dx-icon-columnchooser {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-columnchooser:before {
            content: "\f04d";
        }

    .dx-swatch-additional .dx-icon-pin {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-pin:before {
            content: "\f05b";
        }

    .dx-swatch-additional .dx-icon-unpin {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-unpin:before {
            content: "\f05c";
        }

    .dx-swatch-additional .dx-icon-pinleft {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-pinleft:before {
            content: "\f05d";
        }

    .dx-swatch-additional .dx-icon-pinright {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-pinright:before {
            content: "\f05e";
        }

    .dx-swatch-additional .dx-icon-contains {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-contains:before {
            content: "\f063";
        }

    .dx-swatch-additional .dx-icon-startswith {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-startswith:before {
            content: "\f064";
        }

    .dx-swatch-additional .dx-icon-endswith {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-endswith:before {
            content: "\f065";
        }

    .dx-swatch-additional .dx-icon-doesnotcontain {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-doesnotcontain:before {
            content: "\f066";
        }

    .dx-swatch-additional .dx-icon-range {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-range:before {
            content: "\f06a";
        }

    .dx-swatch-additional .dx-icon-export {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-export:before {
            content: "\f05f";
        }

    .dx-swatch-additional .dx-icon-exportxlsx {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-exportxlsx:before {
            content: "\f060";
        }

    .dx-swatch-additional .dx-icon-exportpdf {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-exportpdf:before {
            content: "\f061";
        }

    .dx-swatch-additional .dx-icon-exportselected {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-exportselected:before {
            content: "\f06d";
        }

    .dx-swatch-additional .dx-icon-warning {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-warning:before {
            content: "\f06b";
        }

    .dx-swatch-additional .dx-icon-more {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-more:before {
            content: "\f06c";
        }

    .dx-swatch-additional .dx-icon-square {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-square:before {
            content: "\f067";
        }

    .dx-swatch-additional .dx-icon-clearsquare {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-clearsquare:before {
            content: "\f068";
        }

    .dx-swatch-additional .dx-icon-back {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-back:before {
            content: "\f012";
        }

    .dx-swatch-additional .dx-rtl .dx-icon-back:before {
        content: "\f010";
    }

    .dx-swatch-additional .dx-icon-repeat {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-repeat:before {
            content: "\f069";
        }

    .dx-swatch-additional .dx-icon-selectall {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-selectall:before {
            content: "\f070";
        }

    .dx-swatch-additional .dx-icon-unselectall {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-unselectall:before {
            content: "\f071";
        }

    .dx-swatch-additional .dx-icon-print {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-print:before {
            content: "\f072";
        }

    .dx-swatch-additional .dx-icon-bold {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-bold:before {
            content: "\f077";
        }

    .dx-swatch-additional .dx-icon-italic {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-italic:before {
            content: "\f078";
        }

    .dx-swatch-additional .dx-icon-underline {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-underline:before {
            content: "\f079";
        }

    .dx-swatch-additional .dx-icon-strike {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-strike:before {
            content: "\f07a";
        }

    .dx-swatch-additional .dx-icon-indent {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-indent:before {
            content: "\f07b";
        }

    .dx-swatch-additional .dx-icon-fontsize {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-fontsize:before {
            content: "\f07c";
        }

    .dx-swatch-additional .dx-icon-growfont {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-growfont:before {
            content: "\f07d";
        }

    .dx-swatch-additional .dx-icon-shrinkfont {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-shrinkfont:before {
            content: "\f07e";
        }

    .dx-swatch-additional .dx-icon-color {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-color:before {
            content: "\f07f";
        }

    .dx-swatch-additional .dx-icon-background {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-background:before {
            content: "\f080";
        }

    .dx-swatch-additional .dx-icon-superscript {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-superscript:before {
            content: "\f081";
        }

    .dx-swatch-additional .dx-icon-subscript {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-subscript:before {
            content: "\f082";
        }

    .dx-swatch-additional .dx-icon-header {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-header:before {
            content: "\f083";
        }

    .dx-swatch-additional .dx-icon-blockquote {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-blockquote:before {
            content: "\f084";
        }

    .dx-swatch-additional .dx-icon-formula {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-formula:before {
            content: "\f056";
        }

    .dx-swatch-additional .dx-icon-codeblock {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-codeblock:before {
            content: "\f085";
        }

    .dx-swatch-additional .dx-icon-orderedlist {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-orderedlist:before {
            content: "\f086";
        }

    .dx-swatch-additional .dx-icon-bulletlist {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-bulletlist:before {
            content: "\f087";
        }

    .dx-swatch-additional .dx-icon-increaseindent {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-increaseindent:before {
            content: "\f088";
        }

    .dx-swatch-additional .dx-icon-decreaseindent {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-decreaseindent:before {
            content: "\f089";
        }

    .dx-swatch-additional .dx-icon-alignleft {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-alignleft:before {
            content: "\f08a";
        }

    .dx-swatch-additional .dx-icon-alignright {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-alignright:before {
            content: "\f08b";
        }

    .dx-swatch-additional .dx-icon-aligncenter {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-aligncenter:before {
            content: "\f08c";
        }

    .dx-swatch-additional .dx-icon-alignjustify {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-alignjustify:before {
            content: "\f08d";
        }

    .dx-swatch-additional .dx-icon-link {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-link:before {
            content: "\f08e";
        }

    .dx-swatch-additional .dx-icon-video {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-video:before {
            content: "\f08f";
        }

    .dx-swatch-additional .dx-icon-mention {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-mention:before {
            content: "\f090";
        }

    .dx-swatch-additional .dx-icon-variable {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-variable:before {
            content: "\f091";
        }

    .dx-swatch-additional .dx-icon-clearformat {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-clearformat:before {
            content: "\f092";
        }

    .dx-swatch-additional .dx-icon-undo {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-undo:before {
            content: "\f04c";
        }

    .dx-swatch-additional .dx-rtl .dx-icon-undo:before {
        content: "\f093";
    }

    .dx-swatch-additional .dx-icon-redo {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-redo:before {
            content: "\f093";
        }

    .dx-swatch-additional .dx-rtl .dx-icon-redo:before {
        content: "\f04c";
    }

    .dx-swatch-additional .dx-icon {
        font-size: 24px;
        line-height: 1;
        white-space: nowrap;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: 'liga';
        font-feature-settings: 'liga';
    }

    .dx-swatch-additional .dx-tab .dx-icon,
    .dx-swatch-additional .dx-tab.dx-tab-selected .dx-icon {
        background-size: 100% 100%;
        background-position: 50% 50%;
    }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-widget {
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-swatch-additional .dx-widget input,
        .dx-swatch-additional .dx-widget textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .dx-swatch-additional .dx-state-disabled.dx-widget,
    .dx-swatch-additional .dx-state-disabled .dx-widget {
        opacity: 0.38;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        zoom: 1;
        cursor: default;
    }

        .dx-swatch-additional .dx-state-disabled.dx-widget .dx-widget,
        .dx-swatch-additional .dx-state-disabled .dx-widget .dx-widget {
            opacity: 1;
        }

    .dx-swatch-additional .dx-badge {
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
        font-size: 12px;
        padding: 3px 9px;
        margin-left: 4px;
        line-height: normal;
        margin-top: 1px;
    }

    .dx-swatch-additional .dx-rtl .dx-badge {
        margin-left: 0;
        margin-right: 4px;
    }

    .dx-swatch-additional .dx-box-item-content {
        font-size: 14px;
    }

    .dx-swatch-additional .dx-button-content {
        line-height: 0;
    }

    .dx-swatch-additional .dx-button-text {
        display: inline-block;
        line-height: 23px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.04em;
    }

    .dx-swatch-additional .dx-button a {
        text-decoration: none;
    }

    .dx-swatch-additional .dx-button {
        min-width: 36px;
    }

        .dx-swatch-additional .dx-button .dx-button-content {
            padding: 6px;
        }

        .dx-swatch-additional .dx-button .dx-icon {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
            margin-right: 0;
            margin-left: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-button .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-button .dx-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-button .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-button .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-button .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-button-has-icon {
        min-width: 36px;
    }

        .dx-swatch-additional .dx-button-has-icon .dx-button-content {
            padding: 6px;
        }

        .dx-swatch-additional .dx-button-has-icon .dx-icon {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
            margin-right: 0;
            margin-left: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-button-has-icon .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-button-has-icon .dx-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-button-has-icon .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-button-has-text {
        min-width: 64px;
    }

        .dx-swatch-additional .dx-button-has-text .dx-button-content {
            padding: 6px 16px;
        }

        .dx-swatch-additional .dx-button-has-text .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: 12px;
            margin-left: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-button-has-text .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-button-has-text .dx-icon {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-button-has-text .dx-icon.dx-icon-right {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-button-has-text .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-button-has-text .dx-icon.dx-icon-right {
        margin-right: 12px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-button-has-icon.dx-button-has-text .dx-button-content {
        padding: 6px 16px;
    }

    .dx-swatch-additional .dx-button-has-icon.dx-button-has-text .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: 8px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon {
        margin-left: 8px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right {
        margin-left: 8px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right {
        margin-right: 8px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
        border-radius: 50%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-swatch-additional .dx-button {
        height: 36px;
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        background-color: #363640;
        color: #fff;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }

        .dx-swatch-additional .dx-button .dx-button-content {
            position: relative;
        }

            .dx-swatch-additional .dx-button .dx-button-content .dx-inkripple {
                overflow: hidden;
            }

        .dx-swatch-additional .dx-button .dx-icon {
            color: #fff;
        }

        .dx-swatch-additional .dx-button.dx-state-hover {
            background-color: #23232a;
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        }

        .dx-swatch-additional .dx-button.dx-state-focused {
            background-color: #1a1a1f;
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
        }

        .dx-swatch-additional .dx-button.dx-state-active {
            background-color: #1a1a1f;
            -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
        }

        .dx-swatch-additional .dx-button.dx-state-disabled {
            background: rgba(255, 255, 255, 0.1);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-button.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-button .dx-inkripple-wave {
            background-color: rgba(255, 255, 255, 0.2);
        }

        .dx-swatch-additional .dx-button.dx-button-default {
            border-radius: 4px;
            background-color: #ed1c24;
            color: rgba(0, 0, 0, 0.87);
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        }

            .dx-swatch-additional .dx-button.dx-button-default .dx-icon {
                color: rgba(0, 0, 0, 0.87);
            }

            .dx-swatch-additional .dx-button.dx-button-default.dx-state-hover {
                background-color: #f83c00;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
            }

            .dx-swatch-additional .dx-button.dx-button-default.dx-state-focused {
                background-color: #e43700;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
            }

            .dx-swatch-additional .dx-button.dx-button-default.dx-state-active {
                background-color: #a72800;
                -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
                box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
            }

            .dx-swatch-additional .dx-button.dx-button-default.dx-state-disabled {
                background: rgba(255, 255, 255, 0.1);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-button.dx-button-default.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-button.dx-button-default.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-button.dx-button-default .dx-inkripple-wave {
                background-color: rgba(0, 0, 0, 0.2);
            }

        .dx-swatch-additional .dx-button.dx-button-danger {
            border-radius: 4px;
            background-color: #ed1c24;
            color: rgba(0, 0, 0, 0.87);
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        }

            .dx-swatch-additional .dx-button.dx-button-danger .dx-icon {
                color: rgba(0, 0, 0, 0.87);
            }

            .dx-swatch-additional .dx-button.dx-button-danger.dx-state-hover {
                background-color: #ca1452;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
            }

            .dx-swatch-additional .dx-button.dx-button-danger.dx-state-focused {
                background-color: #b8124a;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
            }

            .dx-swatch-additional .dx-button.dx-button-danger.dx-state-active {
                background-color: #b8124a;
                -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
                box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
            }

            .dx-swatch-additional .dx-button.dx-button-danger.dx-state-disabled {
                background: rgba(255, 255, 255, 0.1);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-button.dx-button-danger.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-button.dx-button-danger.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-button.dx-button-danger .dx-inkripple-wave {
                background-color: rgba(0, 0, 0, 0.2);
            }

        .dx-swatch-additional .dx-button.dx-button-success {
            border-radius: 4px;
            background-color: #66a51c;
            color: rgba(0, 0, 0, 0.87);
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        }

            .dx-swatch-additional .dx-button.dx-button-success .dx-icon {
                color: rgba(0, 0, 0, 0.87);
            }

            .dx-swatch-additional .dx-button.dx-button-success.dx-state-hover {
                background-color: #76ab39;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
            }

            .dx-swatch-additional .dx-button.dx-button-success.dx-state-focused {
                background-color: #6c9c34;
                -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
                box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
            }

            .dx-swatch-additional .dx-button.dx-button-success.dx-state-active {
                background-color: #6c9c34;
                -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
                box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
            }

            .dx-swatch-additional .dx-button.dx-button-success.dx-state-disabled {
                background: rgba(255, 255, 255, 0.1);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-button.dx-button-success.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-button.dx-button-success.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-button.dx-button-success .dx-inkripple-wave {
                background-color: rgba(0, 0, 0, 0.2);
            }

        .dx-swatch-additional .dx-button.dx-button-back {
            background-color: transparent;
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 50%;
            min-width: 36px;
        }

            .dx-swatch-additional .dx-button.dx-button-back .dx-icon {
                color: #fff;
            }

            .dx-swatch-additional .dx-button.dx-button-back.dx-state-hover {
                background-color: rgba(255, 255, 255, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button.dx-button-back.dx-state-focused {
                background-color: rgba(255, 255, 255, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button.dx-button-back.dx-state-active {
                background-color: rgba(255, 255, 255, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button.dx-button-back.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-button.dx-button-back.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-button.dx-button-back.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-button.dx-button-back .dx-inkripple-wave {
                background-color: rgba(255, 255, 255, 0.2);
            }

            .dx-swatch-additional .dx-button.dx-button-back .dx-button-content {
                padding: 6px;
            }

            .dx-swatch-additional .dx-button.dx-button-back .dx-icon {
                width: 24px;
                height: 24px;
                background-position: 0px 0px;
                background-size: 24px 24px;
                padding: 0px;
                font-size: 24px;
                text-align: center;
                line-height: 24px;
                margin-right: 0;
                margin-left: 0;
            }

    .dx-swatch-additional .dx-rtl .dx-button.dx-button-back .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-button.dx-button-back .dx-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-button.dx-button-back .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-button.dx-button-back .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-button.dx-button-back .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-button.dx-button-back .dx-button-text {
        display: none;
    }

    .dx-swatch-additional .dx-button-mode-text {
        background-color: transparent;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-button-mode-text .dx-icon {
            color: #fff;
        }

        .dx-swatch-additional .dx-button-mode-text.dx-state-hover {
            background-color: rgba(255, 255, 255, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-text.dx-state-focused {
            background-color: rgba(255, 255, 255, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-text.dx-state-active {
            background-color: rgba(255, 255, 255, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-text.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-button-mode-text.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-button-mode-text .dx-inkripple-wave {
            background-color: rgba(255, 255, 255, 0.2);
        }

        .dx-swatch-additional .dx-button-mode-text.dx-button-default {
            background-color: transparent;
            color: #ed1c24;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-button-mode-text.dx-button-default .dx-icon {
                color: #ed1c24;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-default.dx-state-hover {
                background-color: rgba(255, 87, 34, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-default.dx-state-focused {
                background-color: rgba(255, 87, 34, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-default.dx-state-active {
                background-color: rgba(255, 87, 34, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-default.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-button-mode-text.dx-button-default .dx-inkripple-wave {
                background-color: rgba(255, 87, 34, 0.2);
            }

        .dx-swatch-additional .dx-button-mode-text.dx-button-danger {
            background-color: transparent;
            color: #ed1c24;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-button-mode-text.dx-button-danger .dx-icon {
                color: #ed1c24;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-danger.dx-state-hover {
                background-color: rgba(233, 30, 99, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-danger.dx-state-focused {
                background-color: rgba(233, 30, 99, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-danger.dx-state-active {
                background-color: rgba(233, 30, 99, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-danger.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-button-mode-text.dx-button-danger .dx-inkripple-wave {
                background-color: rgba(233, 30, 99, 0.2);
            }

        .dx-swatch-additional .dx-button-mode-text.dx-button-success {
            background-color: transparent;
            color: #66a51c;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-button-mode-text.dx-button-success .dx-icon {
                color: #66a51c;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-success.dx-state-hover {
                background-color: rgba(139, 195, 74, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-success.dx-state-focused {
                background-color: rgba(139, 195, 74, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-success.dx-state-active {
                background-color: rgba(139, 195, 74, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-button-mode-text.dx-button-success.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-button-mode-text.dx-button-success .dx-inkripple-wave {
                background-color: rgba(139, 195, 74, 0.2);
            }

    .dx-swatch-additional .dx-button-mode-outlined.dx-button-normal {
        background-color: transparent;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid rgba(255, 255, 255, 0.24);
    }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-normal .dx-icon {
            color: #fff;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-normal.dx-state-hover {
            background-color: rgba(255, 255, 255, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-normal.dx-state-focused {
            background-color: rgba(255, 255, 255, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-normal.dx-state-active {
            background-color: rgba(255, 255, 255, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-normal.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-button-mode-outlined.dx-button-normal.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-button-mode-outlined.dx-button-normal.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-normal .dx-inkripple-wave {
            background-color: rgba(255, 255, 255, 0.2);
        }

    .dx-swatch-additional .dx-button-mode-outlined.dx-button-default {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #ed1c24;
    }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-default .dx-icon {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-default.dx-state-hover {
            background-color: rgba(255, 87, 34, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-default.dx-state-focused {
            background-color: rgba(255, 87, 34, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-default.dx-state-active {
            background-color: rgba(255, 87, 34, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-default.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-default .dx-inkripple-wave {
            background-color: rgba(255, 87, 34, 0.2);
        }

    .dx-swatch-additional .dx-button-mode-outlined.dx-button-danger {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #ed1c24;
    }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-danger .dx-icon {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-danger.dx-state-hover {
            background-color: rgba(233, 30, 99, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-danger.dx-state-focused {
            background-color: rgba(233, 30, 99, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-danger.dx-state-active {
            background-color: rgba(233, 30, 99, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-danger.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-danger .dx-inkripple-wave {
            background-color: rgba(233, 30, 99, 0.2);
        }

    .dx-swatch-additional .dx-button-mode-outlined.dx-button-success {
        background-color: transparent;
        color: #66a51c;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #66a51c;
    }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-success .dx-icon {
            color: #66a51c;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-success.dx-state-hover {
            background-color: rgba(139, 195, 74, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-success.dx-state-focused {
            background-color: rgba(139, 195, 74, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-success.dx-state-active {
            background-color: rgba(139, 195, 74, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-success.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-button-mode-outlined.dx-button-success .dx-inkripple-wave {
            background-color: rgba(139, 195, 74, 0.2);
        }

    .dx-swatch-additional .dx-editor-outlined .dx-texteditor-buttons-container > .dx-button,
    .dx-swatch-additional .dx-editor-filled .dx-texteditor-buttons-container > .dx-button {
        margin-left: 5px;
        margin-right: 5px;
    }

    .dx-swatch-additional .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
    .dx-swatch-additional .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
        margin-left: 10px;
    }

    .dx-swatch-additional .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
    .dx-swatch-additional .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
        margin-right: 0;
    }

    .dx-swatch-additional .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
    .dx-swatch-additional .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
    .dx-swatch-additional .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
        margin-right: 10px;
    }

    .dx-swatch-additional .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
    .dx-swatch-additional .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child {
        margin-right: 12px;
    }

    .dx-swatch-additional .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
    .dx-swatch-additional .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
        margin-left: 5px;
        margin-right: 10px;
    }

    .dx-swatch-additional .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
    .dx-swatch-additional .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
        margin-left: 0;
        margin-right: 5px;
    }

    .dx-swatch-additional .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child,
    .dx-swatch-additional .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child {
        margin-left: 0;
        margin-right: 10px;
    }

    .dx-swatch-additional .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
    .dx-swatch-additional .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
        margin-left: 5px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
    .dx-swatch-additional .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
        margin-left: 10px;
        margin-right: 5px;
    }

    .dx-swatch-additional .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
    .dx-swatch-additional .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button {
        height: 29px;
        margin: 0 5px 3px;
    }

        .dx-swatch-additional .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button .dx-button-content {
            padding-bottom: 3px;
        }

    .dx-swatch-additional .dx-editor-underlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
        margin-left: 5px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
        margin-left: 5px;
        margin-right: 5px;
    }

    .dx-swatch-additional .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
        margin-left: 0;
        margin-right: 5px;
    }

    @-webkit-keyframes focus {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        to {
            -webkit-transform: scale(1.06);
            transform: scale(1.06);
        }
    }

    @keyframes focus {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        to {
            -webkit-transform: scale(1.06);
            transform: scale(1.06);
        }
    }

    .dx-swatch-additional .dx-button-mode-contained.dx-buttongroup-item {
        padding-right: 1px;
    }

    .dx-swatch-additional .dx-button-mode-contained.dx-buttongroup-last-item {
        padding-right: 0;
    }

    .dx-swatch-additional .dx-button-mode-outlined.dx-buttongroup-item {
        border-left-width: 0;
    }

    .dx-swatch-additional .dx-button-mode-outlined.dx-buttongroup-first-item {
        border-left-width: 1px;
    }

    .dx-swatch-additional .dx-button-mode-text.dx-button.dx-buttongroup-item {
        border-radius: 4px;
    }

    .dx-swatch-additional .dx-button-mode-text.dx-buttongroup-first-item {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-button-mode-outlined.dx-button.dx-buttongroup-first-item,
    .dx-swatch-additional .dx-button-mode-contained.dx-button.dx-buttongroup-first-item {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .dx-swatch-additional .dx-button-mode-outlined.dx-button.dx-buttongroup-last-item,
    .dx-swatch-additional .dx-button-mode-contained.dx-button.dx-buttongroup-last-item {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .dx-swatch-additional .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled {
        opacity: 1;
    }

        .dx-swatch-additional .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content {
            opacity: 0.6;
        }

    .dx-swatch-additional .dx-buttongroup-item.dx-button.dx-state-focused {
        background-color: rgba(255, 255, 255, 0.04);
    }

    .dx-swatch-additional .dx-buttongroup-item.dx-button.dx-state-hover {
        background-color: rgba(255, 255, 255, 0.04);
    }

    .dx-swatch-additional .dx-buttongroup-item.dx-button.dx-item-selected {
        background-color: #1f1f24;
    }

        .dx-swatch-additional .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success {
            background-color: #71a436;
        }

        .dx-swatch-additional .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default {
            background-color: #ee3900;
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-swatch-additional .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger {
            background-color: #c1134e;
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-swatch-additional .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item,
    .dx-swatch-additional .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item {
        border-radius: 0 4px 4px 0;
    }

    .dx-swatch-additional .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-last-item,
    .dx-swatch-additional .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-last-item {
        border-radius: 4px 0 0 4px;
    }

    .dx-swatch-additional .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item,
    .dx-swatch-additional .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item {
        border-radius: 4px;
    }

    .dx-swatch-additional .dx-rtl.dx-button-mode-text.dx-buttongroup-first-item {
        margin-left: 1px;
    }

    .dx-swatch-additional .dx-rtl.dx-button-mode-text.dx-buttongroup-last-item {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item {
        border-left-width: 0;
    }

    .dx-swatch-additional .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item {
        border-left-width: 1px;
    }

    .dx-swatch-additional .dx-scrollable-content {
        -webkit-transform: none;
    }

    .dx-swatch-additional .dx-scrollable-scroll {
        padding: 2px 0 2px 2px;
        background-color: transparent;
        opacity: 1;
        overflow: hidden;
        -webkit-transition: opacity 0s linear;
        transition: opacity 0s linear;
    }

    .dx-swatch-additional .dx-rtl .dx-scrollable-scroll {
        padding-left: 0;
        padding-right: 2px;
    }

    .dx-swatch-additional .dx-scrollable-scroll.dx-state-invisible {
        opacity: 0;
        -webkit-transition: opacity 0.5s linear 1s;
        transition: opacity 0.5s linear 1s;
    }

    .dx-swatch-additional .dx-scrollable-scroll-content {
        width: 100%;
        height: 100%;
        background-color: rgba(112, 112, 133, 0.7);
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
    }

    .dx-swatch-additional .dx-scrollbar-hoverable {
        background-color: transparent;
    }

        .dx-swatch-additional .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
            opacity: 1;
        }

            .dx-swatch-additional .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-swatch-additional .dx-scrollbar-vertical .dx-scrollable-scroll {
        float: right;
        width: 6px;
    }

    .dx-swatch-additional .dx-scrollbar-vertical.dx-scrollbar-hoverable {
        width: 6px;
        -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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
        .dx-swatch-additional .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
            width: 13px;
        }

            .dx-swatch-additional .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
            .dx-swatch-additional .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
                width: 13px;
            }

    .dx-swatch-additional .dx-scrollbar-horizontal .dx-scrollable-scroll {
        height: 6px;
    }

    .dx-swatch-additional .dx-scrollbar-horizontal.dx-scrollbar-hoverable {
        height: 6px;
        -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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
        .dx-swatch-additional .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
            height: 13px;
        }

            .dx-swatch-additional .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
            .dx-swatch-additional .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
                height: 13px;
            }

    .dx-swatch-additional .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
    .dx-swatch-additional .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-right: 6px;
    }

    .dx-swatch-additional .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
    .dx-swatch-additional .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content,
    .dx-swatch-additional .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
    .dx-swatch-additional .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-right: 0;
        padding-left: 6px;
    }

    .dx-swatch-additional .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content,
    .dx-swatch-additional .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-bottom: 6px;
    }

    .dx-swatch-additional .dx-scrollable-customizable-scrollbars .dx-scrollable-container {
        -ms-scrollbar-base-color: #363640;
        -ms-scrollbar-arrow-color: #000000;
        -ms-scrollbar-track-color: #363640;
    }

        .dx-swatch-additional .dx-scrollable-customizable-scrollbars .dx-scrollable-container ::-webkit-scrollbar:horizontal {
            height: 19px;
        }

        .dx-swatch-additional .dx-scrollable-customizable-scrollbars .dx-scrollable-container ::-webkit-scrollbar:vertical {
            width: 19px;
        }

        .dx-swatch-additional .dx-scrollable-customizable-scrollbars .dx-scrollable-container ::-webkit-scrollbar {
            background-color: transparent;
        }

        .dx-swatch-additional .dx-scrollable-customizable-scrollbars .dx-scrollable-container ::-webkit-scrollbar-thumb {
            background-color: #000000;
            border-right: 2px solid transparent;
            border-left: 1px solid transparent;
            background-clip: content-box;
        }

        .dx-swatch-additional .dx-scrollable-customizable-scrollbars .dx-scrollable-container ::-webkit-scrollbar-track {
            background-color: transparent;
        }

        .dx-swatch-additional .dx-scrollable-customizable-scrollbars .dx-scrollable-container ::-webkit-scrollbar-corner {
            background-color: transparent;
        }

        .dx-swatch-additional .dx-scrollable-customizable-scrollbars .dx-scrollable-container ::-webkit-scrollbar-button {
            background-color: transparent;
        }

            .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scrollview-scrollbottom-text,
    .dx-swatch-additional .dx-scrollview-pull-down-text {
        margin-left: 10px;
        top: 18px;
        display: inline-block;
    }

    .dx-swatch-additional .dx-rtl .dx-scrollview-scrollbottom-text,
    .dx-swatch-additional .dx-rtl .dx-scrollview-pull-down-text {
        margin-left: 0;
        margin-right: 10px;
    }

    .dx-swatch-additional .dx-scrollview-pull-down-text div {
        position: relative;
    }

    .dx-swatch-additional .dx-scrollview-pull-down-image {
        display: none;
    }

    .dx-swatch-additional .dx-scrollview-pull-down {
        text-align: center;
    }

    .dx-swatch-additional .dx-rtl .dx-scrollable .dx-scrollable-scroll,
    .dx-swatch-additional .dx-rtl.dx-scrollable .dx-scrollable-scroll {
        float: left;
    }

    .dx-swatch-additional .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
        background-color: #363640;
        -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-swatch-additional .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
        width: 24px;
        height: 24px;
    }

    .dx-swatch-additional .dx-scrollview-scrollbottom-indicator,
    .dx-swatch-additional .dx-scrollview-pull-down-indicator {
        margin-right: 0;
        height: 42px;
        width: 42px;
        border-radius: 21px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.37);
        box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.37);
        opacity: 1;
    }

        .dx-swatch-additional .dx-scrollview-scrollbottom-indicator > .dx-loadindicator,
        .dx-swatch-additional .dx-scrollview-pull-down-indicator > .dx-loadindicator {
            height: 24px;
            width: 24px;
        }

            .dx-swatch-additional .dx-scrollview-scrollbottom-indicator > .dx-loadindicator > .dx-loadindicator-wrapper,
            .dx-swatch-additional .dx-scrollview-pull-down-indicator > .dx-loadindicator > .dx-loadindicator-wrapper {
                font-size: 24px;
            }

    .dx-swatch-additional .dx-scrollview-pull-down-indicator {
        position: relative;
        margin-left: 0;
        margin-top: -21px;
    }

    .dx-swatch-additional .dx-scrollview-pull-down-text > div {
        display: none;
    }

        .dx-swatch-additional .dx-scrollview-pull-down-text > div.dx-scrollview-pull-down-text-visible {
            display: block;
        }

    .dx-swatch-additional .dx-checkbox {
        line-height: 0;
    }

        .dx-swatch-additional .dx-checkbox .dx-checkbox-container {
            overflow: visible;
        }

        .dx-swatch-additional .dx-checkbox.dx-state-readonly,
        .dx-swatch-additional .dx-checkbox.dx-state-disabled {
            border-color: rgba(255, 255, 255, 0.26);
        }

        .dx-swatch-additional .dx-checkbox.dx-state-focused .dx-checkbox-icon:after,
        .dx-swatch-additional .dx-checkbox.dx-state-active .dx-checkbox-icon:after {
            background-color: rgba(255, 255, 255, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-swatch-additional .dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon:after,
        .dx-swatch-additional .dx-checkbox.dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon:after,
        .dx-swatch-additional .dx-checkbox.dx-checkbox-checked.dx-state-active .dx-checkbox-icon:after,
        .dx-swatch-additional .dx-checkbox.dx-checkbox-indeterminate.dx-state-active .dx-checkbox-icon:after {
            background-color: rgba(255, 87, 34, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-swatch-additional .dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon,
        .dx-swatch-additional .dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly .dx-checkbox-icon,
        .dx-swatch-additional .dx-checkbox.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon,
        .dx-swatch-additional .dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled .dx-checkbox-icon {
            background-color: rgba(255, 255, 255, 0.26);
        }

        .dx-swatch-additional .dx-checkbox.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after,
        .dx-swatch-additional .dx-checkbox-indeterminate.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after,
        .dx-swatch-additional .dx-checkbox-checked.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after {
            background-color: rgba(255, 255, 255, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

    .dx-swatch-additional .dx-checkbox-icon {
        width: 18px;
        height: 18px;
        border: 2px solid rgba(255, 255, 255, 0.54);
        border-radius: 2px;
    }

        .dx-swatch-additional .dx-checkbox-icon:after {
            content: "";
            width: 40px;
            height: 40px;
            top: 50%;
            left: 50%;
            margin-top: -20px;
            margin-left: -20px;
            border-radius: 50%;
            display: block;
            position: absolute;
            z-index: 1;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .dx-swatch-additional .dx-checkbox-icon:before {
            z-index: 2;
        }

    .dx-swatch-additional .dx-checkbox-checked .dx-checkbox-icon {
        color: #363640;
        background-color: #ed1c24;
        border: none;
        font: 14px/1 DXIcons;
        font-size: 16px;
        text-align: center;
        line-height: 16px;
    }

        .dx-swatch-additional .dx-checkbox-checked .dx-checkbox-icon:before {
            content: "\f005";
        }

        .dx-swatch-additional .dx-checkbox-checked .dx-checkbox-icon:before {
            position: absolute;
            display: block;
            width: 16px;
            top: 50%;
            margin-top: -8px;
            left: 50%;
            margin-left: -8px;
        }

    .dx-swatch-additional .dx-checkbox-indeterminate .dx-checkbox-icon {
        background-color: #ed1c24;
        color: #363640;
        border: none;
        font: 14px/1 DXIcons;
        font-size: 20px;
        text-align: center;
        line-height: 20px;
    }

        .dx-swatch-additional .dx-checkbox-indeterminate .dx-checkbox-icon:before {
            content: "\f074";
        }

        .dx-swatch-additional .dx-checkbox-indeterminate .dx-checkbox-icon:before {
            position: absolute;
            display: block;
            width: 20px;
            top: 50%;
            margin-top: -10px;
            left: 50%;
            margin-left: -10px;
        }

    .dx-swatch-additional .dx-checkbox-text {
        margin-left: -18px;
        padding-left: 23px;
    }

    .dx-swatch-additional .dx-rtl .dx-checkbox-text,
    .dx-swatch-additional .dx-rtl.dx-checkbox-text {
        margin-right: -18px;
        padding-right: 23px;
    }

    .dx-swatch-additional .dx-invalid .dx-checkbox-icon {
        border: 2px solid #ed1c24;
    }

    .dx-swatch-additional .dx-invalid.dx-state-focused .dx-checkbox-icon:after {
        background-color: rgba(233, 30, 99, 0.1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .dx-swatch-additional .dx-switch-wrapper {
        position: relative;
        padding: 10px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        left: -10px;
        top: -10px;
        overflow: hidden;
        vertical-align: middle;
    }

    .dx-swatch-additional .dx-switch {
        width: 36px;
        height: 20px;
    }

        .dx-swatch-additional .dx-switch.dx-state-readonly .dx-switch-handle:before,
        .dx-swatch-additional .dx-switch.dx-state-disabled .dx-switch-handle:before {
            background-color: #737388;
        }

        .dx-swatch-additional .dx-switch.dx-state-readonly .dx-switch-container:before,
        .dx-swatch-additional .dx-switch.dx-state-disabled .dx-switch-container:before {
            background-color: rgba(255, 255, 255, 0.12);
        }

        .dx-swatch-additional .dx-switch.dx-state-active .dx-switch-handle:before,
        .dx-swatch-additional .dx-switch.dx-state-focused .dx-switch-handle:before {
            -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
            border-radius: 50%;
        }

        .dx-swatch-additional .dx-switch-on-value.dx-state-readonly.dx-state-focused .dx-switch-handle:before,
        .dx-swatch-additional .dx-switch.dx-state-readonly.dx-state-focused .dx-switch-handle:before {
            -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
            border-radius: 50%;
        }

    .dx-swatch-additional .dx-switch-container {
        height: 20px;
        overflow: visible;
        position: relative;
    }

        .dx-swatch-additional .dx-switch-container:before {
            position: absolute;
            content: '';
            width: 100%;
            height: 14px;
            border-radius: 500px;
            background-color: #9494a4;
            margin: 3px 0;
        }

    .dx-swatch-additional .dx-switch-inner {
        width: 200%;
        height: 100%;
    }

    .dx-swatch-additional .dx-switch-on,
    .dx-swatch-additional .dx-switch-off {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        float: left;
        padding: 4px 0;
        width: 50%;
        height: 20px;
        color: transparent;
        text-align: center;
        line-height: 100%;
    }

    .dx-swatch-additional .dx-switch-on {
        background: transparent;
    }

    .dx-swatch-additional .dx-switch-off {
        display: none;
        padding-bottom: 10px;
        background-color: transparent;
    }

    .dx-swatch-additional .dx-switch-handle {
        -webkit-flex-basis: 20px;
        -ms-flex-preferred-size: 20px;
        flex-basis: 20px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        float: left;
        width: 20px;
        height: 20px;
        background-color: #3b3b46;
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
        border-radius: 50%;
    }

        .dx-swatch-additional .dx-switch-handle:before {
            display: block;
            content: ' ';
            width: 100%;
            height: 100%;
            background-color: #3b3b46;
            border-radius: 50%;
            -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }

    .dx-swatch-additional .dx-switch-on-value .dx-switch-container:before {
        background-color: rgba(255, 87, 34, 0.5);
    }

    .dx-swatch-additional .dx-switch-on-value .dx-switch-handle:before {
        background-color: #ed1c24;
    }

    .dx-swatch-additional .dx-switch-on-value.dx-state-active .dx-switch-handle:before,
    .dx-swatch-additional .dx-switch-on-value.dx-state-focused .dx-switch-handle:before {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1);
        box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1);
        border-radius: 50%;
    }

    .dx-swatch-additional .dx-rtl .dx-switch .dx-switch-on,
    .dx-swatch-additional .dx-switch.dx-rtl .dx-switch-on,
    .dx-swatch-additional .dx-rtl .dx-switch .dx-switch-off,
    .dx-swatch-additional .dx-switch.dx-rtl .dx-switch-off {
        float: right;
        padding-left: 16px;
        padding-right: 2px;
    }

    .dx-swatch-additional .dx-rtl .dx-switch .dx-switch-off,
    .dx-swatch-additional .dx-switch.dx-rtl .dx-switch-off {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-switch .dx-switch-handle,
    .dx-swatch-additional .dx-switch.dx-rtl .dx-switch-handle {
        float: right;
        margin-left: 0;
        margin-right: -20px;
    }

    .dx-swatch-additional .dx-rtl .dx-switch .dx-switch-container,
    .dx-swatch-additional .dx-switch.dx-rtl .dx-switch-container {
        margin: 0 0 0 -6px;
    }

    .dx-swatch-additional .dx-tabs {
        padding: 0;
        background-color: #2d2d35;
        position: relative;
    }

        .dx-swatch-additional .dx-tabs .dx-inkripple {
            overflow: hidden;
        }

    .dx-swatch-additional .dx-tabs-nav-buttons .dx-tabs-scrollable {
        margin-right: 36px;
        margin-left: 36px;
    }

    .dx-swatch-additional .dx-tabs-nav-button {
        border: none;
        background-color: #2f2f38;
        position: absolute;
        height: 48px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) {
            background-color: transparent;
            color: rgba(255, 255, 255, 0.54);
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 0;
        }

            .dx-swatch-additional .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-icon {
                color: rgba(255, 255, 255, 0.54);
            }

            .dx-swatch-additional .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-hover {
                background-color: rgba(255, 255, 255, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-focused {
                background-color: rgba(255, 255, 255, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-active {
                background-color: rgba(255, 255, 255, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-inkripple-wave {
                background-color: rgba(255, 255, 255, 0.2);
            }

        .dx-swatch-additional .dx-tabs-nav-button .dx-button-content {
            padding: 0;
        }

        .dx-swatch-additional .dx-tabs-nav-button.dx-state-active {
            border: none;
        }

        .dx-swatch-additional .dx-tabs-nav-button.dx-state-disabled {
            opacity: 1;
            background-color: #2f2f38;
        }

            .dx-swatch-additional .dx-tabs-nav-button.dx-state-disabled .dx-button-content {
                opacity: 0;
            }

    .dx-swatch-additional .dx-tab {
        padding: 12px 16px;
        min-width: 90px;
        background-color: #2f2f38;
        color: rgba(255, 255, 255, 0.54);
    }

        .dx-swatch-additional .dx-tab.dx-state-hover {
            background-color: #464653;
        }

        .dx-swatch-additional .dx-tab .dx-icon {
            color: rgba(255, 255, 255, 0.54);
            vertical-align: middle;
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
            margin: 0 auto;
        }

        .dx-swatch-additional .dx-tab.dx-tab-selected {
            color: #ed1c24;
        }

            .dx-swatch-additional .dx-tab.dx-tab-selected .dx-icon {
                color: #ed1c24;
            }

            .dx-swatch-additional .dx-tab.dx-tab-selected:before {
                content: "";
                position: absolute;
                bottom: 0;
                height: 2px;
                left: 0;
                right: 0;
                background-color: #ed1c24;
            }

    .dx-swatch-additional .dx-tab-content,
    .dx-swatch-additional .dx-tab-text {
        vertical-align: middle;
        text-transform: uppercase;
        line-height: 24px;
        font-weight: 500;
    }

    .dx-swatch-additional .dx-state-disabled.dx-tabs {
        opacity: 1;
    }

    .dx-swatch-additional .dx-state-disabled .dx-tab-content {
        opacity: 0.3;
    }

    .dx-swatch-additional .dx-navbar {
        padding: 0;
        border: none;
    }

    .dx-swatch-additional .dx-nav-item,
    .dx-swatch-additional .dx-rtl .dx-nav-item {
        background: #2f2f38;
    }

        .dx-swatch-additional .dx-nav-item .dx-tab-text,
        .dx-swatch-additional .dx-rtl .dx-nav-item .dx-tab-text {
            line-height: normal;
            color: #fff;
        }

    .dx-swatch-additional .dx-navbar .dx-nav-item .dx-icon,
    .dx-swatch-additional .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;
        color: #fff;
    }

    .dx-swatch-additional .dx-nav-item.dx-tab-selected:after,
    .dx-swatch-additional .dx-rtl .dx-nav-item.dx-tab-selected:after,
    .dx-swatch-additional .dx-nav-item.dx-state-focused:after,
    .dx-swatch-additional .dx-rtl .dx-nav-item.dx-state-focused:after,
    .dx-swatch-additional .dx-nav-item.dx-state-active:after,
    .dx-swatch-additional .dx-rtl .dx-nav-item.dx-state-active:after {
        content: none;
    }

    .dx-swatch-additional .dx-nav-item.dx-tab-selected,
    .dx-swatch-additional .dx-rtl .dx-nav-item.dx-tab-selected {
        background: #363640;
    }

        .dx-swatch-additional .dx-nav-item.dx-tab-selected .dx-tab-text,
        .dx-swatch-additional .dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text,
        .dx-swatch-additional .dx-nav-item.dx-tab-selected .dx-icon,
        .dx-swatch-additional .dx-rtl .dx-nav-item.dx-tab-selected .dx-icon {
            color: #fff;
        }

    .dx-swatch-additional .dx-nav-item.dx-state-active,
    .dx-swatch-additional .dx-rtl .dx-nav-item.dx-state-active {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-swatch-additional .dx-nav-item.dx-state-focused,
    .dx-swatch-additional .dx-rtl .dx-nav-item.dx-state-focused {
        -webkit-box-shadow: inset 0 0 0 1px #656577;
        box-shadow: inset 0 0 0 1px #656577;
    }

    .dx-swatch-additional .dx-nav-item.dx-state-disabled .dx-icon,
    .dx-swatch-additional .dx-rtl .dx-nav-item.dx-state-disabled .dx-icon {
        opacity: 0.5;
    }

    .dx-swatch-additional .dx-navbar-item-badge {
        margin-right: -26px;
        top: 11%;
    }

    .dx-swatch-additional .dx-rtl .dx-navbar-item-badge {
        margin-left: -26px;
    }

    .dx-swatch-additional .dx-texteditor {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        position: relative;
    }

        .dx-swatch-additional .dx-texteditor:before {
            left: 0;
            right: 0;
            bottom: 0;
            height: 0;
            width: 100%;
            content: '';
            position: absolute;
            z-index: 2;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .dx-swatch-additional .dx-texteditor:after {
            left: 0;
            right: 0;
            bottom: 0;
            height: 0;
            width: 100%;
            content: '';
            position: absolute;
        }

        .dx-swatch-additional .dx-texteditor.dx-state-focused,
        .dx-swatch-additional .dx-texteditor.dx-state-active {
            background-color: rgba(255, 255, 255, 0.04);
        }

            .dx-swatch-additional .dx-texteditor.dx-state-focused:before,
            .dx-swatch-additional .dx-texteditor.dx-state-active:before {
                border-bottom: 2px solid #ed1c24;
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
                transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
                transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
                transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
            }

        .dx-swatch-additional .dx-texteditor.dx-invalid.dx-editor-underlined .dx-texteditor-input {
            padding-right: 26px;
        }

        .dx-swatch-additional .dx-texteditor.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
            padding: 7px 0 6px;
            padding-left: 26px;
        }

        .dx-swatch-additional .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input,
        .dx-swatch-additional .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input {
            padding-right: 38px;
        }

        .dx-swatch-additional .dx-texteditor.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
        .dx-swatch-additional .dx-texteditor.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
            padding: 7px 0 6px;
            padding-left: 38px;
        }

        .dx-swatch-additional .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
        .dx-swatch-additional .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
            right: 13px;
        }

    .dx-swatch-additional .dx-rtl .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        left: 13px;
        right: auto;
    }

    .dx-swatch-additional .dx-texteditor.dx-invalid .dx-texteditor-input-container:after {
        right: 1px;
    }

    .dx-swatch-additional .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container:after {
        left: 1px;
        right: auto;
    }

    .dx-swatch-additional .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container,
    .dx-swatch-additional .dx-texteditor.dx-editor-outlined .dx-texteditor-buttons-container {
        right: 12px;
    }

    .dx-swatch-additional .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
    .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input {
        padding-right: 12px;
    }

    .dx-swatch-additional .dx-rtl .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input {
        padding: 19px 12px 18px;
        padding-left: 12px;
    }

    .dx-swatch-additional .dx-texteditor.dx-editor-filled .dx-placeholder:before,
    .dx-swatch-additional .dx-texteditor.dx-editor-outlined .dx-placeholder:before {
        padding: 19px 12px 18px;
    }

    .dx-swatch-additional .dx-texteditor.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
        padding: 19px 12px 18px;
    }

    .dx-swatch-additional .dx-rtl .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container,
    .dx-swatch-additional .dx-rtl .dx-texteditor.dx-editor-outlined .dx-texteditor-buttons-container,
    .dx-swatch-additional .dx-texteditor.dx-editor-filled.dx-rtl .dx-texteditor-buttons-container,
    .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-rtl .dx-texteditor-buttons-container {
        left: 12px;
        right: auto;
    }

    .dx-swatch-additional .dx-texteditor.dx-editor-filled {
        background-color: rgba(255, 255, 255, 0.04);
    }

        .dx-swatch-additional .dx-texteditor.dx-editor-filled.dx-state-hover {
            background-color: rgba(255, 255, 255, 0.07);
        }

            .dx-swatch-additional .dx-texteditor.dx-editor-filled.dx-state-hover:after {
                border-bottom: 1px solid #fff;
            }

        .dx-swatch-additional .dx-texteditor.dx-editor-filled.dx-state-disabled,
        .dx-swatch-additional .dx-texteditor.dx-editor-filled.dx-state-readonly,
        .dx-swatch-additional .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover {
            background-color: rgba(255, 255, 255, 0.12);
        }

            .dx-swatch-additional .dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input,
            .dx-swatch-additional .dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input,
            .dx-swatch-additional .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input {
                color: rgba(255, 255, 255, 0.5);
            }

    .dx-swatch-additional .dx-texteditor.dx-editor-underlined {
        background-color: transparent;
    }

        .dx-swatch-additional .dx-texteditor.dx-editor-underlined .dx-texteditor-buttons-container {
            right: 0;
        }

        .dx-swatch-additional .dx-texteditor.dx-editor-underlined:after {
            border-bottom: 1px solid rgba(255, 255, 255, 0.42);
        }

        .dx-swatch-additional .dx-texteditor.dx-editor-underlined.dx-state-hover:after {
            border-bottom: 2px solid #fff;
        }

        .dx-swatch-additional .dx-texteditor.dx-editor-underlined .dx-placeholder:before {
            padding: 7px 0 6px;
        }

        .dx-swatch-additional .dx-texteditor.dx-editor-underlined .dx-texteditor-input {
            padding: 7px 0 6px;
        }

        .dx-swatch-additional .dx-rtl .dx-texteditor.dx-editor-underlined .dx-texteditor-buttons-container,
        .dx-swatch-additional .dx-texteditor.dx-editor-underlined.dx-rtl .dx-texteditor-buttons-container {
            left: 0;
            right: auto;
        }

        .dx-swatch-additional .dx-texteditor.dx-editor-underlined.dx-state-disabled:after,
        .dx-swatch-additional .dx-texteditor.dx-editor-underlined.dx-state-readonly:after,
        .dx-swatch-additional .dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover:after {
            border-bottom-style: dotted;
            border-bottom-width: 1px;
        }

        .dx-swatch-additional .dx-texteditor.dx-editor-underlined.dx-invalid:after {
            border-bottom-color: rgba(233, 30, 99, 0.4);
        }

    .dx-swatch-additional .dx-texteditor.dx-editor-outlined {
        background-color: transparent;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
    }

        .dx-swatch-additional .dx-texteditor.dx-editor-outlined:before {
            display: none;
        }

        .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-state-hover {
            -webkit-box-shadow: inset 0 0 0 1px #fff;
            box-shadow: inset 0 0 0 1px #fff;
        }

        .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-state-disabled,
        .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-state-readonly,
        .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover {
            -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
        }

            .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input,
            .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input,
            .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover .dx-texteditor-input {
                color: rgba(255, 255, 255, 0.5);
            }

        .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-state-focused {
            -webkit-box-shadow: inset 0 0 0 2px #ed1c24;
            box-shadow: inset 0 0 0 2px #ed1c24;
        }

            .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-state-focused.dx-invalid {
                -webkit-box-shadow: inset 0 0 0 2px #ed1c24;
                box-shadow: inset 0 0 0 2px #ed1c24;
            }

        .dx-swatch-additional .dx-texteditor.dx-editor-outlined.dx-invalid {
            -webkit-box-shadow: inset 0 0 0 1px rgba(233, 30, 99, 0.4);
            box-shadow: inset 0 0 0 1px rgba(233, 30, 99, 0.4);
        }

    .dx-swatch-additional .dx-show-clear-button .dx-clear-button-area {
        width: 22px;
        min-width: 22px;
        right: 0;
    }

    .dx-swatch-additional .dx-show-clear-button .dx-icon-clear {
        color: #3d3d3d;
        background-color: #a8a8a8;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        background-position: 0px 0px;
        background-size: 22px 22px;
        padding: 0px;
        font-size: 22px;
        line-height: 22px;
        font-size: 16px;
        text-align: center;
        line-height: 16px;
    }

        .dx-swatch-additional .dx-show-clear-button .dx-icon-clear:before {
            position: absolute;
            display: block;
            width: 16px;
            top: 50%;
            margin-top: -8px;
            left: 50%;
            margin-left: -8px;
        }

    .dx-swatch-additional .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined .dx-texteditor-input {
        padding-right: 26px;
    }

    .dx-swatch-additional .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 26px;
    }

    .dx-swatch-additional .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input {
        padding-right: 38px;
    }

    .dx-swatch-additional .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 38px;
    }

    .dx-swatch-additional .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        right: 13px;
    }

    .dx-swatch-additional .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        left: 13px;
        right: auto;
    }

    .dx-swatch-additional .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after {
        right: 1px;
    }

    .dx-swatch-additional .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after {
        left: 1px;
        right: auto;
    }

    .dx-swatch-additional .dx-placeholder {
        color: #808080;
        font-size: 16px;
    }

    .dx-swatch-additional .dx-texteditor-input {
        margin: 0;
        background-color: transparent;
        color: #fff;
        font-size: 16px;
    }

    .dx-swatch-additional .dx-invalid.dx-texteditor.dx-state-hover:after {
        border-bottom-color: rgba(233, 30, 99, 0.4);
    }

    .dx-swatch-additional .dx-invalid.dx-texteditor.dx-state-focused:before,
    .dx-swatch-additional .dx-invalid.dx-texteditor.dx-state-active:before {
        border-top: 1px solid #ed1c24;
        border-bottom: 1px solid #ed1c24;
    }

    .dx-swatch-additional .dx-invalid.dx-texteditor .dx-texteditor-input-container:after {
        pointer-events: none;
        font-weight: 500;
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
        content: '!';
        position: absolute;
        top: 50%;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        text-align: center;
        line-height: 23px;
        font-size: 14px;
    }

    .dx-swatch-additional .dx-rtl .dx-placeholder,
    .dx-swatch-additional .dx-rtl .dx-placeholder:before {
        right: 0;
        left: auto;
    }

    .dx-swatch-additional .dx-searchbox .dx-icon-search {
        font: 14px/1 DXIcons;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        background-position: 0px 0px;
        background-size: 22px 22px;
        padding: 0px;
        font-size: 22px;
        text-align: center;
        line-height: 22px;
        color: #808080;
    }

        .dx-swatch-additional .dx-searchbox .dx-icon-search:before {
            content: "\f027";
        }

        .dx-swatch-additional .dx-searchbox .dx-icon-search:before {
            position: static;
            text-indent: 0;
            color: rgba(255, 255, 255, 0.54);
        }

    .dx-swatch-additional .dx-searchbox.dx-editor-underlined .dx-icon-search {
        left: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-searchbox.dx-editor-underlined .dx-icon-search,
    .dx-swatch-additional .dx-rtl.dx-searchbox.dx-editor-underlined .dx-icon-search {
        left: initial;
        right: 0;
    }

    .dx-swatch-additional .dx-searchbox.dx-editor-underlined .dx-texteditor-input,
    .dx-swatch-additional .dx-searchbox.dx-editor-underlined .dx-placeholder:before {
        padding-left: 22px;
    }

    .dx-swatch-additional .dx-rtl .dx-searchbox.dx-editor-underlined .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-searchbox.dx-editor-underlined .dx-placeholder:before,
    .dx-swatch-additional .dx-rtl.dx-searchbox.dx-editor-underlined .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-searchbox.dx-editor-underlined .dx-placeholder:before {
        padding-left: 0;
        padding-right: 22px;
    }

    .dx-swatch-additional .dx-searchbox.dx-editor-filled .dx-icon-search,
    .dx-swatch-additional .dx-searchbox.dx-editor-outlined .dx-icon-search {
        left: 12px;
    }

    .dx-swatch-additional .dx-rtl .dx-searchbox.dx-editor-filled .dx-icon-search,
    .dx-swatch-additional .dx-rtl .dx-searchbox.dx-editor-outlined .dx-icon-search,
    .dx-swatch-additional .dx-rtl.dx-searchbox.dx-editor-filled .dx-icon-search,
    .dx-swatch-additional .dx-rtl.dx-searchbox.dx-editor-outlined .dx-icon-search {
        left: initial;
        right: 12px;
    }

    .dx-swatch-additional .dx-searchbox.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-searchbox.dx-editor-outlined .dx-texteditor-input,
    .dx-swatch-additional .dx-searchbox.dx-editor-filled .dx-placeholder:before,
    .dx-swatch-additional .dx-searchbox.dx-editor-outlined .dx-placeholder:before {
        padding-left: 34px;
    }

    .dx-swatch-additional .dx-rtl .dx-searchbox.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-searchbox.dx-editor-outlined .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-searchbox.dx-editor-filled .dx-placeholder:before,
    .dx-swatch-additional .dx-rtl .dx-searchbox.dx-editor-outlined .dx-placeholder:before,
    .dx-swatch-additional .dx-rtl.dx-searchbox.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-searchbox.dx-editor-outlined .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-searchbox.dx-editor-filled .dx-placeholder:before,
    .dx-swatch-additional .dx-rtl.dx-searchbox.dx-editor-outlined .dx-placeholder:before {
        padding-left: 12px;
        padding-right: 34px;
    }

    .dx-swatch-additional .dx-searchbar {
        padding-bottom: 5px;
    }

        .dx-swatch-additional .dx-searchbar .dx-texteditor {
            margin: 0;
        }

    .dx-swatch-additional .dx-dropdowneditor-button {
        width: 24px;
        min-width: 24px;
    }

    .dx-swatch-additional .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon,
    .dx-swatch-additional .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon {
        opacity: 1;
    }

    .dx-swatch-additional .dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
        opacity: 1;
    }

    .dx-swatch-additional .dx-dropdowneditor-icon {
        color: rgba(255, 255, 255, 0.54);
        font: 14px/1 DXIcons;
        width: 24px;
        height: 100%;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-dropdowneditor-icon:before {
            content: "\f001";
        }

        .dx-swatch-additional .dx-dropdowneditor-icon:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-swatch-additional .dx-dropdowneditor-input-wrapper .dx-texteditor:before,
    .dx-swatch-additional .dx-dropdowneditor-input-wrapper .dx-texteditor:after {
        content: none;
    }

    .dx-swatch-additional .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover,
    .dx-swatch-additional .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused,
    .dx-swatch-additional .dx-swatch-additional .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled,
    .dx-swatch-additional .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly,
    .dx-swatch-additional .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover,
    .dx-swatch-additional .dx-dropdowneditor-input-wrapper .dx-texteditor {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-swatch-additional .dx-dropdowneditor .dx-clear-button-area {
        width: 24px;
        min-width: 24px;
    }

    .dx-swatch-additional .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-swatch-additional .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input {
        padding-right: 36px;
    }

    .dx-swatch-additional .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding-right: 12px;
        padding-left: 36px;
    }

    .dx-swatch-additional .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
    .dx-swatch-additional .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
        color: rgba(255, 255, 255, 0.54);
        opacity: 1;
        font: 14px/1 DXIcons;
        width: 24px;
        height: 100%;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon:before,
        .dx-swatch-additional .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon:before {
            content: "\f002";
        }

        .dx-swatch-additional .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon:before,
        .dx-swatch-additional .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-swatch-additional .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after {
        right: 25px;
    }

    .dx-swatch-additional .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after,
    .dx-swatch-additional .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after {
        right: auto;
        left: 25px;
    }

    .dx-swatch-additional .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after {
        right: 49px;
    }

    .dx-swatch-additional .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after,
    .dx-swatch-additional .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after {
        right: auto;
        left: 49px;
    }

    .dx-swatch-additional .dx-dropdowneditor-overlay.dx-popup-wrapper .dx-overlay-content {
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
        overflow: hidden;
    }

    .dx-swatch-additional .dx-list-item-chevron {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        border: none;
        opacity: 1;
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        margin-left: -5px;
        color: rgba(255, 255, 255, 0.54);
    }

    .dx-swatch-additional .dx-rtl .dx-list-item-chevron {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    .dx-swatch-additional .dx-list-item-chevron:before {
        content: "\f010";
    }

    .dx-swatch-additional .dx-rtl .dx-list-item-chevron:before {
        content: "\f012";
    }

    .dx-swatch-additional .dx-list-item-icon-container {
        width: 40px;
    }

    .dx-swatch-additional .dx-list-item-icon {
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

    .dx-swatch-additional .dx-list-search {
        padding-top: 4px;
    }

        .dx-swatch-additional .dx-list-search.dx-searchbox .dx-placeholder:before {
            font-size: 16px;
        }

        .dx-swatch-additional .dx-list-search.dx-searchbox .dx-clear-button-area {
            width: 23px;
        }

            .dx-swatch-additional .dx-list-search.dx-searchbox .dx-clear-button-area .dx-icon-clear {
                background-color: transparent;
                border: 0;
                font-size: 24px;
                color: rgba(255, 255, 255, 0.54);
            }

    .dx-swatch-additional .dx-list-select-all,
    .dx-swatch-additional .dx-list-item,
    .dx-swatch-additional .dx-list-group-header {
        position: relative;
    }

        .dx-swatch-additional .dx-list-select-all .dx-inkripple,
        .dx-swatch-additional .dx-list-item .dx-inkripple,
        .dx-swatch-additional .dx-list-group-header .dx-inkripple {
            overflow: hidden;
        }

    .dx-swatch-additional .dx-list-collapsible-groups .dx-list-group-header:before {
        content: none;
    }

    .dx-swatch-additional .dx-list {
        border: none;
    }

        .dx-swatch-additional .dx-list .dx-icon {
            color: rgba(255, 255, 255, 0.54);
        }

        .dx-swatch-additional .dx-list.dx-list-with-search .dx-scrollable-wrapper {
            height: calc(100% - 48px);
        }

        .dx-swatch-additional .dx-list .dx-empty-message {
            text-align: left;
        }

        .dx-swatch-additional .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before {
            border-color: #e43700;
        }

        .dx-swatch-additional .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon:after {
            background-color: rgba(255, 255, 255, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-swatch-additional .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:after,
        .dx-swatch-additional .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon:after {
            background-color: rgba(255, 87, 34, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-swatch-additional .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
            background-color: #525261;
            color: #ffffff;
        }

            .dx-swatch-additional .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
                background-color: #3f3f4b;
                color: #ffffff;
            }

        .dx-swatch-additional .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
            background-color: #3f3f4b;
            color: #fff;
        }

            .dx-swatch-additional .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
                background-color: rgba(101, 101, 119, 0.7);
                color: #ffffff;
            }

        .dx-swatch-additional .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
            background-color: #656577;
        }

            .dx-swatch-additional .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
                background-color: #656577;
            }

    .dx-swatch-additional .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
        padding-bottom: 8px;
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-list-group:not(.dx-list-group-collapsed) + .dx-swatch-additional .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header {
        border-top-color: transparent;
    }

    .dx-swatch-additional .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator {
        font: 14px/1 DXIcons;
        font-size: 24px;
    }

        .dx-swatch-additional .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator:before {
            content: "\f016";
        }

    .dx-swatch-additional .dx-list-group.dx-list-group-collapsed .dx-list-group-header {
        color: rgba(255, 255, 255, 0.6);
    }

    .dx-swatch-additional .dx-list-group .dx-list-item:first-of-type {
        margin-top: 0;
    }

    .dx-swatch-additional .dx-list-group .dx-list-item:last-of-type {
        margin-bottom: 0;
    }

    .dx-swatch-additional .dx-list-group-header {
        font-weight: normal;
        padding: 14px 16px;
        background: rgba(54, 54, 64, 0);
        color: #ed1c24;
        border-top: 1px solid #515159;
        border-top-color: transparent;
        font-size: 16px;
    }

        .dx-swatch-additional .dx-list-group-header .dx-list-group-header-indicator {
            color: rgba(255, 255, 255, 0.54);
        }

    .dx-swatch-additional .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator {
        font: 14px/1 DXIcons;
        font-size: 24px;
        float: right;
        margin-top: -2px;
    }

        .dx-swatch-additional .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator:before {
            content: "\f014";
        }

    .dx-swatch-additional .dx-list-group-header .dx-inkripple {
        height: auto;
        top: -1px;
        bottom: 0px;
    }

    .dx-swatch-additional .dx-list-group-header:before {
        content: none;
    }

    .dx-swatch-additional .dx-list-item.dx-state-hover,
    .dx-swatch-additional .dx-list-item.dx-state-active {
        background-color: #3f3f4b;
        color: #fff;
    }

        .dx-swatch-additional .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper,
        .dx-swatch-additional .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper {
            background-color: #3f3f4b;
        }

    .dx-swatch-additional .dx-list-item:first-of-type {
        border-top: none;
        margin-top: 8px;
    }

    .dx-swatch-additional .dx-list-item:last-of-type {
        border-bottom: none;
        margin-bottom: 8px;
    }

    .dx-swatch-additional .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-swatch-additional .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
        color: #ffffff;
        background: #363640;
        border-top: 1px solid rgba(255, 87, 34, 0.5);
        border-bottom: 1px solid rgba(255, 87, 34, 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-swatch-additional .dx-list-item,
    .dx-swatch-additional .dx-list .dx-empty-message {
        color: #fff;
    }

    .dx-swatch-additional .dx-list-item-separator-hidden .dx-list-item,
    .dx-swatch-additional .dx-list-item-separator-hidden .dx-list .dx-empty-message {
        border-top: none;
        border-bottom: none;
    }

    .dx-swatch-additional .dx-list-item-content {
        font-size: 16px;
    }

    .dx-swatch-additional .dx-list-item-content {
        padding: 14px 16px 13px;
    }

    .dx-swatch-additional .dx-list .dx-empty-message {
        padding: 8px 16px 7px;
        color: rgba(255, 255, 255, 0.54);
        font-size: 12px;
    }

    .dx-swatch-additional .dx-list-next-button .dx-button {
        margin-top: 20px;
        padding: 0;
    }

        .dx-swatch-additional .dx-list-next-button .dx-button .dx-button-content {
            padding: 6px 16px;
        }

        .dx-swatch-additional .dx-list-next-button .dx-button .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: 12px;
            margin-left: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-list-next-button .dx-button .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-list-next-button .dx-button .dx-icon {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right {
        margin-right: 12px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-list-next-button .dx-button .dx-button-content {
        padding-left: 58px;
        padding-right: 58px;
    }

    .dx-swatch-additional .dx-list-item-chevron-container {
        width: 27px;
        padding-top: 7px;
    }

    .dx-swatch-additional .dx-list-border-visible {
        border: 1px solid #515159;
    }

    .dx-swatch-additional .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
        width: 46px;
    }

    .dx-swatch-additional .dx-list-item-before-bag.dx-list-select-checkbox-container,
    .dx-swatch-additional .dx-list-item-before-bag.dx-list-select-radiobutton-container {
        width: 56px;
    }

    .dx-swatch-additional .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
        border: none;
        background: transparent;
        padding: 0px;
        height: 24px;
        width: 24px;
        margin-left: 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
            padding: 0;
        }

            .dx-swatch-additional .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave {
                display: none;
            }

    .dx-swatch-additional .dx-list-item-before-bag .dx-icon-toggle-delete {
        width: 23px;
        height: 23px;
    }

    .dx-swatch-additional .dx-list-item-before-bag .dx-list-select-checkbox,
    .dx-swatch-additional .dx-list-item-before-bag .dx-list-select-radiobutton {
        margin-top: -1px;
        margin-bottom: -3px;
        margin-left: 16px;
    }

    .dx-swatch-additional .dx-list-toggle-delete-switch-container + .dx-list-item-content {
        padding-left: 34px;
    }

    .dx-swatch-additional .dx-list-select-all {
        padding: 13px 0;
        font-size: 16px;
        position: relative;
    }

        .dx-swatch-additional .dx-list-select-all:after {
            content: "";
            position: absolute;
            bottom: 1px;
            left: 16px;
            right: 16px;
            height: 1px;
            background-color: #515159;
        }

    .dx-swatch-additional .dx-list-select-all-checkbox {
        float: left;
        margin: -1px 0px -3px 16px;
    }

    .dx-swatch-additional .dx-list-select-all-label {
        line-height: 1;
        padding: 0 35px;
        margin-top: 3px;
    }

    .dx-swatch-additional .dx-list-item-after-bag.dx-list-static-delete-button-container {
        width: 43px;
    }

    .dx-swatch-additional .dx-list-item-after-bag.dx-list-reorder-handle-container {
        width: 44.8px;
    }

    .dx-swatch-additional .dx-list-item-after-bag .dx-list-reorder-handle {
        font: 14px/1 DXIcons;
        color: rgba(255, 255, 255, 0.27);
        width: 38.4px;
        height: 38.4px;
        background-position: 7px 7px;
        background-size: 24px 24px;
        padding: 7px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-list-item-after-bag .dx-list-reorder-handle:before {
            content: "\f038";
        }

    .dx-swatch-additional .dx-list-slide-menu-button {
        bottom: 1px;
    }

    .dx-swatch-additional .dx-list-slide-menu-button-delete {
        font: 14px/1 DXIcons;
        color: rgba(0, 0, 0, 0.87);
        border: 1px solid rgba(0, 0, 0, 0.24);
        border-right-color: transparent;
        background-color: #ed1c24;
        font-size: 24px;
        display: table-cell;
        vertical-align: middle;
        padding: 0 16px;
        width: 56px;
        -webkit-box-shadow: inset 3px 0px 5px -3px rgba(0, 0, 0, 0.24), inset 0px 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0px -3px 5px -3px rgba(0, 0, 0, 0.24);
        box-shadow: inset 3px 0px 5px -3px rgba(0, 0, 0, 0.24), inset 0px 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0px -3px 5px -3px rgba(0, 0, 0, 0.24);
    }

        .dx-swatch-additional .dx-list-slide-menu-button-delete:before {
            content: "\f03e";
        }

    .dx-swatch-additional .dx-list-slide-menu-button-menu {
        border: 1px solid transparent;
        color: rgba(0, 0, 0, 0.87);
        background-color: #ed1c24;
    }

    .dx-swatch-additional .dx-list-static-delete-button {
        margin-right: 16px;
        padding: 0;
        border-radius: 50%;
        height: 34px;
        margin-top: -2px;
    }

        .dx-swatch-additional .dx-list-static-delete-button.dx-button {
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }

            .dx-swatch-additional .dx-list-static-delete-button.dx-button .dx-button-content {
                z-index: 1;
            }

    .dx-swatch-additional .dx-list-switchable-delete-button-inner-wrapper {
        padding-right: 6px;
        background-color: #363640;
    }

    .dx-swatch-additional .dx-button.dx-list-switchable-delete-button {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-button.dx-list-switchable-delete-button .dx-icon {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-button.dx-list-switchable-delete-button.dx-state-hover {
            background-color: rgba(233, 30, 99, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button.dx-list-switchable-delete-button.dx-state-focused {
            background-color: rgba(233, 30, 99, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button.dx-list-switchable-delete-button.dx-state-active {
            background-color: rgba(233, 30, 99, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-button.dx-list-switchable-delete-button.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave {
            background-color: rgba(233, 30, 99, 0.2);
        }

    .dx-swatch-additional .dx-list-context-menucontent {
        background-color: #363640;
        border: 1px solid #515159;
        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-swatch-additional .dx-state-disabled.dx-list-item,
    .dx-swatch-additional .dx-state-disabled .dx-list-item {
        background-color: transparent;
        opacity: 0.6;
    }

    .dx-swatch-additional .dx-rtl .dx-list .dx-empty-message,
    .dx-swatch-additional .dx-rtl.dx-list .dx-empty-message {
        text-align: right;
    }

    .dx-swatch-additional .dx-rtl .dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch,
    .dx-swatch-additional .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
        margin-right: 15px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
    .dx-swatch-additional .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
    .dx-swatch-additional .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
    .dx-swatch-additional .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
        margin-right: 16px;
        margin-left: 1px;
    }

    .dx-swatch-additional .dx-rtl .dx-list .dx-list-select-all-checkbox,
    .dx-swatch-additional .dx-rtl.dx-list .dx-list-select-all-checkbox {
        float: right;
        margin-right: 16px;
        margin-left: 1px;
    }

    .dx-swatch-additional .dx-rtl .dx-list .dx-list-switchable-delete-button,
    .dx-swatch-additional .dx-rtl.dx-list .dx-list-switchable-delete-button {
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
    .dx-swatch-additional .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
        padding-left: 6px;
        padding-right: 0;
    }

    .dx-swatch-additional .dx-list-item-badge-container {
        padding-right: 16px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list {
        border: none;
    }

        .dx-swatch-additional .dx-device-mobile .dx-list .dx-icon {
            color: rgba(255, 255, 255, 0.54);
        }

        .dx-swatch-additional .dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper {
            height: calc(100% - 48px);
        }

        .dx-swatch-additional .dx-device-mobile .dx-list .dx-empty-message {
            text-align: left;
        }

        .dx-swatch-additional .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before {
            border-color: #e43700;
        }

        .dx-swatch-additional .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon:after {
            background-color: rgba(255, 255, 255, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-swatch-additional .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:after,
        .dx-swatch-additional .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon:after {
            background-color: rgba(255, 87, 34, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-swatch-additional .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
            background-color: #525261;
            color: #ffffff;
        }

            .dx-swatch-additional .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: #3f3f4b;
                color: #ffffff;
            }

        .dx-swatch-additional .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
            background-color: #3f3f4b;
            color: #fff;
        }

            .dx-swatch-additional .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
                background-color: rgba(101, 101, 119, 0.7);
                color: #ffffff;
            }

        .dx-swatch-additional .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
            background-color: #656577;
        }

            .dx-swatch-additional .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
                background-color: #656577;
            }

    .dx-swatch-additional .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
        padding-bottom: 8px;
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) + .dx-swatch-additional .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header {
        border-top-color: transparent;
    }

    .dx-swatch-additional .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator {
        font: 14px/1 DXIcons;
        font-size: 24px;
    }

        .dx-swatch-additional .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator:before {
            content: "\f016";
        }

    .dx-swatch-additional .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header {
        color: rgba(255, 255, 255, 0.6);
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-group .dx-list-item:first-of-type {
        margin-top: 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-group .dx-list-item:last-of-type {
        margin-bottom: 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-group-header {
        font-weight: normal;
        padding: 14px 15px;
        background: rgba(54, 54, 64, 0);
        color: #ed1c24;
        border-top: 1px solid #515159;
        border-top-color: transparent;
        font-size: 16px;
    }

        .dx-swatch-additional .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator {
            color: rgba(255, 255, 255, 0.54);
        }

    .dx-swatch-additional .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator {
        font: 14px/1 DXIcons;
        font-size: 24px;
        float: right;
        margin-top: -2px;
    }

        .dx-swatch-additional .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator:before {
            content: "\f014";
        }

    .dx-swatch-additional .dx-device-mobile .dx-list-group-header .dx-inkripple {
        height: auto;
        top: -1px;
        bottom: 0px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-group-header:before {
        content: none;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item.dx-state-hover,
    .dx-swatch-additional .dx-device-mobile .dx-list-item.dx-state-active {
        background-color: #3f3f4b;
        color: #fff;
    }

        .dx-swatch-additional .dx-device-mobile .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper,
        .dx-swatch-additional .dx-device-mobile .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper {
            background-color: #3f3f4b;
        }

    .dx-swatch-additional .dx-device-mobile .dx-list-item:first-of-type {
        border-top: none;
        margin-top: 8px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item:last-of-type {
        border-bottom: none;
        margin-bottom: 8px;
    }

    .dx-swatch-additional .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-swatch-additional .dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
        color: #ffffff;
        background: #363640;
        border-top: 1px solid rgba(255, 87, 34, 0.5);
        border-bottom: 1px solid rgba(255, 87, 34, 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-swatch-additional .dx-device-mobile .dx-list-item,
    .dx-swatch-additional .dx-device-mobile .dx-list .dx-empty-message {
        color: #fff;
    }

    .dx-swatch-additional .dx-list-item-separator-hidden .dx-device-mobile .dx-list-item,
    .dx-swatch-additional .dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message {
        border-top: none;
        border-bottom: none;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-content {
        font-size: 16px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-content {
        padding: 14px 15px 13px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list .dx-empty-message {
        padding: 8px 15px 7px;
        color: rgba(255, 255, 255, 0.54);
        font-size: 12px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-next-button .dx-button {
        margin-top: 20px;
        padding: 0;
    }

        .dx-swatch-additional .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
            padding: 6px 16px;
        }

        .dx-swatch-additional .dx-device-mobile .dx-list-next-button .dx-button .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: 12px;
            margin-left: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
        margin-left: 12px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
        margin-right: 12px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
        padding-left: 58px;
        padding-right: 58px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-chevron-container {
        width: 26px;
        padding-top: 7px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-border-visible {
        border: 1px solid #515159;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
        width: 45px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container,
    .dx-swatch-additional .dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container {
        width: 55px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
        border: none;
        background: transparent;
        padding: 0px;
        height: 24px;
        width: 24px;
        margin-left: 14px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
            padding: 0;
        }

            .dx-swatch-additional .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave {
                display: none;
            }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete {
        width: 23px;
        height: 23px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox,
    .dx-swatch-additional .dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton {
        margin-top: -1px;
        margin-bottom: -3px;
        margin-left: 15px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-toggle-delete-switch-container + .dx-list-item-content {
        padding-left: 33px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-select-all {
        padding: 13px 0;
        font-size: 16px;
        position: relative;
    }

        .dx-swatch-additional .dx-device-mobile .dx-list-select-all:after {
            content: "";
            position: absolute;
            bottom: 1px;
            left: 16px;
            right: 16px;
            height: 1px;
            background-color: #515159;
        }

    .dx-swatch-additional .dx-device-mobile .dx-list-select-all-checkbox {
        float: left;
        margin: -1px 0px -3px 15px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-select-all-label {
        line-height: 1;
        padding: 0 35px;
        margin-top: 3px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container {
        width: 42px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container {
        width: 43.8px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle {
        font: 14px/1 DXIcons;
        color: rgba(255, 255, 255, 0.27);
        width: 38.4px;
        height: 38.4px;
        background-position: 7px 7px;
        background-size: 24px 24px;
        padding: 7px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before {
            content: "\f038";
        }

    .dx-swatch-additional .dx-device-mobile .dx-list-slide-menu-button {
        bottom: 1px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-slide-menu-button-delete {
        font: 14px/1 DXIcons;
        color: rgba(0, 0, 0, 0.87);
        border: 1px solid rgba(0, 0, 0, 0.24);
        border-right-color: transparent;
        background-color: #ed1c24;
        font-size: 24px;
        display: table-cell;
        vertical-align: middle;
        padding: 0 15px;
        width: 54px;
        -webkit-box-shadow: inset 3px 0px 5px -3px rgba(0, 0, 0, 0.24), inset 0px 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0px -3px 5px -3px rgba(0, 0, 0, 0.24);
        box-shadow: inset 3px 0px 5px -3px rgba(0, 0, 0, 0.24), inset 0px 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0px -3px 5px -3px rgba(0, 0, 0, 0.24);
    }

        .dx-swatch-additional .dx-device-mobile .dx-list-slide-menu-button-delete:before {
            content: "\f03e";
        }

    .dx-swatch-additional .dx-device-mobile .dx-list-slide-menu-button-menu {
        border: 1px solid transparent;
        color: rgba(0, 0, 0, 0.87);
        background-color: #ed1c24;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-static-delete-button {
        margin-right: 15px;
        padding: 0;
        border-radius: 50%;
        height: 34px;
        margin-top: -2px;
    }

        .dx-swatch-additional .dx-device-mobile .dx-list-static-delete-button.dx-button {
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }

            .dx-swatch-additional .dx-device-mobile .dx-list-static-delete-button.dx-button .dx-button-content {
                z-index: 1;
            }

    .dx-swatch-additional .dx-device-mobile .dx-list-switchable-delete-button-inner-wrapper {
        padding-right: 6px;
        background-color: #363640;
    }

    .dx-swatch-additional .dx-device-mobile .dx-button.dx-list-switchable-delete-button {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-icon {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-hover {
            background-color: rgba(233, 30, 99, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-focused {
            background-color: rgba(233, 30, 99, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-active {
            background-color: rgba(233, 30, 99, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave {
            background-color: rgba(233, 30, 99, 0.2);
        }

    .dx-swatch-additional .dx-device-mobile .dx-list-context-menucontent {
        background-color: #363640;
        border: 1px solid #515159;
        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-swatch-additional .dx-device-mobile .dx-state-disabled.dx-list-item,
    .dx-swatch-additional .dx-device-mobile .dx-state-disabled .dx-list-item {
        background-color: transparent;
        opacity: 0.6;
    }

    .dx-swatch-additional .dx-device-mobile .dx-rtl .dx-list .dx-empty-message,
    .dx-swatch-additional .dx-device-mobile .dx-rtl.dx-list .dx-empty-message {
        text-align: right;
    }

    .dx-swatch-additional .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch,
    .dx-swatch-additional .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
        margin-right: 14px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
    .dx-swatch-additional .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
    .dx-swatch-additional .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
    .dx-swatch-additional .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
        margin-right: 15px;
        margin-left: 1px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox,
    .dx-swatch-additional .dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox {
        float: right;
        margin-right: 15px;
        margin-left: 1px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button,
    .dx-swatch-additional .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button {
        margin-right: 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
    .dx-swatch-additional .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
        padding-left: 6px;
        padding-right: 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-list-item-badge-container {
        padding-right: 15px;
    }

    .dx-swatch-additional .dx-dropdownlist-popup-wrapper {
        height: 100%;
    }

        .dx-swatch-additional .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
            border-top-width: 0;
            border-bottom-width: 1px;
        }

            .dx-swatch-additional .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
                border-top-width: 1px;
                border-bottom-width: 0;
            }

        .dx-swatch-additional .dx-dropdownlist-popup-wrapper .dx-popup-content {
            height: 100%;
            padding: 1px;
        }

        .dx-swatch-additional .dx-dropdownlist-popup-wrapper .dx-list {
            height: 100%;
            min-height: 33px;
        }

            .dx-swatch-additional .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
                padding: 14px 15px;
            }

        .dx-swatch-additional .dx-dropdownlist-popup-wrapper .dx-list-select-all {
            padding: 16px 0 12px;
        }

        .dx-swatch-additional .dx-dropdownlist-popup-wrapper .dx-list-item,
        .dx-swatch-additional .dx-dropdownlist-popup-wrapper .dx-empty-message {
            border-top: 0;
        }

            .dx-swatch-additional .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type,
            .dx-swatch-additional .dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type {
                border-bottom: none;
            }

    .dx-swatch-additional .dx-textarea {
        height: auto;
    }

        .dx-swatch-additional .dx-textarea .dx-texteditor-input {
            padding: 10px;
            line-height: 24px;
        }

        .dx-swatch-additional .dx-textarea .dx-placeholder:before {
            padding: 13px 10px;
        }

        .dx-swatch-additional .dx-textarea .dx-icon-clear {
            top: 0;
            margin-top: 0;
        }

        .dx-swatch-additional .dx-textarea.dx-invalid .dx-texteditor-container:after {
            top: 18px;
            margin-top: 0;
        }

    .dx-swatch-additional .dx-numberbox-spin-container {
        overflow: hidden;
        width: 24px;
    }

    .dx-swatch-additional .dx-state-disabled .dx-numberbox-spin-container {
        opacity: 1;
    }

    .dx-swatch-additional .dx-numberbox-spin-up-icon {
        font: 14px/1 DXIcons;
        color: rgba(255, 255, 255, 0.54);
    }

        .dx-swatch-additional .dx-numberbox-spin-up-icon:before {
            content: "\f002";
        }

    .dx-swatch-additional .dx-numberbox-spin-down-icon {
        font: 14px/1 DXIcons;
        color: rgba(255, 255, 255, 0.54);
    }

        .dx-swatch-additional .dx-numberbox-spin-down-icon:before {
            content: "\f001";
        }

    .dx-swatch-additional .dx-numberbox-spin-up-icon,
    .dx-swatch-additional .dx-numberbox-spin-down-icon {
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-numberbox-spin-up-icon:before,
        .dx-swatch-additional .dx-numberbox-spin-down-icon:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-swatch-additional .dx-numberbox-spin-button {
        padding: 1px;
        height: 50%;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined .dx-texteditor-input {
        padding-right: 0;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined .dx-texteditor-input {
        padding-right: 26px;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 26px;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input {
        padding-right: 38px;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 38px;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        right: 13px;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        left: 13px;
        right: auto;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after {
        right: 1px;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after {
        left: 1px;
        right: auto;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined .dx-texteditor-input {
        padding-right: 12px;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined .dx-texteditor-input {
        padding-right: 26px;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 26px;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input {
        padding-right: 38px;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 38px;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        right: 13px;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        left: 13px;
        right: auto;
    }

    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after {
        right: 1px;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after {
        left: 1px;
        right: auto;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined .dx-texteditor-input {
        padding-right: 26px;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 26px;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input {
        padding-right: 38px;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding: 7px 0 6px;
        padding-left: 38px;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        right: 13px;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
        left: 13px;
        right: auto;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after {
        right: 1px;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after,
    .dx-swatch-additional .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after {
        left: 1px;
        right: auto;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
        width: 74px;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
        border-left: none;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon,
    .dx-swatch-additional .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon {
        background-position: center;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-editor-underlined.dx-show-clear-button .dx-texteditor-input {
        padding-right: 0;
    }

    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox-spin-touch-friendly.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input {
        padding-right: 12px;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container,
    .dx-swatch-additional .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
        border-right: none;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input {
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input {
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input {
        padding-left: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input,
    .dx-swatch-additional .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input {
        padding-left: 12px;
    }

    .dx-swatch-additional .dx-datebox-wrapper .dx-popup-title {
        min-height: 10px;
        border-bottom: none;
        background: none;
    }

    .dx-swatch-additional .dx-datebox-wrapper .dx-item {
        border: none;
    }

    .dx-swatch-additional .dx-datebox-wrapper .dx-popup-bottom .dx-button {
        width: auto;
    }

    .dx-swatch-additional .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
        margin: 0 34px;
    }

    .dx-swatch-additional .dx-datebox-wrapper-list .dx-overlay-content {
        border-top: none;
    }

    .dx-swatch-additional .dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content {
        padding: 10px;
    }

    .dx-swatch-additional .dx-datebox-calendar .dx-dropdowneditor-icon {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 100%;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-datebox-calendar .dx-dropdowneditor-icon:before {
            content: "\f001";
        }

        .dx-swatch-additional .dx-datebox-calendar .dx-dropdowneditor-icon:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-swatch-additional .dx-datebox-calendar.dx-dropdowneditor-active.dx-editor-filled {
        background: rgba(255, 255, 255, 0.07);
    }

    .dx-swatch-additional .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
        opacity: 1;
    }

    .dx-swatch-additional .dx-datebox-wrapper-calendar .dx-popup-content {
        padding: 0;
    }

    .dx-swatch-additional .dx-datebox-wrapper-calendar .dx-calendar {
        border: none;
        margin: 10px;
    }

    .dx-swatch-additional .dx-datebox-wrapper-calendar .dx-datebox-container-cell {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .dx-swatch-additional .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .dx-swatch-additional .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
        padding: 10px;
    }

    .dx-swatch-additional .dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
        margin: 0 5px 5px;
    }

    .dx-swatch-additional .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
        margin-top: -1px;
        margin-right: 10px;
    }

    @media (max-width: 320px) {
        .dx-swatch-additional .dx-datebox-wrapper-calendar .dx-calendar {
            margin: 18px;
        }
    }

    .dx-swatch-additional .dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button {
        margin-right: 5px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
        margin-left: 5px;
        margin-right: 10px;
    }

    .dx-swatch-additional .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
        margin-right: 5px;
        margin-left: 10px;
    }

    .dx-swatch-additional .dx-datebox-list .dx-dropdowneditor-icon {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 100%;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-datebox-list .dx-dropdowneditor-icon:before {
            content: "\f001";
        }

        .dx-swatch-additional .dx-datebox-list .dx-dropdowneditor-icon:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-swatch-additional .dx-datebox-wrapper-list .dx-popup-content {
        padding: 0px;
    }

    .dx-swatch-additional .dx-datebox input[type="date"] {
        line-height: normal;
    }

    .dx-swatch-additional .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input,
    .dx-swatch-additional .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-swatch-additional .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input,
    .dx-swatch-additional .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input {
        padding-right: 36px;
    }

    .dx-swatch-additional .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input {
        padding-right: 12px;
        padding-left: 36px;
    }

    .dx-swatch-additional .dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
        min-height: 33px;
    }

    .dx-swatch-additional .dx-dateview-rollers {
        width: auto;
        text-align: center;
        display: block;
    }

    .dx-swatch-additional .dx-dateviewroller-current .dx-dateview-item {
        -webkit-transition: font-size 0.2s ease-out;
        transition: font-size 0.2s ease-out;
    }

    .dx-swatch-additional .dx-dateviewroller {
        min-width: 4em;
        text-align: center;
        display: inline-block;
    }

        .dx-swatch-additional .dx-dateviewroller .dx-button {
            display: none;
        }

        .dx-swatch-additional .dx-dateviewroller .dx-scrollable-content:before,
        .dx-swatch-additional .dx-dateviewroller .dx-scrollable-content:after {
            content: "";
            height: 71px;
            display: block;
        }

        .dx-swatch-additional .dx-dateviewroller .dx-scrollable-container {
            height: 182px;
        }

        .dx-swatch-additional .dx-dateviewroller.dx-dateviewroller-year {
            min-width: 4.85em;
        }

        .dx-swatch-additional .dx-dateviewroller.dx-state-active .dx-button {
            display: none;
        }

    .dx-swatch-additional .dx-dateviewroller-month {
        min-width: 12em;
    }

    .dx-swatch-additional .dx-dateviewroller-hours:after {
        content: ":";
        font-size: 2.2em;
        position: absolute;
        right: -9%;
        font-weight: bold;
        top: 37%;
        color: #fff;
    }

    .dx-swatch-additional .dx-dateviewroller-hours .dx-dateview-item-selected-frame {
        padding-left: 20%;
    }

    .dx-swatch-additional .dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
        width: 80%;
    }

    .dx-swatch-additional .dx-dateview-item {
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 1.3em;
        color: #fff;
    }

    .dx-swatch-additional .dx-dateview-item-selected {
        font-size: 1.8em;
        color: #ed1c24;
    }

    .dx-swatch-additional .dx-rtl.dx-dateviewroller-hours:after {
        left: -9%;
        right: auto;
    }

    .dx-swatch-additional .dx-dateview-item-selected-frame {
        position: absolute;
        top: 71px;
        width: 100%;
    }

        .dx-swatch-additional .dx-dateview-item-selected-frame:before,
        .dx-swatch-additional .dx-dateview-item-selected-frame:after {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            content: "";
            display: block;
            width: 100%;
            position: absolute;
            height: 71px;
        }

        .dx-swatch-additional .dx-dateview-item-selected-frame:before {
            top: -71px;
            background-repeat: no-repeat;
            background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(54, 54, 64, 0)), color-stop(60%, rgba(54, 54, 64, 0.8)));
            background-image: linear-gradient(0deg, rgba(54, 54, 64, 0) 0%, rgba(54, 54, 64, 0.8) 60%);
        }

        .dx-swatch-additional .dx-dateview-item-selected-frame:after {
            top: 40px;
            background-repeat: no-repeat;
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 54, 64, 0)), color-stop(60%, rgba(54, 54, 64, 0.8)));
            background-image: linear-gradient(180deg, rgba(54, 54, 64, 0) 0%, rgba(54, 54, 64, 0.8) 60%);
        }

    .dx-swatch-additional .dx-device-tablet .dx-dateview-rollers,
    .dx-swatch-additional .dx-device-phone .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-swatch-additional .dx-device-tablet .dx-dateviewroller-month,
    .dx-swatch-additional .dx-device-phone .dx-dateviewroller-month {
        min-width: 4em;
    }

    .dx-swatch-additional .dx-device-tablet .dx-dateview-item,
    .dx-swatch-additional .dx-device-phone .dx-dateview-item {
        font-size: 1.1em;
    }

    .dx-swatch-additional .dx-device-tablet .dx-dateview-item-selected,
    .dx-swatch-additional .dx-device-phone .dx-dateview-item-selected {
        font-size: 1.4em;
    }

    .dx-swatch-additional .dx-toolbar {
        background-color: #363640;
        color: #fff;
        padding: 0;
        overflow: visible;
    }

        .dx-swatch-additional .dx-toolbar .dx-toolbar-before {
            padding-right: 15px;
        }

    .dx-swatch-additional .dx-rtl.dx-toolbar .dx-toolbar-before {
        padding-right: 0;
        padding-left: 15px;
    }

    .dx-swatch-additional .dx-toolbar .dx-toolbar-after {
        padding-left: 15px;
    }

    .dx-swatch-additional .dx-rtl.dx-toolbar .dx-toolbar-after {
        padding-left: 0;
        padding-right: 15px;
    }

    .dx-swatch-additional .dx-toolbar .dx-toolbar-before:empty,
    .dx-swatch-additional .dx-toolbar .dx-toolbar-after:empty {
        padding: 0;
    }

    .dx-swatch-additional .dx-toolbar .dx-toolbar-items-container {
        height: 76px;
        overflow: visible;
    }

    .dx-swatch-additional .dx-toolbar .dx-toolbar-menu-container {
        padding: 0 0 0 5px;
    }

    .dx-swatch-additional .dx-rtl.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 5px 0 0;
    }

    .dx-swatch-additional .dx-toolbar .dx-toolbar-item {
        padding: 0 5px 0 0;
    }

        .dx-swatch-additional .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
            padding-left: 20px;
        }

        .dx-swatch-additional .dx-toolbar .dx-toolbar-item:last-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-rtl.dx-toolbar .dx-toolbar-item {
        padding: 0 0 0 5px;
    }

        .dx-swatch-additional .dx-rtl.dx-toolbar .dx-toolbar-item:last-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-toolbar .dx-toolbar-label {
        font-size: 20px;
        font-weight: 500;
    }

    .dx-swatch-additional .dx-device-mobile .dx-toolbar {
        padding: 0;
        overflow: visible;
    }

        .dx-swatch-additional .dx-device-mobile .dx-toolbar .dx-toolbar-before {
            padding-right: 15px;
        }

    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before {
        padding-right: 0;
        padding-left: 15px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-toolbar .dx-toolbar-after {
        padding-left: 15px;
    }

    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after {
        padding-left: 0;
        padding-right: 15px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-toolbar .dx-toolbar-before:empty,
    .dx-swatch-additional .dx-device-mobile .dx-toolbar .dx-toolbar-after:empty {
        padding: 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-toolbar .dx-toolbar-items-container {
        height: 76px;
        overflow: visible;
    }

    .dx-swatch-additional .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
        padding: 0 0 0 5px;
    }

    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
        padding: 0 5px 0 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-toolbar .dx-toolbar-item {
        padding: 0 5px 0 0;
    }

        .dx-swatch-additional .dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
            padding-left: 20px;
        }

        .dx-swatch-additional .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item {
        padding: 0 0 0 5px;
    }

        .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-device-mobile .dx-toolbar .dx-toolbar-label {
        font-size: 20px;
        font-weight: 500;
    }

    .dx-swatch-additional .dx-toolbar.dx-state-disabled {
        opacity: 1;
    }

    .dx-swatch-additional .dx-toolbar-after .dx-toolbar-item {
        padding: 0 0 0 5px;
    }

        .dx-swatch-additional .dx-toolbar-after .dx-toolbar-item:last-child {
            padding: 0 0 0 5px;
        }

        .dx-swatch-additional .dx-toolbar-after .dx-toolbar-item:first-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-toolbar-after .dx-toolbar-item:first-child {
        padding-left: 5px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-toolbar-after .dx-toolbar-item {
        padding: 0 0 0 5px;
    }

        .dx-swatch-additional .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child {
            padding: 0 0 0 5px;
        }

        .dx-swatch-additional .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
        padding-left: 5px;
    }

    .dx-swatch-additional .dx-toolbar-background {
        background-color: #363640;
    }

    .dx-swatch-additional .dx-toolbar-menu-section {
        border-bottom: 1px solid #515159;
    }

        .dx-swatch-additional .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide {
            padding: 0;
        }

        .dx-swatch-additional .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
            height: 48px;
            padding: 0;
        }

        .dx-swatch-additional .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content {
            padding: 0 16px;
        }

        .dx-swatch-additional .dx-toolbar-menu-section .dx-button-content {
            padding: 4px;
        }

        .dx-swatch-additional .dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
            padding: 0 16px;
        }

            .dx-swatch-additional .dx-toolbar-menu-section .dx-toolbar-item-auto-hide .dx-checkbox {
                padding: 15px 0;
            }

    .dx-swatch-additional .dx-toolbar-text-auto-hide .dx-button {
        min-width: 36px;
    }

        .dx-swatch-additional .dx-toolbar-text-auto-hide .dx-button .dx-button-content {
            padding: 6px;
        }

        .dx-swatch-additional .dx-toolbar-text-auto-hide .dx-button .dx-icon {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
            margin-right: 0;
            margin-left: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon.dx-button-has-text {
        border-radius: 50%;
    }

    .dx-swatch-additional .dx-toolbar-menu-action .dx-button.dx-button-has-icon:not(.dx-button-has-text) {
        border-radius: 0;
    }

    .dx-swatch-additional .dx-toolbar .dx-tab {
        padding: 4px;
    }

    .dx-swatch-additional .dx-tile {
        color: #fff;
        background-color: #363640;
        border: 1px solid rgba(81, 81, 89, 0.6);
        text-align: left;
    }

        .dx-swatch-additional .dx-tile.dx-state-focused,
        .dx-swatch-additional .dx-tile.dx-state-hover {
            background-color: #363640;
            border-color: rgba(255, 87, 34, 0.4);
        }

        .dx-swatch-additional .dx-tile.dx-state-active {
            background-color: rgba(0, 0, 0, 0.2);
            color: #fff;
            border-color: transparent;
        }

    .dx-swatch-additional .dx-overlay-shader {
        background-color: rgba(0, 0, 0, 0.61);
    }

    .dx-swatch-additional .dx-overlay-wrapper {
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-swatch-additional .dx-overlay-wrapper input,
        .dx-swatch-additional .dx-overlay-wrapper textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .dx-swatch-additional .dx-toast-content {
        color: rgba(255, 255, 255, 0.87);
        font-size: 14px;
        font-weight: 400;
        padding: 0 16px;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
        min-height: 48px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .dx-swatch-additional .dx-toast-icon {
        display: none;
    }

    .dx-swatch-additional .dx-toast-message {
        padding: 0;
    }

    .dx-swatch-additional .dx-toast-info {
        background-color: rgba(0, 0, 0, 0.87);
    }

    .dx-swatch-additional .dx-toast-warning {
        background-color: #FFC107;
    }

    .dx-swatch-additional .dx-toast-error {
        background-color: #ed1c24;
    }

    .dx-swatch-additional .dx-toast-success {
        background-color: #66a51c;
    }

    .dx-swatch-additional .dx-popup-wrapper > .dx-overlay-content {
        background: #363640;
        -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
        box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
    }

    .dx-swatch-additional .dx-popup-wrapper > .dx-popup-fullscreen {
        border-radius: 0;
    }

    .dx-swatch-additional .dx-popup-title {
        position: relative;
        padding: 0 8px 0 24px;
        margin-bottom: -4px;
        min-height: 28px;
        border-bottom: 1px solid #515159;
        background: transparent;
        color: #fff;
    }

        .dx-swatch-additional .dx-popup-title.dx-toolbar {
            padding: 0 8px 0 24px;
            overflow: visible;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-toolbar-before {
                padding-right: 15px;
            }

    .dx-swatch-additional .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before {
        padding-right: 0;
        padding-left: 15px;
    }

    .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-toolbar-after {
        padding-left: 15px;
    }

    .dx-swatch-additional .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after {
        padding-left: 0;
        padding-right: 15px;
    }

    .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-toolbar-before:empty,
    .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-toolbar-after:empty {
        padding: 0;
    }

    .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
        height: 76px;
        overflow: visible;
    }

    .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 0 0 8px;
    }

    .dx-swatch-additional .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 8px 0 0;
    }

    .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-toolbar-item {
        padding: 0 8px 0 0;
    }

        .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
            padding-left: 20px;
        }

        .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item {
        padding: 0 0 0 8px;
    }

        .dx-swatch-additional .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-toolbar-label {
        font-size: 20px;
        font-weight: 500;
    }

    .dx-swatch-additional .dx-popup-title.dx-toolbar .dx-button.dx-closebutton {
        display: block;
    }

    .dx-swatch-additional .dx-popup-content {
        padding: 24px;
    }

        .dx-swatch-additional .dx-popup-content > .dx-button {
            margin: 0 8px;
        }

    .dx-swatch-additional .dx-popup-bottom {
        background: transparent;
        color: #fff;
    }

        .dx-swatch-additional .dx-popup-bottom.dx-toolbar {
            padding: 0 8px 0 24px;
            overflow: visible;
        }

            .dx-swatch-additional .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
                padding-right: 15px;
            }

    .dx-swatch-additional .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
        padding-right: 0;
        padding-left: 15px;
    }

    .dx-swatch-additional .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
        padding-left: 15px;
    }

    .dx-swatch-additional .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
        padding-left: 0;
        padding-right: 15px;
    }

    .dx-swatch-additional .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
    .dx-swatch-additional .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
        padding: 0;
    }

    .dx-swatch-additional .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
        height: 52px;
        overflow: visible;
    }

    .dx-swatch-additional .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 0 0 8px;
    }

    .dx-swatch-additional .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 8px 0 0;
    }

    .dx-swatch-additional .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
        padding: 0 8px 0 0;
    }

        .dx-swatch-additional .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
            padding-left: 20px;
        }

        .dx-swatch-additional .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
        padding: 0 0 0 8px;
    }

        .dx-swatch-additional .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
        font-size: 20px;
        font-weight: 500;
    }

    .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar {
        padding: 0 8px 0 24px;
        overflow: visible;
    }

        .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
            padding-right: 15px;
        }

    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
        padding-right: 0;
        padding-left: 15px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
        padding-left: 15px;
    }

    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
        padding-left: 0;
        padding-right: 15px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
    .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
        padding: 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
        height: 52px;
        overflow: visible;
    }

    .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 0 0 8px;
    }

    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 8px 0 0;
    }

    .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
        padding: 0 8px 0 0;
    }

        .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
            padding-left: 20px;
        }

        .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
        padding: 0 0 0 8px;
    }

        .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
            padding: 0;
        }

    .dx-swatch-additional .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
        font-size: 20px;
        font-weight: 500;
    }

    .dx-swatch-additional .dx-popup-content.dx-dialog-content {
        min-width: 172px;
        padding: 24px;
    }

    .dx-swatch-additional .dx-dialog-message {
        padding: 0;
    }

    .dx-swatch-additional .dx-popover-wrapper .dx-popup-title {
        margin: 0;
    }

        .dx-swatch-additional .dx-popover-wrapper .dx-popup-title.dx-toolbar {
            padding-left: 15px;
        }

    .dx-swatch-additional .dx-popover-wrapper .dx-popover-arrow {
        display: none;
    }

    .dx-swatch-additional .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
        padding-right: 15px;
        padding-left: 0;
    }

    .dx-swatch-additional .dx-progressbar-container {
        height: 4px;
        background-color: rgba(255, 87, 34, 0.3);
    }

    .dx-swatch-additional .dx-progressbar-range {
        position: relative;
        background-color: #ed1c24;
        margin-top: -1px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dx-swatch-additional .dx-progressbar-animating-container {
        height: 4px;
        background-color: rgba(255, 87, 34, 0.3);
        background-size: 90% 5px;
        -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(#ed1c24), color-stop(95%, transparent));
        background-image: linear-gradient(-90deg, transparent 5%, #ed1c24, transparent 95%);
        background-repeat: repeat;
    }

    .dx-swatch-additional .dx-state-disabled .dx-progressbar-range {
        background-color: rgba(255, 87, 34, 0.6);
    }

    .dx-swatch-additional .dx-state-disabled .dx-progressbar-animating-container {
        -webkit-animation: none;
        animation: none;
        background-position-x: 45%;
    }

    .dx-swatch-additional .dx-progressbar-status {
        padding-top: 8px;
        color: #ed1c24;
    }

    .dx-swatch-additional .dx-progressbar .dx-position-right .dx-progressbar-status {
        padding-top: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-progressbar .dx-progressbar-animating-container,
    .dx-swatch-additional .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(#ed1c24), color-stop(95%, transparent));
        background-image: linear-gradient(-90deg, transparent 5%, #ed1c24, 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-swatch-additional .dx-tooltip-wrapper .dx-overlay-content {
        background-color: #000000;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 4px;
        min-height: auto;
    }

        .dx-swatch-additional .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
            padding: 6px 8px;
            font-size: 12px;
        }

    .dx-swatch-additional .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow {
        display: none;
    }

    .dx-swatch-additional .dx-slider-wrapper {
        height: 32px;
    }

    .dx-swatch-additional .dx-slider-bar,
    .dx-swatch-additional .dx-slider-range {
        margin-top: 15px;
        height: 2px;
    }

    .dx-swatch-additional .dx-slider-bar {
        margin-right: 18px;
        margin-left: 18px;
        background: rgba(255, 87, 34, 0.24);
    }

    .dx-swatch-additional .dx-slider-range {
        top: -15px;
    }

        .dx-swatch-additional .dx-slider-range.dx-slider-range-visible {
            background: #ed1c24;
        }

    .dx-swatch-additional .dx-slider-handle {
        margin-top: -15px;
        margin-right: -16px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }

        .dx-swatch-additional .dx-slider-handle:after {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            margin-top: -6px;
            margin-left: -6px;
            width: 12px;
            height: 12px;
            background: #ed1c24;
            content: "";
            border-radius: 50%;
        }

        .dx-swatch-additional .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content {
            background-color: transparent;
            min-width: 34px;
        }

            .dx-swatch-additional .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content:before {
                content: "";
                position: absolute;
                width: 34px;
                height: 34px;
                border-radius: 0 50% 50% 50%;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                display: block;
                background-color: #ed1c24;
                top: 0;
            }

    .dx-swatch-additional .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content:before {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        bottom: 0;
        margin-top: -5px;
    }

    .dx-swatch-additional .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
        line-height: normal;
        font-size: 10px;
        max-width: 28px;
        min-width: 28px;
        width: 28px;
        text-overflow: ellipsis;
        padding: 11px 3px 5px;
        color: rgba(0, 0, 0, 0.87);
        position: relative;
    }

    .dx-swatch-additional .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
        padding-top: 6px;
    }

    .dx-swatch-additional .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled:before {
        margin-top: 5px;
    }

    .dx-swatch-additional .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled:before {
        margin-top: -5px;
    }

    .dx-swatch-additional .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content {
        padding-top: 17px;
    }

    .dx-swatch-additional .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content {
        padding-top: 6px;
        padding-bottom: 17px;
    }

    .dx-swatch-additional .dx-slider-handle .dx-inkripple-wave {
        background-color: rgba(255, 87, 34, 0.24);
    }

    .dx-swatch-additional .dx-slider-tooltip-position-top {
        padding-top: 40px;
    }

    .dx-swatch-additional .dx-slider-tooltip-position-bottom {
        padding-bottom: 40px;
    }

    .dx-swatch-additional .dx-slider-label-position-bottom .dx-slider-label {
        bottom: -18px;
    }

    .dx-swatch-additional .dx-slider-label-position-top .dx-slider-label {
        top: -15px;
    }

    .dx-swatch-additional .dx-state-disabled.dx-slider,
    .dx-swatch-additional .dx-state-disabled .dx-slider {
        opacity: 1;
    }

        .dx-swatch-additional .dx-state-disabled.dx-slider .dx-slider-handle,
        .dx-swatch-additional .dx-state-disabled .dx-slider .dx-slider-handle {
            opacity: 1;
        }

    .dx-swatch-additional .dx-state-disabled .dx-slider-bar {
        background: rgba(255, 255, 255, 0.24);
    }

    .dx-swatch-additional .dx-state-disabled .dx-slider-range.dx-slider-range-visible {
        background: rgba(255, 255, 255, 0.24);
    }

    .dx-swatch-additional .dx-state-disabled .dx-slider-handle {
        width: 12px;
        height: 12px;
        margin-top: -5px;
        margin-right: -5px;
        border-radius: 50%;
        border: 2px solid #363640;
    }

        .dx-swatch-additional .dx-state-disabled .dx-slider-handle:after {
            margin-top: -4px;
            margin-left: -4px;
            width: 8px;
            height: 8px;
            background: grey;
        }

        .dx-swatch-additional .dx-state-disabled .dx-slider-handle .dx-overlay-content {
            margin-top: -12px;
        }

    .dx-swatch-additional .dx-invalid .dx-slider-handle:after {
        background-color: #ed1c24;
    }

    .dx-swatch-additional .dx-invalid .dx-slider-range-visible {
        background-color: #ed1c24;
        border-color: #ed1c24;
    }

    .dx-swatch-additional .dx-invalid .dx-slider-bar {
        background-color: rgba(233, 30, 99, 0.4);
    }

    .dx-swatch-additional .dx-rtl .dx-slider-handle {
        margin-left: -16px;
    }

    .dx-swatch-additional .dx-rtl.dx-state-disabled .dx-slider-handle {
        margin-left: -5px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl.dx-state-disabled .dx-overlay-content {
        margin-left: -13px;
    }

    .dx-swatch-additional .dx-rangeslider-start-handle {
        margin-left: -14px;
    }

    .dx-swatch-additional .dx-state-disabled .dx-rangeslider-start-handle {
        margin-left: -5px;
    }

    .dx-swatch-additional .dx-rtl .dx-rangeslider-start-handle {
        margin-right: -14px;
    }

    .dx-swatch-additional .dx-rtl.dx-state-disabled .dx-rangeslider-start-handle {
        margin-right: -5px;
    }

    .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-prev,
    .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-next {
        position: absolute;
        top: 0;
        width: 34%;
        height: 100%;
        background: transparent;
        cursor: pointer;
        font-size: 32px;
        text-align: center;
        line-height: 32px;
    }

        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after,
        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after {
            background-color: #ed1c24;
        }

        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after,
        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after {
            background-color: #ed1c24;
        }

        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-prev:before,
        .dx-swatch-additional .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-swatch-additional .dx-gallery .dx-gallery-nav-button-prev:after,
        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-next:after {
            content: '';
            position: absolute;
            width: 32px;
            height: 32px;
            background: rgba(255, 255, 255, 0.54);
            border-radius: 50%;
            top: 50%;
            margin-top: -16px;
        }

        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-prev:before,
        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-next:before {
            position: absolute;
            z-index: 10;
            clear: both;
            font-size: 32px;
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-prev {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-prev:before {
            content: "\f012";
        }

        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-prev:after {
            left: 8px;
        }

        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-prev:before {
            left: 7px;
            right: auto;
            margin-left: 0;
        }

    .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-next {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-next:before {
            content: "\f010";
        }

        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-next:after {
            right: 8px;
        }

        .dx-swatch-additional .dx-gallery .dx-gallery-nav-button-next:before {
            right: 7px;
            left: auto;
        }

    .dx-swatch-additional .dx-gallery-indicator {
        pointer-events: none;
        text-align: center;
    }

    .dx-swatch-additional .dx-gallery-indicator-item {
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        pointer-events: auto;
        margin: 1px 6px;
        width: 8px;
        height: 8px;
        background: #363640;
    }

    .dx-swatch-additional .dx-gallery-indicator-item-active,
    .dx-swatch-additional .dx-gallery-indicator-item-selected {
        width: 12px;
        height: 12px;
        background: #ed1c24;
        border: 2px solid rgba(54, 54, 64, 0.8);
        margin: -1px 6px;
    }

    .dx-swatch-additional .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
        background: #ed1c24;
    }

    .dx-swatch-additional .dx-lookup.dx-editor-filled,
    .dx-swatch-additional .dx-lookup.dx-editor-outlined {
        height: 56px;
    }

        .dx-swatch-additional .dx-lookup.dx-editor-filled .dx-lookup-field,
        .dx-swatch-additional .dx-lookup.dx-editor-outlined .dx-lookup-field {
            padding: 19px 12px 18px;
        }

        .dx-swatch-additional .dx-lookup.dx-editor-filled .dx-lookup-arrow,
        .dx-swatch-additional .dx-lookup.dx-editor-outlined .dx-lookup-arrow {
            right: 12px;
        }

        .dx-swatch-additional .dx-lookup.dx-editor-filled.dx-rtl .dx-lookup-arrow,
        .dx-swatch-additional .dx-lookup.dx-editor-outlined.dx-rtl .dx-lookup-arrow,
        .dx-swatch-additional .dx-rtl .dx-lookup.dx-editor-filled .dx-lookup-arrow,
        .dx-swatch-additional .dx-rtl .dx-lookup.dx-editor-outlined .dx-lookup-arrow {
            left: 12px;
            right: auto;
        }

    .dx-swatch-additional .dx-lookup.dx-editor-underlined {
        height: 32px;
    }

        .dx-swatch-additional .dx-lookup.dx-editor-underlined .dx-lookup-field {
            padding: 7px 0 6px;
        }

    .dx-swatch-additional .dx-lookup.dx-state-focused:before {
        content: none;
    }

    .dx-swatch-additional .dx-lookup.dx-invalid {
        border-bottom-color: rgba(233, 30, 99, 0.4);
    }

        .dx-swatch-additional .dx-lookup.dx-invalid .dx-lookup-arrow:after {
            pointer-events: none;
            font-weight: 500;
            background-color: #ed1c24;
            color: rgba(0, 0, 0, 0.87);
            content: '!';
            position: absolute;
            top: 50%;
            margin-top: -11px;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            text-align: center;
            line-height: 23px;
            font-size: 14px;
            right: 24px;
        }

        .dx-swatch-additional .dx-lookup.dx-invalid.dx-rtl .dx-lookup-arrow:after,
        .dx-swatch-additional .dx-rtl .dx-lookup.dx-invalid .dx-lookup-arrow:after {
            left: 24px;
            right: auto;
        }

    .dx-swatch-additional .dx-lookup-field {
        font-size: 16px;
    }

    .dx-swatch-additional .dx-lookup-arrow {
        font: 14px/1 DXIcons;
        width: 24px;
        color: rgba(255, 255, 255, 0.54);
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-lookup-arrow:before {
            content: "\f001";
        }

        .dx-swatch-additional .dx-lookup-arrow:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

    .dx-swatch-additional .dx-state-readonly .dx-lookup-field:before {
        opacity: 0.5;
    }

    .dx-swatch-additional .dx-lookup-popup-wrapper .dx-list-item {
        border-top: none;
    }

        .dx-swatch-additional .dx-lookup-popup-wrapper .dx-list-item:last-of-type {
            border-bottom: none;
        }

    .dx-swatch-additional .dx-lookup-popup-wrapper .dx-popup-content {
        top: 0;
        padding: 0;
    }

    .dx-swatch-additional .dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content {
        top: 49px;
    }

    .dx-swatch-additional .dx-lookup-empty .dx-lookup-field {
        color: #808080;
    }

    .dx-swatch-additional .dx-lookup-popup-search .dx-list {
        height: calc(100% - 70px);
    }

    .dx-swatch-additional .dx-lookup-search-wrapper {
        padding: 20px;
        padding-bottom: 14px;
    }

    .dx-swatch-additional .dx-actionsheet-container .dx-actionsheet-item {
        margin: 0 0 10px 0;
    }

    .dx-swatch-additional .dx-actionsheet-container .dx-button {
        margin: 0;
    }

    .dx-swatch-additional .dx-button.dx-actionsheet-cancel {
        margin: 0;
    }

    .dx-swatch-additional .dx-loadindicator {
        background-color: transparent;
        line-height: 100%;
    }

    .dx-swatch-additional .dx-loadindicator-content {
        height: 100%;
        width: 100%;
        -webkit-animation: content-rotation 1568ms linear infinite;
        animation: content-rotation 1568ms linear infinite;
    }

    .dx-swatch-additional .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-swatch-additional .dx-loadindicator-image .dx-loadindicator-content {
            -webkit-animation: none;
            animation: none;
        }

    .dx-swatch-additional .dx-loadindicator-icon {
        position: absolute;
        height: 100%;
        width: 100%;
        -webkit-animation: icon-rotation 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        animation: icon-rotation 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }

    .dx-swatch-additional .dx-loadindicator-segment {
        height: 100%;
        width: 100%;
        position: absolute;
    }

    .dx-swatch-additional .dx-loadindicator-segment-inner {
        position: relative;
        height: 100%;
        border-color: #ed1c24;
        border-width: 0.12em;
        border-style: solid;
        border-bottom-color: transparent;
        -webkit-animation: none;
        animation: none;
        border-radius: 50%;
    }

    .dx-swatch-additional .dx-loadindicator-segment2,
    .dx-swatch-additional .dx-loadindicator-segment0 {
        width: 50%;
        height: 100%;
        overflow: hidden;
    }

        .dx-swatch-additional .dx-loadindicator-segment2 .dx-loadindicator-segment-inner,
        .dx-swatch-additional .dx-loadindicator-segment0 .dx-loadindicator-segment-inner {
            width: 200%;
        }

    .dx-swatch-additional .dx-loadindicator-segment2 {
        left: 0;
    }

        .dx-swatch-additional .dx-loadindicator-segment2 .dx-loadindicator-segment-inner {
            border-right-color: transparent;
            -webkit-transform: rotate(-129deg);
            transform: rotate(-129deg);
            -webkit-animation: left-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: left-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        }

    .dx-swatch-additional .dx-loadindicator-segment0 {
        right: 0;
    }

        .dx-swatch-additional .dx-loadindicator-segment0 .dx-loadindicator-segment-inner {
            left: -100%;
            border-left-color: transparent;
            -webkit-transform: rotate(129deg);
            transform: rotate(129deg);
            -webkit-animation: right-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: right-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        }

    .dx-swatch-additional .dx-loadindicator-segment1 {
        position: absolute;
        top: 0;
        left: 45%;
        width: 10%;
        height: 100%;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .dx-swatch-additional .dx-loadindicator-segment1 .dx-loadindicator-segment-inner {
            width: 1000%;
            left: -450%;
        }

    @-webkit-keyframes content-rotation {
        to {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes content-rotation {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes icon-rotation {
        12.5% {
            -webkit-transform: rotate(135deg);
        }

        25% {
            -webkit-transform: rotate(270deg);
        }

        37.5% {
            -webkit-transform: rotate(405deg);
        }

        50% {
            -webkit-transform: rotate(540deg);
        }

        62.5% {
            -webkit-transform: rotate(675deg);
        }

        75% {
            -webkit-transform: rotate(810deg);
        }

        87.5% {
            -webkit-transform: rotate(945deg);
        }

        to {
            -webkit-transform: rotate(1080deg);
        }
    }

    @keyframes icon-rotation {
        12.5% {
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        25% {
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
        }

        37.5% {
            -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
        }

        50% {
            -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
        }

        62.5% {
            -webkit-transform: rotate(675deg);
            transform: rotate(675deg);
        }

        75% {
            -webkit-transform: rotate(810deg);
            transform: rotate(810deg);
        }

        87.5% {
            -webkit-transform: rotate(945deg);
            transform: rotate(945deg);
        }

        to {
            -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
        }
    }

    @-webkit-keyframes left-segment-rotation {
        from {
            -webkit-transform: rotate(130deg);
        }

        50% {
            -webkit-transform: rotate(-5deg);
        }

        to {
            -webkit-transform: rotate(130deg);
        }
    }

    @keyframes left-segment-rotation {
        from {
            -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
        }

        50% {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }

        to {
            -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
        }
    }

    @-webkit-keyframes right-segment-rotation {
        from {
            -webkit-transform: rotate(-130deg);
        }

        50% {
            -webkit-transform: rotate(5deg);
        }

        to {
            -webkit-transform: rotate(-130deg);
        }
    }

    @keyframes right-segment-rotation {
        from {
            -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
        }

        50% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }

        to {
            -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
        }
    }

    .dx-swatch-additional .dx-loadpanel-content {
        border: 1px solid rgba(0, 0, 0, 0.2);
        background: #363640;
        padding: 13px;
        border-radius: 50%;
        -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    }

    .dx-swatch-additional .dx-loadpanel-message {
        display: none;
    }

    .dx-swatch-additional .dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after {
        right: 2px;
    }

    .dx-swatch-additional .dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after,
    .dx-swatch-additional .dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after {
        left: 2px;
    }

    .dx-swatch-additional .dx-dropdownmenu-popup-wrapper .dx-overlay-content {
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
    }

        .dx-swatch-additional .dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
            padding: 1px;
        }

    .dx-swatch-additional .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
        border-radius: 8px;
    }

    .dx-swatch-additional .dx-dropdownmenu-popup-wrapper .dx-list-item {
        border-top: 0;
    }

    .dx-swatch-additional .dx-dropdownbutton-toggle.dx-button {
        min-width: auto;
    }

    .dx-swatch-additional .dx-rtl .dx-dropdownbutton-toggle.dx-button {
        border-right-width: 0;
    }

    .dx-swatch-additional .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content {
        padding-left: 8px;
        padding-right: 8px;
    }

    .dx-swatch-additional .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-icon {
        margin-right: 8px;
    }

        .dx-swatch-additional .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
            margin-right: -8px;
            margin-left: 0;
        }

    .dx-swatch-additional .dx-selectbox-popup-wrapper .dx-overlay-content {
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
    }

    .dx-swatch-additional .dx-selectbox-popup-wrapper .dx-popup-content {
        padding: 0;
    }

    .dx-swatch-additional .dx-selectbox-popup-wrapper .dx-list {
        background-color: #363640;
    }

    .dx-swatch-additional .dx-tagbox .dx-texteditor-input-container {
        height: 100%;
    }

    .dx-swatch-additional .dx-tagbox .dx-texteditor-input {
        height: 32px;
    }

    .dx-swatch-additional .dx-tagbox.dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-tagbox.dx-editor-outlined .dx-texteditor-input {
        padding: 0;
        margin-top: 8px;
    }

    .dx-swatch-additional .dx-tagbox.dx-editor-filled .dx-tag-container,
    .dx-swatch-additional .dx-tagbox.dx-editor-outlined .dx-tag-container {
        padding: 4px 12px 12px 12px;
        min-height: 56px;
    }

    .dx-swatch-additional .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container {
        margin-top: -8px;
    }

        .dx-swatch-additional .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container:after {
            margin-top: -7px;
        }

    .dx-swatch-additional .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input {
        padding-left: 0;
        margin-top: 8px;
    }

    .dx-swatch-additional .dx-rtl .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-focused:before,
    .dx-swatch-additional .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-active:before {
        border-top: 0;
        border-bottom: 0;
    }

    .dx-swatch-additional .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-hover:after,
    .dx-swatch-additional .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined):after {
        border-bottom: 0;
    }

    .dx-swatch-additional .dx-tagbox-single-line .dx-tag-container {
        padding-right: 0;
    }

    .dx-swatch-additional .dx-tag-content {
        margin: 0;
        padding: 8px 32px 7px 12px;
        min-width: 40px;
        background-color: #525261;
        color: rgba(255, 255, 255, 0.6);
        border-radius: 16px;
    }

    .dx-swatch-additional .dx-tag-remove-button {
        width: 24px;
        height: 100%;
        right: 4px;
        font: 14px/1 DXIcons;
        font-size: 14px;
    }

        .dx-swatch-additional .dx-tag-remove-button:before {
            content: "\f008";
        }

        .dx-swatch-additional .dx-tag-remove-button:before {
            display: block;
            position: absolute;
            top: 51%;
            left: 48%;
            width: 16px;
            height: 16px;
            margin-left: -8px;
            margin-top: -8px;
            line-height: 16px;
            color: #69697d;
            background-color: rgba(0, 0, 0, 0.36);
            border-radius: 50%;
            -webkit-transform: none;
            transform: none;
        }

    .dx-swatch-additional .dx-tag {
        margin: 8px 8px 0 0;
    }

        .dx-swatch-additional .dx-tag:hover .dx-tag-content {
            background-color: #595969;
            color: #fff;
        }

        .dx-swatch-additional .dx-tag.dx-state-focused .dx-tag-content {
            background-color: #838396;
            color: #fff;
        }

    .dx-swatch-additional .dx-tagbox.dx-invalid .dx-texteditor-container:after {
        right: 2px;
    }

    .dx-swatch-additional .dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after,
    .dx-swatch-additional .dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after {
        left: 2px;
    }

    .dx-swatch-additional .dx-tagbox-popup-wrapper .dx-list-select-all {
        border-bottom: 1px solid #515159;
        padding-bottom: 12px;
        margin-bottom: 3px;
    }

        .dx-swatch-additional .dx-tagbox-popup-wrapper .dx-list-select-all:after {
            background-color: transparent;
        }

    .dx-swatch-additional .dx-rtl .dx-tag-content {
        padding-right: 12px;
        padding-left: 32px;
    }

    .dx-swatch-additional .dx-rtl .dx-tag-remove-button {
        left: 4px !important;
    }

    .dx-swatch-additional .dx-radiobutton-icon {
        width: 20px;
        height: 20px;
        position: relative;
    }

        .dx-swatch-additional .dx-radiobutton-icon:after {
            content: "";
            width: 40px;
            height: 40px;
            top: 50%;
            left: 50%;
            margin-top: -20px;
            margin-left: -20px;
            border-radius: 50%;
            display: block;
            position: absolute;
            z-index: 1;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .dx-swatch-additional .dx-radiobutton-icon:before {
            display: block;
            width: 16px;
            height: 16px;
            border: 2px solid rgba(255, 255, 255, 0.54);
            background-color: #363640;
            content: "";
            border-radius: 10px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

    .dx-swatch-additional .dx-radiobutton-icon-checked:before {
        border-color: #ed1c24;
    }

    .dx-swatch-additional .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
        display: block;
        margin-top: -15px;
        margin-left: 5px;
        width: 10px;
        height: 10px;
        background: #ed1c24;
        content: "";
        border-radius: 5px;
    }

    .dx-swatch-additional .dx-radiobutton {
        line-height: 20px;
    }

        .dx-swatch-additional .dx-radiobutton.dx-state-active .dx-radiobutton-icon:after,
        .dx-swatch-additional .dx-radiobutton.dx-state-focused .dx-radiobutton-icon:after {
            background-color: rgba(255, 255, 255, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-swatch-additional .dx-radiobutton.dx-radiobutton-checked.dx-state-active .dx-radiobutton-icon-checked:after,
        .dx-swatch-additional .dx-radiobutton.dx-radiobutton-checked.dx-state-focused .dx-radiobutton-icon-checked:after {
            background-color: rgba(255, 87, 34, 0.1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .dx-swatch-additional .dx-radiobutton.dx-state-disabled {
            opacity: 0.38;
        }

    .dx-swatch-additional.dx-state-readonly .dx-radiobutton-icon-dot,
    .dx-swatch-additional.dx-state-disabled .dx-radiobutton-icon-dot {
        background-color: rgba(255, 255, 255, 0.54);
    }

    .dx-swatch-additional.dx-state-readonly .dx-radiobutton-icon:before,
    .dx-swatch-additional.dx-state-disabled .dx-radiobutton-icon:before {
        border-color: rgba(255, 255, 255, 0.54);
    }

    .dx-swatch-additional .dx-invalid .dx-radiobutton-icon:before {
        border-color: rgba(233, 30, 99, 0.4);
    }

    .dx-swatch-additional .dx-invalid .dx-radiobutton-icon-dot {
        background-color: rgba(233, 30, 99, 0.4);
    }

    .dx-swatch-additional .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon:before,
    .dx-swatch-additional .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before {
        border-color: #ed1c24;
    }

    .dx-swatch-additional .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon-dot,
    .dx-swatch-additional .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon-dot {
        background-color: #ed1c24;
    }

    .dx-swatch-additional .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon:after,
    .dx-swatch-additional .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:after {
        background-color: rgba(233, 30, 99, 0.1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .dx-swatch-additional .dx-state-disabled .dx-radiobutton.dx-state-disabled {
        opacity: 1;
    }

    .dx-swatch-additional .dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot,
    .dx-swatch-additional .dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot {
        margin-right: 5px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-radio-value-container {
        padding-left: 0;
    }

    .dx-swatch-additional .dx-radiogroup .dx-radiobutton {
        margin: 2px 0;
    }

    .dx-swatch-additional .dx-radiogroup-horizontal .dx-radiobutton {
        margin-right: 17px;
    }

    .dx-swatch-additional .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
    .dx-swatch-additional .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
        margin-right: 0;
        margin-left: 17px;
    }

    .dx-swatch-additional .dx-accordion {
        background-color: #363640;
        color: #fff;
        margin: 3px 3px 5px 3px;
    }

    .dx-swatch-additional .dx-accordion-item {
        background-color: #363640;
        -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        -webkit-transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        will-change: margin, height;
        border-top: 1px solid #515159;
    }

        .dx-swatch-additional .dx-accordion-item:first-child {
            border-top: none;
        }

        .dx-swatch-additional .dx-accordion-item.dx-state-active > .dx-accordion-item-title,
        .dx-swatch-additional .dx-accordion-item.dx-state-focused > .dx-accordion-item-title {
            color: #fff;
            background-color: #3f3f4b;
        }

        .dx-swatch-additional .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon,
        .dx-swatch-additional .dx-accordion-item.dx-state-focused:not(.dx-accordion-item-opened) .dx-icon {
            color: #fff;
        }

        .dx-swatch-additional .dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
            background-color: #3f3f4b;
        }

        .dx-swatch-additional .dx-accordion-item.dx-state-hover + .dx-accordion-item-closed {
            border-top-color: #424249;
        }

    .dx-swatch-additional .dx-accordion-item-opened {
        margin: 16px 0;
        border-top: none;
    }

        .dx-swatch-additional .dx-accordion-item-opened:first-child {
            margin-top: 0;
        }

        .dx-swatch-additional .dx-accordion-item-opened > .dx-accordion-item-title {
            height: 64px;
        }

            .dx-swatch-additional .dx-accordion-item-opened > .dx-accordion-item-title .dx-accordion-item-title-caption {
                top: 24px;
            }

            .dx-swatch-additional .dx-accordion-item-opened > .dx-accordion-item-title:before {
                content: "\f014";
                top: 18px;
            }

        .dx-swatch-additional .dx-accordion-item-opened + .dx-accordion-item-closed {
            border-top: none;
        }

    .dx-swatch-additional .dx-accordion-item-title {
        height: 48px;
        position: relative;
        padding: 12px 24px;
        background-color: #363640;
    }

        .dx-swatch-additional .dx-accordion-item-title .dx-accordion-item-title-caption,
        .dx-swatch-additional .dx-accordion-item-title:before {
            position: absolute;
            -webkit-transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1);
            transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1);
            will-change: top;
        }

        .dx-swatch-additional .dx-accordion-item-title .dx-accordion-item-title-caption {
            color: #fff;
            font-size: 15px;
            top: 16px;
            left: 24px;
            right: 72px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .dx-swatch-additional .dx-accordion-item-title:before {
            top: 11px;
            right: 24px;
            font-weight: normal;
            color: rgba(255, 255, 255, 0.38);
            content: "\f016";
            font-family: DXIcons;
            font-size: 24px;
            height: 24px;
            width: 24px;
        }

    .dx-swatch-additional .dx-state-disabled.dx-accordion-item {
        opacity: 0.5;
    }

    .dx-swatch-additional .dx-accordion-item-body {
        padding: 24px;
        font-size: 12px;
    }

    .dx-swatch-additional .dx-rtl .dx-accordion-item-title .dx-accordion-item-title-caption {
        right: 24px;
        left: 72px;
    }

    .dx-swatch-additional .dx-rtl .dx-accordion-item-title:before {
        left: 24px;
        right: auto;
    }

    .dx-swatch-additional .dx-slideoutview-content {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-left: -1px;
        border-style: solid;
        border-width: 0 1px;
    }

    .dx-swatch-additional .dx-slideout-menu .dx-list-item .dx-icon {
        width: 32px;
        height: 32px;
        background-position: 0px 0px;
        background-size: 32px 32px;
        padding: 0px;
        font-size: 32px;
        text-align: center;
        line-height: 32px;
        margin-right: 16px;
        margin-left: 0;
        margin-top: -4px;
        margin-bottom: -4px;
    }

    .dx-swatch-additional .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
        margin-left: 16px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
        margin-left: 16px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
        margin-right: 16px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-slideoutview-menu-content,
    .dx-swatch-additional .dx-slideoutview-content {
        background-color: #363640;
    }

    .dx-swatch-additional .dx-slideoutview-content {
        border-color: rgba(81, 81, 89, 0.5);
    }

    .dx-swatch-additional .dx-slideoutview-content {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-left: -1px;
        border-style: solid;
        border-width: 0 1px;
    }

    .dx-swatch-additional .dx-slideout-menu .dx-list-item .dx-icon {
        width: 32px;
        height: 32px;
        background-position: 0px 0px;
        background-size: 32px 32px;
        padding: 0px;
        font-size: 32px;
        text-align: center;
        line-height: 32px;
        margin-right: 16px;
        margin-left: 0;
        margin-top: -4px;
        margin-bottom: -4px;
    }

    .dx-swatch-additional .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
        margin-left: 16px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
        margin-left: 16px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
        margin-right: 16px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-pager {
        padding: 13px 14px 13px 24px;
    }

        .dx-swatch-additional .dx-pager.dx-light-mode .dx-page-sizes {
            min-width: 42px;
        }

        .dx-swatch-additional .dx-pager.dx-light-mode .dx-page-index {
            min-width: 19px;
        }

        .dx-swatch-additional .dx-pager .dx-pages .dx-page {
            padding: 9px 12px;
            line-height: 12px;
        }

        .dx-swatch-additional .dx-pager .dx-pages .dx-separator {
            padding-left: 8px;
            padding-right: 8px;
        }

        .dx-swatch-additional .dx-pager .dx-pages .dx-navigate-button {
            width: 9px;
            height: 12px;
            padding: 9px 12px;
        }

        .dx-swatch-additional .dx-pager .dx-pages .dx-prev-button {
            font: 14px/1 DXIcons;
        }

            .dx-swatch-additional .dx-pager .dx-pages .dx-prev-button:before {
                content: "\f012";
            }

        .dx-swatch-additional .dx-pager .dx-pages .dx-next-button {
            font: 14px/1 DXIcons;
        }

            .dx-swatch-additional .dx-pager .dx-pages .dx-next-button:before {
                content: "\f010";
            }

        .dx-swatch-additional .dx-pager .dx-pages .dx-prev-button,
        .dx-swatch-additional .dx-pager .dx-pages .dx-next-button {
            font-size: 21px;
            text-align: center;
            line-height: 21px;
        }

            .dx-swatch-additional .dx-pager .dx-pages .dx-prev-button:before,
            .dx-swatch-additional .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-swatch-additional .dx-pager .dx-page,
        .dx-swatch-additional .dx-pager .dx-page-size {
            font-size: 12px;
            border-radius: 20px;
        }

            .dx-swatch-additional .dx-pager .dx-page:hover,
            .dx-swatch-additional .dx-pager .dx-page-size:hover {
                background-color: #3f3f4b;
            }

        .dx-swatch-additional .dx-pager .dx-page-sizes .dx-page-size {
            padding: 9px 12px;
            line-height: 12px;
        }

        .dx-swatch-additional .dx-pager .dx-pages .dx-selection,
        .dx-swatch-additional .dx-pager .dx-page-sizes .dx-selection {
            font-weight: 500;
            background-color: #ed1c24;
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-swatch-additional .dx-pager .dx-page-sizes .dx-page-size:first-child {
            margin-left: 0;
        }

    .dx-swatch-additional .dx-colorview-container {
        width: 450px;
    }

        .dx-swatch-additional .dx-colorview-container label {
            line-height: normal;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 10px;
        }

            .dx-swatch-additional .dx-colorview-container label.dx-colorview-label-hex {
                margin: 20px 0 0 0;
            }

            .dx-swatch-additional .dx-colorview-container label.dx-colorview-alpha-channel-label {
                margin: 0 0 0 43px;
                width: 115px;
            }

            .dx-swatch-additional .dx-colorview-container label .dx-texteditor {
                width: 69px;
                margin: 0 0 0 10px;
            }

    .dx-swatch-additional .dx-colorview-hue-scale-cell {
        margin-left: 19px;
    }

    .dx-swatch-additional .dx-colorview-palette {
        width: 288px;
        height: 299px;
    }

    .dx-swatch-additional .dx-colorview-alpha-channel-scale {
        width: 288px;
    }

    .dx-swatch-additional .dx-colorview-container-row.dx-colorview-alpha-channel-row {
        margin-top: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .dx-swatch-additional .dx-colorview-hue-scale {
        width: 18px;
        height: 299px;
    }

    .dx-swatch-additional .dx-colorview-alpha-channel-cell {
        width: 292px;
    }

    .dx-swatch-additional .dx-colorview-hue-scale-wrapper {
        height: 301px;
    }

    .dx-swatch-additional .dx-colorview-color-preview {
        width: 100%;
        height: 40px;
    }

    .dx-swatch-additional .dx-colorview-controls-container {
        width: 90px;
        margin-left: 27px;
    }

    .dx-swatch-additional .dx-colorview-container label {
        color: #fff;
    }

    .dx-swatch-additional .dx-colorview-palette-cell,
    .dx-swatch-additional .dx-colorview-alpha-channel-border,
    .dx-swatch-additional .dx-colorview-hue-scale-wrapper,
    .dx-swatch-additional .dx-colorview-color-preview-container {
        padding: 1px;
        margin: 1px;
        margin-top: 0;
        background-color: #363640;
        -webkit-box-shadow: 0 0 0 1px #515159;
        box-shadow: 0 0 0 1px #515159;
    }

    .dx-swatch-additional .dx-colorview-color-preview-container {
        margin-bottom: 34px;
    }

    .dx-swatch-additional .dx-rtl .dx-colorview-controls-container {
        margin-left: 0;
        margin-right: 27px;
    }

    .dx-swatch-additional .dx-rtl .dx-colorview-hue-scale-cell {
        margin-left: 0;
        margin-right: 19px;
    }

    .dx-swatch-additional .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
        margin-left: 0;
        margin-right: 43px;
    }

    .dx-swatch-additional .dx-colorbox .dx-colorbox-input-container .dx-colorbox-input {
        padding-left: 40px;
    }

    .dx-swatch-additional .dx-colorbox .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-swatch-additional .dx-colorbox .dx-colorbox-input-container:after {
        left: 14px;
    }

    .dx-swatch-additional .dx-colorbox .dx-placeholder {
        left: 32px;
    }

    .dx-swatch-additional .dx-colorbox-color-result-preview {
        border-color: #515159;
        left: 13px;
    }

    .dx-swatch-additional .dx-colorbox-overlay {
        padding: 0;
    }

        .dx-swatch-additional .dx-colorbox-overlay.dx-overlay-content {
            background-color: #363640;
        }

        .dx-swatch-additional .dx-colorbox-overlay .dx-popup-content {
            padding: 20px;
        }

    .dx-swatch-additional .dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input,
    .dx-swatch-additional .dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input {
        padding-right: 40px;
    }

    .dx-swatch-additional .dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child {
        padding-left: 10px;
        padding-right: 0;
    }

    .dx-swatch-additional .dx-datagrid .dx-menu,
    .dx-swatch-additional .dx-datagrid-container .dx-menu {
        background-color: transparent;
        height: 100%;
    }

        .dx-swatch-additional .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content,
        .dx-swatch-additional .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content {
            padding: 11px 4px;
        }

            .dx-swatch-additional .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
            .dx-swatch-additional .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
                width: 22px;
                height: 22px;
                background-position: 0px 0px;
                background-size: 22px 22px;
                padding: 0px;
                font-size: 22px;
                text-align: center;
                line-height: 22px;
                margin: 0px 3px;
            }

    .dx-swatch-additional .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon,
    .dx-swatch-additional .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .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-swatch-additional .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
        .dx-swatch-additional .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
            margin-top: 2px;
        }

    .dx-swatch-additional .dx-datagrid .dx-editor-with-menu,
    .dx-swatch-additional .dx-datagrid-container .dx-editor-with-menu {
        height: 48px;
    }

        .dx-swatch-additional .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon,
        .dx-swatch-additional .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .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-swatch-additional .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
            .dx-swatch-additional .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
                margin-top: 2px;
            }

    .dx-swatch-additional .dx-datagrid .dx-menu-item-has-icon .dx-icon,
    .dx-swatch-additional .dx-datagrid-container .dx-menu-item-has-icon .dx-icon {
        color: rgba(255, 255, 255, 0.54);
    }

    .dx-swatch-additional .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
    .dx-swatch-additional .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
        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-swatch-additional .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
        .dx-swatch-additional .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
            content: "\f053";
        }

    .dx-swatch-additional .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
    .dx-swatch-additional .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
        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-swatch-additional .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
        .dx-swatch-additional .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
            content: "\f054";
        }

    .dx-swatch-additional .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
    .dx-swatch-additional .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
        width: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

    .dx-swatch-additional .dx-datagrid .dx-sort-up,
    .dx-swatch-additional .dx-datagrid-container .dx-sort-up,
    .dx-swatch-additional .dx-datagrid .dx-sort-down,
    .dx-swatch-additional .dx-datagrid-container .dx-sort-down,
    .dx-swatch-additional .dx-datagrid .dx-header-filter,
    .dx-swatch-additional .dx-datagrid-container .dx-header-filter {
        width: 15px;
        height: 15px;
        background-position: 0px 0px;
        background-size: 15px 15px;
        padding: 0px;
        font-size: 15px;
        text-align: center;
        line-height: 15px;
    }

        .dx-swatch-additional .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
        .dx-swatch-additional .dx-datagrid-container .dx-header-filter:not(.dx-header-filter-empty) {
            color: #ed1c24;
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-equals,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-equals {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-equals:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-equals:before {
            content: "\f044";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-default,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-default {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-default:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-default:before {
            content: "\f027";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-not-equals,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-not-equals {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-not-equals:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-not-equals:before {
            content: "\f045";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-less,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-less {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-less:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-less:before {
            content: "\f046";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-less-equal,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-less-equal {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-less-equal:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-less-equal:before {
            content: "\f048";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-greater,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-greater {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-greater:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-greater:before {
            content: "\f047";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-greater-equal,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-greater-equal {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-greater-equal:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-greater-equal:before {
            content: "\f049";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-contains,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-contains {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-contains:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-contains:before {
            content: "\f063";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-not-contains,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-not-contains {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-not-contains:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-not-contains:before {
            content: "\f066";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-starts-with,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-starts-with {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-starts-with:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-starts-with:before {
            content: "\f064";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-ends-with,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-ends-with {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-ends-with:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-ends-with:before {
            content: "\f065";
        }

    .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-between,
    .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-between {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-datagrid .dx-icon-filter-operation-between:before,
        .dx-swatch-additional .dx-datagrid-container .dx-icon-filter-operation-between:before {
            content: "\f06a";
        }

    .dx-swatch-additional .dx-datagrid .dx-column-indicators,
    .dx-swatch-additional .dx-datagrid-container .dx-column-indicators {
        height: 16px;
    }

        .dx-swatch-additional .dx-datagrid .dx-column-indicators > div,
        .dx-swatch-additional .dx-datagrid-container .dx-column-indicators > div {
            width: 15px;
            height: 15px;
            background-position: 0px 0px;
            background-size: 15px 15px;
            padding: 0px;
            font-size: 15px;
            text-align: center;
            line-height: 15px;
        }

    .dx-swatch-additional .dx-datagrid .dx-placeholder:before,
    .dx-swatch-additional .dx-datagrid-container .dx-placeholder:before {
        font-size: 14px;
    }

    .dx-swatch-additional .dx-datagrid {
        line-height: inherit;
    }

        .dx-swatch-additional .dx-datagrid .dx-row-alt > td {
            background-color: #3f3f4b;
        }

        .dx-swatch-additional .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
            border-bottom-color: transparent;
        }

        .dx-swatch-additional .dx-datagrid .dx-link {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-datagrid .dx-row-lines > td {
            border-bottom: 1px solid #515159;
        }

        .dx-swatch-additional .dx-datagrid .dx-column-lines > td {
            border-left: 1px solid #515159;
            border-right: 1px solid #515159;
        }

        .dx-swatch-additional .dx-datagrid .dx-error-row .dx-closebutton {
            float: right;
            margin: 16px;
            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-swatch-additional .dx-datagrid .dx-error-row .dx-closebutton:before {
                content: "\f00a";
            }

        .dx-swatch-additional .dx-datagrid .dx-error-row .dx-error-message {
            padding: 14px;
            padding-right: 35px;
        }

        .dx-swatch-additional .dx-datagrid .dx-row > td {
            padding-top: 14px;
            padding-bottom: 14px;
            font-size: 14px;
            line-height: 20px;
        }

            .dx-swatch-additional .dx-datagrid .dx-row > td.dx-command-adaptive {
                padding-top: 12px;
                padding-bottom: 12px;
            }

        .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td,
        .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content),
        .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content) {
            padding-right: 14px;
            padding-left: 14px;
            vertical-align: middle;
        }

            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type {
                padding-left: 18px;
            }

            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type {
                padding-right: 18px;
            }

            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select {
                overflow: visible;
                width: 40px;
                min-width: 40px;
                padding-left: 18px;
                padding-right: 4px;
                line-height: 1;
            }

            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit {
                width: 115px;
                min-width: 115px;
            }

                .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons,
                .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons,
                .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons {
                    width: 93px;
                    min-width: 93px;
                }

                    .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link,
                    .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link,
                    .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit.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 2px;
                        vertical-align: middle;
                    }

            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-expand,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-expand,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-expand,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td .dx-datagrid-group-space,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content) .dx-datagrid-group-space,
            .dx-swatch-additional .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content) .dx-datagrid-group-space {
                width: 24px;
                min-width: 24px;
                padding: 0 4px 0 8px;
                line-height: 0;
            }

        .dx-swatch-additional .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
            background-position-y: 49px;
        }

    .dx-swatch-additional .dx-datagrid-edit-popup .dx-error-message {
        padding: 14px 14px;
    }

    .dx-swatch-additional .dx-datagrid-headers .dx-texteditor-input,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-texteditor-input {
        min-height: 16px;
    }

    .dx-swatch-additional .dx-datagrid-headers .dx-lookup,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-lookup {
        height: auto;
    }

    .dx-swatch-additional .dx-datagrid-headers .dx-lookup-field,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-lookup-field {
        padding-left: 14px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .dx-swatch-additional .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-swatch-additional .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-swatch-additional .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input {
        padding-right: 0;
    }

    .dx-swatch-additional .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
        padding-left: 22px;
    }

    .dx-swatch-additional .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
    .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before,
    .dx-swatch-additional .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
    .dx-swatch-additional .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
        padding-right: 22px;
    }

    .dx-swatch-additional .dx-editor-cell {
        padding-top: 0;
        padding-bottom: 0;
    }

        .dx-swatch-additional .dx-editor-cell .dx-numberbox-spin-button {
            background-color: transparent;
        }

        .dx-swatch-additional .dx-editor-cell .dx-icon-clear {
            left: 0px;
        }

        .dx-swatch-additional .dx-editor-cell .dx-texteditor,
        .dx-swatch-additional .dx-editor-cell .dx-texteditor.dx-state-hover,
        .dx-swatch-additional .dx-editor-cell .dx-texteditor.dx-state-focused,
        .dx-swatch-additional .dx-editor-cell .dx-texteditor.dx-state-active {
            background: rgba(54, 54, 64, 0);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-editor-cell .dx-texteditor .dx-texteditor-input {
                background: rgba(54, 54, 64, 0);
                font-size: 14px;
                height: 48px;
                line-height: 48px;
                padding-right: 0;
                padding-left: 0;
                padding-top: 0;
                padding-bottom: 0;
            }

            .dx-swatch-additional .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
                right: 0;
            }

            .dx-swatch-additional .dx-editor-cell .dx-texteditor:after,
            .dx-swatch-additional .dx-editor-cell .dx-texteditor:before {
                content: none;
            }

            .dx-swatch-additional .dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container,
            .dx-swatch-additional .dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
                left: 0;
            }

        .dx-swatch-additional .dx-editor-cell .dx-dropdowneditor {
            background-color: rgba(54, 54, 64, 0);
        }

        .dx-swatch-additional .dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
            border-radius: 0;
        }

        .dx-swatch-additional .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
            padding-top: 14px;
            padding-bottom: 14px;
        }

    .dx-swatch-additional .dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message,
    .dx-swatch-additional .dx-datagrid-column-chooser-list .dx-empty-message {
        color: #ffffff;
        padding: 0 24px;
    }

    .dx-swatch-additional .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
        padding: 16px 24px 9px;
    }

        .dx-swatch-additional .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
            margin-bottom: 10px;
        }

        .dx-swatch-additional .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
            padding-left: 20px;
        }

    .dx-swatch-additional .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
        padding: 16px 24px 9px;
    }

    .dx-swatch-additional .dx-datagrid-column-chooser .dx-overlay-content {
        background-color: #363640;
    }

        .dx-swatch-additional .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
            background-color: transparent;
            border-bottom: 1px solid #515159;
        }

            .dx-swatch-additional .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
                font-size: 20px;
            }

        .dx-swatch-additional .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
            margin: 2px 2px 8px 2px;
            background-color: #3d3d48;
            color: rgba(255, 255, 255, 0.6);
            font-weight: 500;
            font-size: 12px;
            padding: 14px;
            line-height: 16px;
            -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
        }

    .dx-swatch-additional .dx-datagrid-drag-header {
        -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
        color: rgba(255, 255, 255, 0.6);
        font-weight: 500;
        padding: 20px;
        background-color: #363640;
        line-height: 16px;
        font-size: 12px;
    }

    .dx-swatch-additional .dx-datagrid-columns-separator {
        background-color: rgba(255, 87, 34, 0.5);
    }

    .dx-swatch-additional .dx-datagrid-columns-separator-transparent {
        background-color: transparent;
    }

    .dx-swatch-additional .dx-datagrid-drop-highlight > td {
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-swatch-additional .dx-datagrid-drop-highlight > td .dx-header-filter {
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-swatch-additional .dx-datagrid-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
            background-color: rgba(0, 0, 0, 0.87);
            color: #ed1c24;
        }

    .dx-swatch-additional .dx-datagrid-focus-overlay:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: #ed1c24;
        left: 0;
        right: 1px;
    }

    .dx-swatch-additional .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) {
        background-color: #42424e;
    }

        .dx-swatch-additional .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 {
            color: #fff;
        }

        .dx-swatch-additional .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: #42424e;
            color: #fff;
        }

        .dx-swatch-additional .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-swatch-additional .dx-datagrid-headers {
        color: rgba(255, 255, 255, 0.6);
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom;
        border-bottom: 1px solid #515159;
    }

        .dx-swatch-additional .dx-datagrid-headers .dx-datagrid-content {
            margin-bottom: -1px;
        }

    .dx-swatch-additional .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
        border-bottom-width: 1px;
    }

    .dx-swatch-additional .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        border-bottom: 1px solid #515159;
        padding-top: 20px;
        padding-bottom: 20px;
        line-height: 16px;
        font-weight: 500;
        font-size: 12px;
    }

        .dx-swatch-additional .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator,
        .dx-swatch-additional .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort {
            color: #fff;
        }

        .dx-swatch-additional .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
            color: #fff;
        }

        .dx-swatch-additional .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort {
            color: rgba(255, 255, 255, 0.38);
        }

        .dx-swatch-additional .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) {
            background-color: #42424e;
        }

    .dx-swatch-additional .dx-datagrid-headers.dx-header-multi-row .dx-row.dx-header-row .dx-command-select {
        padding-bottom: 19px;
    }

    .dx-swatch-additional .dx-datagrid-headers.dx-header-multi-row .dx-row.dx-header-row > td {
        padding-top: 12px;
        padding-bottom: 12px;
        vertical-align: bottom;
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-datagrid-filter-row {
        background-color: #31313a;
    }

        .dx-swatch-additional .dx-datagrid-filter-row .dx-menu {
            left: -12px;
        }

            .dx-swatch-additional .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
                height: 100%;
                top: 2px;
                position: absolute;
            }

                .dx-swatch-additional .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper {
                    height: 100%;
                }

            .dx-swatch-additional .dx-datagrid-filter-row .dx-menu .dx-overlay-content {
                color: #ffffff;
            }

        .dx-swatch-additional .dx-datagrid-filter-row .dx-filter-modified {
            background-color: rgba(139, 195, 74, 0.32);
        }

        .dx-swatch-additional .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
            padding: 14px 0 14px 32px;
        }

    .dx-swatch-additional .dx-datagrid .dx-datagrid-table .dx-datagrid-filter-row > td {
        padding-top: 0;
        padding-bottom: 0;
    }

    .dx-swatch-additional .dx-datagrid-filter-range-overlay .dx-overlay-content {
        overflow: inherit;
        background-color: #31313a;
        -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
    }

        .dx-swatch-additional .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after,
        .dx-swatch-additional .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover:after {
            top: auto;
            bottom: 0;
        }

        .dx-swatch-additional .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
            font-size: 14px;
            height: 49px;
            padding-right: 12px;
            padding-left: 12px;
        }

        .dx-swatch-additional .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder:before {
            padding-left: 12px;
        }

        .dx-swatch-additional .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper {
            display: none;
        }

    .dx-swatch-additional .dx-highlight-outline {
        padding: 14px 0 14px 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dx-swatch-additional .dx-datagrid-header-panel {
        border-bottom: 1px solid #515159;
        padding: 0 14px 0 24px;
        background-color: #363640;
    }

        .dx-swatch-additional .dx-datagrid-header-panel .dx-apply-button {
            background-color: transparent;
            color: rgba(0, 0, 0, 0.87);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-datagrid-header-panel .dx-apply-button .dx-icon {
                color: rgba(0, 0, 0, 0.87);
            }

            .dx-swatch-additional .dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
                background-color: rgba(0, 0, 0, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
                background-color: rgba(0, 0, 0, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-datagrid-header-panel .dx-apply-button.dx-state-active {
                background-color: rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-datagrid-header-panel .dx-apply-button .dx-inkripple-wave {
                background-color: rgba(0, 0, 0, 0.2);
            }

        .dx-swatch-additional .dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
            border-radius: 50%;
        }

        .dx-swatch-additional .dx-datagrid-header-panel .dx-datagrid-toolbar-button .dx-icon {
            color: #fff;
        }

    .dx-swatch-additional .dx-icon-column-chooser {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-column-chooser:before {
            content: "\f04d";
        }

    .dx-swatch-additional .dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
            content: "\f00b";
        }

    .dx-swatch-additional .dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before {
            content: "\f04c";
        }

    .dx-swatch-additional .dx-datagrid-save-button .dx-icon-edit-button-save {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-datagrid-save-button .dx-icon-edit-button-save:before {
            content: "\f041";
        }

    .dx-swatch-additional .dx-apply-button .dx-icon-apply-filter {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-apply-button .dx-icon-apply-filter:before {
            content: "\f050";
        }

    .dx-swatch-additional .dx-datagrid-export-button .dx-icon-export-to {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-datagrid-export-button .dx-icon-export-to:before {
            content: "\f05f";
        }

    .dx-swatch-additional .dx-datagrid-export-button .dx-icon-export-excel-button {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-datagrid-export-button .dx-icon-export-excel-button:before {
            content: "\f060";
        }

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

    .dx-swatch-additional .dx-datagrid-adaptive-more {
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        color: rgba(255, 255, 255, 0.54);
    }

    .dx-swatch-additional .dx-row.dx-row-focused .dx-datagrid-adaptive-more {
        color: inherit;
    }

    .dx-swatch-additional .dx-datagrid-rowsview {
        border-top: 1px solid #515159;
    }

    .dx-datagrid-headers + .dx-swatch-additional .dx-datagrid-rowsview {
        border-top: none;
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-row {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

        .dx-swatch-additional .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
            border-top-width: 0px;
            border-bottom: 1px solid #515159;
        }

        .dx-swatch-additional .dx-datagrid-rowsview .dx-row.dx-edit-row > td {
            border-top: 1px solid #515159;
            border-bottom: 1px solid #515159;
        }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
        border-top: 1px solid #515159;
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
        background-color: #31313a;
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified {
        background-color: rgba(139, 195, 74, 0.32);
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-datagrid-invalid,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid {
        background-color: rgba(233, 30, 99, 0.32);
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content {
        padding: 9px 17px 9px;
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-row-removed > td {
        background-color: rgba(139, 195, 74, 0.32);
        border-top: 1px solid rgba(139, 195, 74, 0.32);
        border-bottom: 1px solid rgba(139, 195, 74, 0.32);
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-label {
        padding-top: 0;
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content {
        line-height: 40px;
        min-height: 40px;
        font-size: 14px;
    }

        .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused {
            padding: 0;
        }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor:after,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor:before {
        content: none;
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-item-modified {
        background-color: rgba(139, 195, 74, 0.32);
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused:focus {
        outline: none;
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),
    .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),
    .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link {
        background-color: #e6e6e6;
        color: #000;
        font-weight: 500;
    }

        .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-datagrid-group-opened,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-datagrid-group-opened,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-datagrid-group-opened,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-datagrid-group-closed,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-datagrid-group-closed,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-datagrid-group-closed {
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-group-row {
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed {
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row > td,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
        background-color: rgba(255, 87, 34, 0.07);
        color: #fff;
    }

        .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-datagrid-group-space,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-datagrid-group-space {
            border-right-color: rgba(255, 87, 34, 0.07);
        }

        .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
            border-left-color: #515159;
            border-right-color: #515159;
        }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > td,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > td {
        border-bottom: 1px solid rgba(255, 87, 34, 0.07);
        border-top: 1px solid rgba(255, 87, 34, 0.07);
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td,
    .dx-swatch-additional .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td {
        border-bottom-color: #515159;
    }

    .dx-swatch-additional .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-right: 0;
    }

    .dx-swatch-additional .dx-datagrid-search-text {
        color: rgba(0, 0, 0, 0.87);
        background-color: #ed1c24;
    }

    .dx-swatch-additional .dx-datagrid-nodata {
        color: #ffffff;
        font-size: 17px;
    }

    .dx-swatch-additional .dx-datagrid-bottom-load-panel {
        border-top: 1px solid #515159;
    }

    .dx-swatch-additional .dx-datagrid-pager.dx-widget {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.6);
    }

    .dx-swatch-additional .dx-datagrid-summary-item {
        color: rgba(255, 255, 255, 0.7);
    }

    .dx-swatch-additional .dx-datagrid-total-footer {
        border-bottom: 1px solid #515159;
        border-top: 1px solid #515159;
    }

        .dx-swatch-additional .dx-datagrid-total-footer > .dx-datagrid-content {
            padding: 0;
        }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-overlay-content {
        background-color: transparent;
        min-width: inherit;
    }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button {
        border-radius: 4px;
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        margin: 0 0 0 1px;
        height: 48px;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: inherit;
    }

        .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button .dx-button-content {
            padding: 2px;
        }

        .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button .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: 0;
            margin-left: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
        color: rgba(0, 0, 0, 0.87);
    }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
    }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
    }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled {
        background: rgba(255, 255, 255, 0.1);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon {
            opacity: 0.6;
        }

        .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text {
            color: rgba(255, 255, 255, 0.35);
        }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button .dx-inkripple-wave {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
        border-radius: 2px;
    }

    .dx-swatch-additional .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-swatch-additional .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: #42424e;
        border-right-color: transparent;
    }

    .dx-swatch-additional .dx-rtl .dx-datagrid .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon,
    .dx-swatch-additional .dx-rtl .dx-datagrid-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
        margin: 0px 3px;
    }

    .dx-swatch-additional .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
    .dx-swatch-additional .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
    .dx-swatch-additional .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
    .dx-swatch-additional .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
    .dx-swatch-additional .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type,
    .dx-swatch-additional .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type {
        padding-left: 14px;
        padding-right: 18px;
    }

    .dx-swatch-additional .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
    .dx-swatch-additional .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
    .dx-swatch-additional .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
    .dx-swatch-additional .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
    .dx-swatch-additional .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type,
    .dx-swatch-additional .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type {
        padding-right: 14px;
        padding-left: 18px;
    }

    .dx-swatch-additional .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select,
    .dx-swatch-additional .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select,
    .dx-swatch-additional .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
    .dx-swatch-additional .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
    .dx-swatch-additional .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select,
    .dx-swatch-additional .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select {
        padding-right: 18px;
        padding-left: 4px;
    }

    .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td,
    .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
    .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
    .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
        border-right-color: #515159;
    }

        .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
        .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space,
        .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space,
        .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space {
            border-left-color: rgba(255, 87, 34, 0.07);
        }

        .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
            border-left-color: #515159;
        }

    .dx-swatch-additional .dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-left: 0;
    }

    .dx-swatch-additional .dx-header-filter-menu .dx-popup-content {
        padding: 12px 8px 0 8px;
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-datagrid-form-buttons-container .dx-button {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-datagrid-form-buttons-container .dx-button .dx-icon {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-datagrid-form-buttons-container .dx-button.dx-state-hover {
            background-color: rgba(255, 87, 34, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-datagrid-form-buttons-container .dx-button.dx-state-focused {
            background-color: rgba(255, 87, 34, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-datagrid-form-buttons-container .dx-button.dx-state-active {
            background-color: rgba(255, 87, 34, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-datagrid-form-buttons-container .dx-button .dx-inkripple-wave {
            background-color: rgba(255, 87, 34, 0.2);
        }

    .dx-swatch-additional .dx-command-adaptive {
        width: 56px;
        min-width: 56px;
    }

    .dx-swatch-additional .dx-datagrid-filter-panel {
        padding: 15px 18px 15px 18px;
    }

        .dx-swatch-additional .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
        .dx-swatch-additional .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
            color: #ed1c24;
            font-size: 14px;
            line-height: 18px;
        }

        .dx-swatch-additional .dx-datagrid-filter-panel .dx-icon-filter {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-datagrid-filter-panel + .dx-pager {
            border-top: 1px solid #515159;
        }

    .dx-swatch-additional .dx-datagrid-group-panel {
        font-size: 14px;
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom;
    }

        .dx-swatch-additional .dx-datagrid-group-panel .dx-group-panel-message {
            color: rgba(255, 255, 255, 0.6);
            font-weight: 500;
            padding: 7px 0;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
        }

        .dx-swatch-additional .dx-datagrid-group-panel .dx-group-panel-item {
            margin-right: 10px;
            color: rgba(255, 255, 255, 0.6);
            font-weight: 500;
            font-size: 12px;
            line-height: 16px;
            background: #525261;
            border-radius: 16px;
            padding: 8px 10px;
        }

        .dx-swatch-additional .dx-datagrid-group-panel .dx-block-separator {
            margin-right: 10px;
            color: rgba(255, 255, 255, 0.6);
            font-weight: 500;
            padding: 7px;
            background-color: #525261;
        }

        .dx-swatch-additional .dx-datagrid-group-panel .dx-sort {
            color: rgba(255, 255, 255, 0.54);
        }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
        border-top: none;
    }

    .dx-swatch-additional .dx-datagrid-rowsview .dx-row.dx-group-row {
        font-size: 12px;
        font-weight: bold;
    }

        .dx-swatch-additional .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
            color: rgba(255, 255, 255, 0.54);
            background-color: #363640;
        }

        .dx-swatch-additional .dx-datagrid-rowsview .dx-row.dx-group-row td {
            border-top-color: #515159;
            border-bottom-color: #515159;
        }

    .dx-swatch-additional .dx-datagrid-group-opened {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        color: rgba(255, 255, 255, 0.54);
    }

        .dx-swatch-additional .dx-datagrid-group-opened:before {
            content: "\f016";
        }

    .dx-swatch-additional .dx-datagrid-group-closed {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        color: rgba(255, 255, 255, 0.54);
    }

        .dx-swatch-additional .dx-datagrid-group-closed:before {
            content: "\f010";
        }

    .dx-swatch-additional .dx-row.dx-datagrid-group-footer.dx-column-lines {
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-row.dx-datagrid-group-footer > td {
        background-color: #363640;
        border-top: 1px solid #515159;
        border-left-width: 0;
        border-right-width: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item,
    .dx-swatch-additional .dx-rtl .dx-datagrid-group-panel .dx-block-separator {
        margin-left: 10px;
    }

    .dx-swatch-additional .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
        background-color: rgba(82, 82, 97, 0.9);
        border: none;
        -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
    }

    .dx-swatch-additional .dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
        color: rgba(255, 255, 255, 0.54);
        background-color: #525261;
        border-radius: 16px;
        border: none;
        font-size: 12px;
        font-weight: 500;
    }

        .dx-swatch-additional .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter {
            color: #ed1c24;
        }

            .dx-swatch-additional .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter.dx-header-filter-empty {
                color: rgba(255, 255, 255, 0.54);
            }

    .dx-swatch-additional .dx-pivotgrid {
        background-color: #363640;
    }

        .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-area-data {
            font-size: 13px;
        }

        .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers,
        .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers {
            font-size: 12px;
        }

            .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers td,
            .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers td {
                font-weight: 500;
            }

            .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-grandtotal,
            .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-grandtotal,
            .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-total,
            .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-total {
                color: #fff;
            }

        .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-area td {
            padding: 10px 14px;
        }

        .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar {
            padding-left: 8px;
        }

            .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
                background-color: transparent;
                color: #fff;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-icon {
                    color: #fff;
                }

                .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-hover {
                    background-color: rgba(255, 255, 255, 0.08);
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-focused {
                    background-color: rgba(255, 255, 255, 0.15);
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-active {
                    background-color: rgba(255, 255, 255, 0.2);
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled {
                    background: transparent;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                    .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon {
                        opacity: 0.6;
                    }

                    .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text {
                        color: rgba(255, 255, 255, 0.35);
                    }

                .dx-swatch-additional .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave {
                    background-color: rgba(255, 255, 255, 0.2);
                }

        .dx-swatch-additional .dx-pivotgrid .dx-grandtotal.dx-last-cell {
            padding-left: 22px;
        }

        .dx-swatch-additional .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
        .dx-swatch-additional .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
            margin-top: 7px;
            background-color: transparent;
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-icon,
            .dx-swatch-additional .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-icon {
                color: #fff;
            }

            .dx-swatch-additional .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover,
            .dx-swatch-additional .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover {
                background-color: rgba(255, 255, 255, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused,
            .dx-swatch-additional .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused {
                background-color: rgba(255, 255, 255, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-active,
            .dx-swatch-additional .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-active {
                background-color: rgba(255, 255, 255, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled,
            .dx-swatch-additional .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon,
                .dx-swatch-additional .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text,
                .dx-swatch-additional .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave,
            .dx-swatch-additional .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave {
                background-color: rgba(255, 255, 255, 0.2);
            }

        .dx-swatch-additional .dx-pivotgrid .dx-expand-icon-container {
            margin: 0 10px 0 5px;
            font: 14px/1 DXIcons;
            font-size: 12px;
        }

            .dx-swatch-additional .dx-pivotgrid .dx-expand-icon-container:before {
                content: "\f010";
            }

            .dx-swatch-additional .dx-pivotgrid .dx-expand-icon-container:before {
                visibility: hidden;
            }

        .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
            font: 14px/1 DXIcons;
            font-size: 20px;
            text-align: center;
            line-height: 20px;
            color: rgba(255, 255, 255, 0.54);
        }

            .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
                content: "\f010";
            }

            .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
                position: absolute;
                display: block;
                width: 20px;
                top: 50%;
                margin-top: -10px;
                left: 50%;
                margin-left: -10px;
            }

        .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
            font: 14px/1 DXIcons;
            font-size: 20px;
            text-align: center;
            line-height: 20px;
            color: rgba(255, 255, 255, 0.54);
        }

            .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
                content: "\f016";
            }

            .dx-swatch-additional .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
                position: absolute;
                display: block;
                width: 20px;
                top: 50%;
                margin-top: -10px;
                left: 50%;
                margin-left: -10px;
            }

        .dx-swatch-additional .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
            width: 19px;
            min-width: 19px;
        }

    .dx-swatch-additional .dx-pivotgridfieldchooser {
        background-color: #363640;
    }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter {
            background: none;
            font: 14px/1 DXIcons;
            width: 14px;
            height: 14px;
        }

            .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter:before {
                content: "\f050";
            }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area .dx-area-caption {
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.54);
        }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-area .dx-area-fields {
            margin-top: 8px;
        }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
            padding-right: 8px;
        }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf {
            padding-left: 0;
        }

            .dx-swatch-additional .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox {
                left: 8px;
            }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf {
            padding-left: 24px;
        }

            .dx-swatch-additional .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox {
                left: 35px;
            }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-treeview-item {
            min-height: 36px;
            padding: 9px 8px;
            line-height: normal;
        }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-checkbox {
            top: 9px;
        }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-treeview-item {
            padding-left: 40px;
        }

        .dx-swatch-additional .dx-pivotgridfieldchooser .dx-treeview-toggle-item-visibility {
            height: 36px;
        }

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

    .dx-swatch-additional .dx-treelist .dx-menu,
    .dx-swatch-additional .dx-treelist-container .dx-menu {
        background-color: transparent;
        height: 100%;
    }

        .dx-swatch-additional .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content,
        .dx-swatch-additional .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content {
            padding: 11px 4px;
        }

            .dx-swatch-additional .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
            .dx-swatch-additional .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
                width: 22px;
                height: 22px;
                background-position: 0px 0px;
                background-size: 22px 22px;
                padding: 0px;
                font-size: 22px;
                text-align: center;
                line-height: 22px;
                margin: 0px 3px;
            }

    .dx-swatch-additional .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon,
    .dx-swatch-additional .dx-treelist-container.dx-filter-menu .dx-menu-item-content .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-swatch-additional .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
        .dx-swatch-additional .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
            margin-top: 2px;
        }

    .dx-swatch-additional .dx-treelist .dx-editor-with-menu,
    .dx-swatch-additional .dx-treelist-container .dx-editor-with-menu {
        height: 48px;
    }

        .dx-swatch-additional .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon,
        .dx-swatch-additional .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .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-swatch-additional .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
            .dx-swatch-additional .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
                margin-top: 2px;
            }

    .dx-swatch-additional .dx-treelist .dx-menu-item-has-icon .dx-icon,
    .dx-swatch-additional .dx-treelist-container .dx-menu-item-has-icon .dx-icon {
        color: rgba(255, 255, 255, 0.54);
    }

    .dx-swatch-additional .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
    .dx-swatch-additional .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
        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-swatch-additional .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
        .dx-swatch-additional .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
            content: "\f053";
        }

    .dx-swatch-additional .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
    .dx-swatch-additional .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
        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-swatch-additional .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
        .dx-swatch-additional .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
            content: "\f054";
        }

    .dx-swatch-additional .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
    .dx-swatch-additional .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
        width: 18px;
        height: 18px;
        background-position: 0px 0px;
        background-size: 18px 18px;
        padding: 0px;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

    .dx-swatch-additional .dx-treelist .dx-sort-up,
    .dx-swatch-additional .dx-treelist-container .dx-sort-up,
    .dx-swatch-additional .dx-treelist .dx-sort-down,
    .dx-swatch-additional .dx-treelist-container .dx-sort-down,
    .dx-swatch-additional .dx-treelist .dx-header-filter,
    .dx-swatch-additional .dx-treelist-container .dx-header-filter {
        width: 15px;
        height: 15px;
        background-position: 0px 0px;
        background-size: 15px 15px;
        padding: 0px;
        font-size: 15px;
        text-align: center;
        line-height: 15px;
    }

        .dx-swatch-additional .dx-treelist .dx-header-filter:not(.dx-header-filter-empty),
        .dx-swatch-additional .dx-treelist-container .dx-header-filter:not(.dx-header-filter-empty) {
            color: #ed1c24;
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-equals,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-equals {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-equals:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-equals:before {
            content: "\f044";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-default,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-default {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-default:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-default:before {
            content: "\f027";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-not-equals,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-not-equals {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-not-equals:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-not-equals:before {
            content: "\f045";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-less,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-less {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-less:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-less:before {
            content: "\f046";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-less-equal,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-less-equal {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-less-equal:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-less-equal:before {
            content: "\f048";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-greater,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-greater {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-greater:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-greater:before {
            content: "\f047";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-greater-equal,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-greater-equal {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-greater-equal:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-greater-equal:before {
            content: "\f049";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-contains,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-contains {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-contains:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-contains:before {
            content: "\f063";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-not-contains,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-not-contains {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-not-contains:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-not-contains:before {
            content: "\f066";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-starts-with,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-starts-with {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-starts-with:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-starts-with:before {
            content: "\f064";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-ends-with,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-ends-with {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-ends-with:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-ends-with:before {
            content: "\f065";
        }

    .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-between,
    .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-between {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-treelist .dx-icon-filter-operation-between:before,
        .dx-swatch-additional .dx-treelist-container .dx-icon-filter-operation-between:before {
            content: "\f06a";
        }

    .dx-swatch-additional .dx-treelist .dx-column-indicators,
    .dx-swatch-additional .dx-treelist-container .dx-column-indicators {
        height: 16px;
    }

        .dx-swatch-additional .dx-treelist .dx-column-indicators > div,
        .dx-swatch-additional .dx-treelist-container .dx-column-indicators > div {
            width: 15px;
            height: 15px;
            background-position: 0px 0px;
            background-size: 15px 15px;
            padding: 0px;
            font-size: 15px;
            text-align: center;
            line-height: 15px;
        }

    .dx-swatch-additional .dx-treelist .dx-placeholder:before,
    .dx-swatch-additional .dx-treelist-container .dx-placeholder:before {
        font-size: 14px;
    }

    .dx-swatch-additional .dx-treelist {
        line-height: inherit;
    }

        .dx-swatch-additional .dx-treelist .dx-row-alt > td {
            background-color: #3f3f4b;
        }

        .dx-swatch-additional .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
            border-bottom-color: transparent;
        }

        .dx-swatch-additional .dx-treelist .dx-link {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-treelist .dx-row-lines > td {
            border-bottom: 1px solid #515159;
        }

        .dx-swatch-additional .dx-treelist .dx-column-lines > td {
            border-left: 1px solid #515159;
            border-right: 1px solid #515159;
        }

        .dx-swatch-additional .dx-treelist .dx-error-row .dx-closebutton {
            float: right;
            margin: 16px;
            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-swatch-additional .dx-treelist .dx-error-row .dx-closebutton:before {
                content: "\f00a";
            }

        .dx-swatch-additional .dx-treelist .dx-error-row .dx-error-message {
            padding: 14px;
            padding-right: 35px;
        }

        .dx-swatch-additional .dx-treelist .dx-row > td {
            padding-top: 14px;
            padding-bottom: 14px;
            font-size: 14px;
            line-height: 20px;
        }

            .dx-swatch-additional .dx-treelist .dx-row > td.dx-command-adaptive {
                padding-top: 12px;
                padding-bottom: 12px;
            }

        .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td,
        .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content),
        .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content) {
            padding-right: 14px;
            padding-left: 14px;
            vertical-align: middle;
        }

            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type {
                padding-left: 18px;
            }

            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type {
                padding-right: 18px;
            }

            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select {
                overflow: visible;
                width: 40px;
                min-width: 40px;
                padding-left: 18px;
                padding-right: 4px;
                line-height: 1;
            }

            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit {
                width: 115px;
                min-width: 115px;
            }

                .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons,
                .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons,
                .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons {
                    width: 93px;
                    min-width: 93px;
                }

                    .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link,
                    .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link,
                    .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit.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 2px;
                        vertical-align: middle;
                    }

            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-expand,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-expand,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-expand,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td .dx-treelist-group-space,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content) .dx-treelist-group-space,
            .dx-swatch-additional .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content) .dx-treelist-group-space {
                width: 24px;
                min-width: 24px;
                padding: 0 4px 0 8px;
                line-height: 0;
            }

        .dx-swatch-additional .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
            background-position-y: 49px;
        }

    .dx-swatch-additional .dx-treelist-edit-popup .dx-error-message {
        padding: 14px 14px;
    }

    .dx-swatch-additional .dx-treelist-headers .dx-texteditor-input,
    .dx-swatch-additional .dx-treelist-rowsview .dx-texteditor-input {
        min-height: 16px;
    }

    .dx-swatch-additional .dx-treelist-headers .dx-lookup,
    .dx-swatch-additional .dx-treelist-rowsview .dx-lookup {
        height: auto;
    }

    .dx-swatch-additional .dx-treelist-headers .dx-lookup-field,
    .dx-swatch-additional .dx-treelist-rowsview .dx-lookup-field {
        padding-left: 14px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .dx-swatch-additional .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
    .dx-swatch-additional .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-swatch-additional .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
    .dx-swatch-additional .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-swatch-additional .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input {
        padding-right: 0;
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input,
    .dx-swatch-additional .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input {
        padding-right: 0;
    }

    .dx-swatch-additional .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-treelist-headers .dx-searchbox .dx-placeholder:before,
    .dx-swatch-additional .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
        padding-left: 22px;
    }

    .dx-swatch-additional .dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder:before,
    .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before,
    .dx-swatch-additional .dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder:before,
    .dx-swatch-additional .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
        padding-right: 22px;
    }

    .dx-swatch-additional .dx-editor-cell {
        padding-top: 0;
        padding-bottom: 0;
    }

        .dx-swatch-additional .dx-editor-cell .dx-numberbox-spin-button {
            background-color: transparent;
        }

        .dx-swatch-additional .dx-editor-cell .dx-icon-clear {
            left: 0px;
        }

        .dx-swatch-additional .dx-editor-cell .dx-texteditor,
        .dx-swatch-additional .dx-editor-cell .dx-texteditor.dx-state-hover,
        .dx-swatch-additional .dx-editor-cell .dx-texteditor.dx-state-focused,
        .dx-swatch-additional .dx-editor-cell .dx-texteditor.dx-state-active {
            background: rgba(54, 54, 64, 0);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-editor-cell .dx-texteditor .dx-texteditor-input {
                background: rgba(54, 54, 64, 0);
                font-size: 14px;
                height: 48px;
                line-height: 48px;
                padding-right: 0;
                padding-left: 0;
                padding-top: 0;
                padding-bottom: 0;
            }

            .dx-swatch-additional .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
                right: 0;
            }

            .dx-swatch-additional .dx-editor-cell .dx-texteditor:after,
            .dx-swatch-additional .dx-editor-cell .dx-texteditor:before {
                content: none;
            }

            .dx-swatch-additional .dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container,
            .dx-swatch-additional .dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
                left: 0;
            }

        .dx-swatch-additional .dx-editor-cell .dx-dropdowneditor {
            background-color: rgba(54, 54, 64, 0);
        }

        .dx-swatch-additional .dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
            border-radius: 0;
        }

        .dx-swatch-additional .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
            padding-top: 14px;
            padding-bottom: 14px;
        }

    .dx-swatch-additional .dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
    .dx-swatch-additional .dx-treelist-column-chooser-list .dx-empty-message {
        color: #ffffff;
        padding: 0 24px;
    }

    .dx-swatch-additional .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
        padding: 16px 24px 9px;
    }

        .dx-swatch-additional .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
            margin-bottom: 10px;
        }

        .dx-swatch-additional .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
            padding-left: 20px;
        }

    .dx-swatch-additional .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content {
        padding: 16px 24px 9px;
    }

    .dx-swatch-additional .dx-treelist-column-chooser .dx-overlay-content {
        background-color: #363640;
    }

        .dx-swatch-additional .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
            background-color: transparent;
            border-bottom: 1px solid #515159;
        }

            .dx-swatch-additional .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
                font-size: 20px;
            }

        .dx-swatch-additional .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
            margin: 2px 2px 8px 2px;
            background-color: #3d3d48;
            color: rgba(255, 255, 255, 0.6);
            font-weight: 500;
            font-size: 12px;
            padding: 14px;
            line-height: 16px;
            -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
        }

    .dx-swatch-additional .dx-treelist-drag-header {
        -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
        color: rgba(255, 255, 255, 0.6);
        font-weight: 500;
        padding: 20px;
        background-color: #363640;
        line-height: 16px;
        font-size: 12px;
    }

    .dx-swatch-additional .dx-treelist-columns-separator {
        background-color: rgba(255, 87, 34, 0.5);
    }

    .dx-swatch-additional .dx-treelist-columns-separator-transparent {
        background-color: transparent;
    }

    .dx-swatch-additional .dx-treelist-drop-highlight > td {
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-swatch-additional .dx-treelist-drop-highlight > td .dx-header-filter {
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-swatch-additional .dx-treelist-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
            background-color: rgba(0, 0, 0, 0.87);
            color: #ed1c24;
        }

    .dx-swatch-additional .dx-treelist-focus-overlay:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: #ed1c24;
        left: 0;
        right: 1px;
    }

    .dx-swatch-additional .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) {
        background-color: #42424e;
    }

        .dx-swatch-additional .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 {
            color: #fff;
        }

        .dx-swatch-additional .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: #42424e;
            color: #fff;
        }

        .dx-swatch-additional .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-swatch-additional .dx-treelist-headers {
        color: rgba(255, 255, 255, 0.6);
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom;
        border-bottom: 1px solid #515159;
    }

        .dx-swatch-additional .dx-treelist-headers .dx-treelist-content {
            margin-bottom: -1px;
        }

    .dx-swatch-additional .dx-treelist-borders .dx-treelist-headers .dx-treelist-table {
        border-bottom-width: 1px;
    }

    .dx-swatch-additional .dx-treelist-headers .dx-treelist-table .dx-row > td {
        border-bottom: 1px solid #515159;
        padding-top: 20px;
        padding-bottom: 20px;
        line-height: 16px;
        font-weight: 500;
        font-size: 12px;
    }

        .dx-swatch-additional .dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort-indicator,
        .dx-swatch-additional .dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort {
            color: #fff;
        }

        .dx-swatch-additional .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-treelist-text-content {
            color: #fff;
        }

        .dx-swatch-additional .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-sort {
            color: rgba(255, 255, 255, 0.38);
        }

        .dx-swatch-additional .dx-treelist-headers .dx-treelist-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-treelist-group-space) {
            background-color: #42424e;
        }

    .dx-swatch-additional .dx-treelist-headers.dx-header-multi-row .dx-row.dx-header-row .dx-command-select {
        padding-bottom: 19px;
    }

    .dx-swatch-additional .dx-treelist-headers.dx-header-multi-row .dx-row.dx-header-row > td {
        padding-top: 12px;
        padding-bottom: 12px;
        vertical-align: bottom;
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-treelist-filter-row {
        background-color: #31313a;
    }

        .dx-swatch-additional .dx-treelist-filter-row .dx-menu {
            left: -12px;
        }

            .dx-swatch-additional .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
                height: 100%;
                top: 2px;
                position: absolute;
            }

                .dx-swatch-additional .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper {
                    height: 100%;
                }

            .dx-swatch-additional .dx-treelist-filter-row .dx-menu .dx-overlay-content {
                color: #ffffff;
            }

        .dx-swatch-additional .dx-treelist-filter-row .dx-filter-modified {
            background-color: rgba(139, 195, 74, 0.32);
        }

        .dx-swatch-additional .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
            padding: 14px 0 14px 32px;
        }

    .dx-swatch-additional .dx-treelist .dx-treelist-table .dx-treelist-filter-row > td {
        padding-top: 0;
        padding-bottom: 0;
    }

    .dx-swatch-additional .dx-treelist-filter-range-overlay .dx-overlay-content {
        overflow: inherit;
        background-color: #31313a;
        -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.4);
    }

        .dx-swatch-additional .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after,
        .dx-swatch-additional .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover:after {
            top: auto;
            bottom: 0;
        }

        .dx-swatch-additional .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
            font-size: 14px;
            height: 49px;
            padding-right: 12px;
            padding-left: 12px;
        }

        .dx-swatch-additional .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder:before {
            padding-left: 12px;
        }

        .dx-swatch-additional .dx-treelist-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper {
            display: none;
        }

    .dx-swatch-additional .dx-highlight-outline {
        padding: 14px 0 14px 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dx-swatch-additional .dx-treelist-header-panel {
        border-bottom: 1px solid #515159;
        padding: 0 14px 0 24px;
        background-color: #363640;
    }

        .dx-swatch-additional .dx-treelist-header-panel .dx-apply-button {
            background-color: transparent;
            color: rgba(0, 0, 0, 0.87);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-treelist-header-panel .dx-apply-button .dx-icon {
                color: rgba(0, 0, 0, 0.87);
            }

            .dx-swatch-additional .dx-treelist-header-panel .dx-apply-button.dx-state-hover {
                background-color: rgba(0, 0, 0, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-treelist-header-panel .dx-apply-button.dx-state-focused {
                background-color: rgba(0, 0, 0, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-treelist-header-panel .dx-apply-button.dx-state-active {
                background-color: rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-treelist-header-panel .dx-apply-button.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-treelist-header-panel .dx-apply-button .dx-inkripple-wave {
                background-color: rgba(0, 0, 0, 0.2);
            }

        .dx-swatch-additional .dx-treelist-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
            border-radius: 50%;
        }

        .dx-swatch-additional .dx-treelist-header-panel .dx-treelist-toolbar-button .dx-icon {
            color: #fff;
        }

    .dx-swatch-additional .dx-icon-column-chooser {
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-icon-column-chooser:before {
            content: "\f04d";
        }

    .dx-swatch-additional .dx-treelist-addrow-button .dx-icon-edit-button-addrow {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-treelist-addrow-button .dx-icon-edit-button-addrow:before {
            content: "\f00b";
        }

    .dx-swatch-additional .dx-treelist-cancel-button .dx-icon-edit-button-cancel {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-treelist-cancel-button .dx-icon-edit-button-cancel:before {
            content: "\f04c";
        }

    .dx-swatch-additional .dx-treelist-save-button .dx-icon-edit-button-save {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-treelist-save-button .dx-icon-edit-button-save:before {
            content: "\f041";
        }

    .dx-swatch-additional .dx-apply-button .dx-icon-apply-filter {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-apply-button .dx-icon-apply-filter:before {
            content: "\f050";
        }

    .dx-swatch-additional .dx-treelist-export-button .dx-icon-export-to {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-treelist-export-button .dx-icon-export-to:before {
            content: "\f05f";
        }

    .dx-swatch-additional .dx-treelist-export-button .dx-icon-export-excel-button {
        font: 14px/1 DXIcons;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
    }

        .dx-swatch-additional .dx-treelist-export-button .dx-icon-export-excel-button:before {
            content: "\f060";
        }

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

    .dx-swatch-additional .dx-treelist-adaptive-more {
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        background-size: 24px 24px;
        padding: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        color: rgba(255, 255, 255, 0.54);
    }

    .dx-swatch-additional .dx-row.dx-row-focused .dx-treelist-adaptive-more {
        color: inherit;
    }

    .dx-swatch-additional .dx-treelist-rowsview {
        border-top: 1px solid #515159;
    }

    .dx-treelist-headers + .dx-swatch-additional .dx-treelist-rowsview {
        border-top: none;
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-row {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

        .dx-swatch-additional .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
            border-top-width: 0px;
            border-bottom: 1px solid #515159;
        }

        .dx-swatch-additional .dx-treelist-rowsview .dx-row.dx-edit-row > td {
            border-top: 1px solid #515159;
            border-bottom: 1px solid #515159;
        }

    .dx-swatch-additional .dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space,
    .dx-swatch-additional .dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell {
        border-top: 1px solid #515159;
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space,
    .dx-swatch-additional .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell {
        background-color: #31313a;
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified,
    .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified {
        background-color: rgba(139, 195, 74, 0.32);
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid,
    .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-treelist-invalid,
    .dx-swatch-additional .dx-treelist-rowsview .dx-data-row .dx-validator.dx-invalid,
    .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid {
        background-color: rgba(233, 30, 99, 0.32);
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content,
    .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content {
        padding: 9px 17px 9px;
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-row-removed > td {
        background-color: rgba(139, 195, 74, 0.32);
        border-top: 1px solid rgba(139, 195, 74, 0.32);
        border-bottom: 1px solid rgba(139, 195, 74, 0.32);
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-label {
        padding-top: 0;
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content {
        line-height: 40px;
        min-height: 40px;
        font-size: 14px;
    }

        .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused {
            padding: 0;
        }

    .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor:after,
    .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor:before {
        content: none;
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-item-modified {
        background-color: rgba(139, 195, 74, 0.32);
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused:focus {
        outline: none;
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),
    .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),
    .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link {
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-treelist-group-opened,
        .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-treelist-group-opened,
        .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-treelist-group-opened,
        .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-treelist-group-closed,
        .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-treelist-group-closed,
        .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-treelist-group-closed {
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-group-row {
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened,
        .dx-swatch-additional .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed {
            color: rgba(0, 0, 0, 0.87);
        }

    .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row > td,
    .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
    .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
    .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
        background-color: rgba(255, 87, 34, 0.07);
        color: #fff;
    }

        .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row > td.dx-treelist-group-space,
        .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-treelist-group-space,
        .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-treelist-group-space,
        .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-treelist-group-space {
            border-right-color: rgba(255, 87, 34, 0.07);
        }

        .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
            border-left-color: #515159;
            border-right-color: #515159;
        }

    .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > td,
    .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > td {
        border-bottom: 1px solid rgba(255, 87, 34, 0.07);
        border-top: 1px solid rgba(255, 87, 34, 0.07);
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > td,
    .dx-swatch-additional .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > td {
        border-bottom-color: #515159;
    }

    .dx-swatch-additional .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-right: 0;
    }

    .dx-swatch-additional .dx-treelist-search-text {
        color: rgba(0, 0, 0, 0.87);
        background-color: #ed1c24;
    }

    .dx-swatch-additional .dx-treelist-nodata {
        color: #ffffff;
        font-size: 17px;
    }

    .dx-swatch-additional .dx-treelist-bottom-load-panel {
        border-top: 1px solid #515159;
    }

    .dx-swatch-additional .dx-treelist-pager.dx-widget {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.6);
    }

    .dx-swatch-additional .dx-treelist-summary-item {
        color: rgba(255, 255, 255, 0.7);
    }

    .dx-swatch-additional .dx-treelist-total-footer {
        border-bottom: 1px solid #515159;
        border-top: 1px solid #515159;
    }

        .dx-swatch-additional .dx-treelist-total-footer > .dx-treelist-content {
            padding: 0;
        }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-overlay-content {
        background-color: transparent;
        min-width: inherit;
    }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button {
        border-radius: 4px;
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        margin: 0 0 0 1px;
        height: 48px;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: inherit;
    }

        .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button .dx-button-content {
            padding: 2px;
        }

        .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button .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: 0;
            margin-left: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon,
    .dx-swatch-additional .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
        margin-left: 0;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right,
    .dx-swatch-additional .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
        margin-right: 0;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
        color: rgba(0, 0, 0, 0.87);
    }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
    }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
        background-color: #ed1c24;
        -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.48);
    }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled {
        background: rgba(255, 255, 255, 0.1);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon {
            opacity: 0.6;
        }

        .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text {
            color: rgba(255, 255, 255, 0.35);
        }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button .dx-inkripple-wave {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
        border-radius: 2px;
    }

    .dx-swatch-additional .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-swatch-additional .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: #42424e;
        border-right-color: transparent;
    }

    .dx-swatch-additional .dx-rtl .dx-treelist .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon,
    .dx-swatch-additional .dx-rtl .dx-treelist-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
        margin: 0px 3px;
    }

    .dx-swatch-additional .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type,
    .dx-swatch-additional .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type,
    .dx-swatch-additional .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
    .dx-swatch-additional .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
    .dx-swatch-additional .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type,
    .dx-swatch-additional .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type {
        padding-left: 14px;
        padding-right: 18px;
    }

    .dx-swatch-additional .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type,
    .dx-swatch-additional .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type,
    .dx-swatch-additional .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
    .dx-swatch-additional .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
    .dx-swatch-additional .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type,
    .dx-swatch-additional .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type {
        padding-right: 14px;
        padding-left: 18px;
    }

    .dx-swatch-additional .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select,
    .dx-swatch-additional .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select,
    .dx-swatch-additional .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
    .dx-swatch-additional .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
    .dx-swatch-additional .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select,
    .dx-swatch-additional .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select {
        padding-right: 18px;
        padding-left: 4px;
    }

    .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td,
    .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
    .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
    .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
        border-right-color: #515159;
    }

        .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space,
        .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space,
        .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space,
        .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space {
            border-left-color: rgba(255, 87, 34, 0.07);
        }

        .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
        .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
            border-left-color: #515159;
        }

    .dx-swatch-additional .dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
        padding-left: 0;
    }

    .dx-swatch-additional .dx-header-filter-menu .dx-popup-content {
        padding: 12px 8px 0 8px;
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-treelist-form-buttons-container .dx-button {
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-treelist-form-buttons-container .dx-button .dx-icon {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-treelist-form-buttons-container .dx-button.dx-state-hover {
            background-color: rgba(255, 87, 34, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-treelist-form-buttons-container .dx-button.dx-state-focused {
            background-color: rgba(255, 87, 34, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-treelist-form-buttons-container .dx-button.dx-state-active {
            background-color: rgba(255, 87, 34, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-treelist-form-buttons-container .dx-button.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-treelist-form-buttons-container .dx-button .dx-inkripple-wave {
            background-color: rgba(255, 87, 34, 0.2);
        }

    .dx-swatch-additional .dx-command-adaptive {
        width: 56px;
        min-width: 56px;
    }

    .dx-swatch-additional .dx-treelist-filter-panel {
        padding: 15px 18px 15px 18px;
    }

        .dx-swatch-additional .dx-treelist-filter-panel .dx-treelist-filter-panel-text,
        .dx-swatch-additional .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
            color: #ed1c24;
            font-size: 14px;
            line-height: 18px;
        }

        .dx-swatch-additional .dx-treelist-filter-panel .dx-icon-filter {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-treelist-filter-panel + .dx-pager {
            border-top: 1px solid #515159;
        }

    .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-empty-space {
        position: relative;
        top: -2px;
        display: inline-block;
        font: 14px/1 DXIcons;
        width: 24px;
    }

        .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-empty-space:before {
            content: "\f014";
        }

        .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-empty-space:before {
            visibility: hidden;
        }

    .dx-swatch-additional .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
        color: rgba(255, 255, 255, 0.54);
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-expanded span {
        font: 14px/1 DXIcons;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        cursor: pointer;
    }

        .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-expanded span:before {
            content: "\f016";
        }

        .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-expanded span:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

        .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-expanded span:before {
            left: 0;
            margin-left: -5px;
            margin-top: -12px;
        }

    .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-collapsed span {
        font: 14px/1 DXIcons;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        cursor: pointer;
    }

        .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-collapsed span:before {
            content: "\f010";
        }

        .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-collapsed span:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

        .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-collapsed span:before {
            left: 0;
            margin-left: -6px;
            margin-top: -12px;
        }

    .dx-swatch-additional .dx-treelist-rowsview .dx-sort-up,
    .dx-swatch-additional .dx-treelist-rowsview .dx-sort-down,
    .dx-swatch-additional .dx-treelist-rowsview .dx-header-filter {
        vertical-align: middle;
    }

    .dx-swatch-additional .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
        color: rgba(255, 255, 255, 0.54);
    }

    .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-cell-expandable {
        white-space: nowrap;
    }

        .dx-swatch-additional .dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content {
            white-space: normal;
        }

    .dx-swatch-additional .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content {
        white-space: nowrap;
    }

    .dx-swatch-additional .dx-treelist-checkbox-size {
        line-height: 0px;
    }

    .dx-swatch-additional .dx-treelist-cell-expandable .dx-checkbox,
    .dx-swatch-additional .dx-treelist-select-all .dx-checkbox {
        position: absolute;
    }

    .dx-swatch-additional .dx-treelist-icon-container {
        max-height: 20px;
    }

        .dx-swatch-additional .dx-treelist-icon-container.dx-editor-inline-block {
            position: relative;
            padding-right: 32px;
        }

            .dx-swatch-additional .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
                top: 50%;
                margin-top: -9px;
            }

    .dx-swatch-additional .dx-treelist-select-all {
        position: relative;
    }

        .dx-swatch-additional .dx-treelist-select-all .dx-checkbox {
            left: 42px;
            top: 19px;
        }

    .dx-swatch-additional .dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all {
        padding-left: 74px;
    }

    .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-treelist-expanded,
    .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .dx-swatch-additional .dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
        float: right;
    }

    .dx-swatch-additional .dx-rtl .dx-treelist-select-all .dx-checkbox {
        left: calc(100% - 60px);
    }

    .dx-swatch-additional .dx-rtl.dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all {
        padding-right: 74px;
        padding-left: 14px;
    }

    .dx-swatch-additional .dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
        padding-left: 32px;
        padding-right: 0px;
    }

    .dx-swatch-additional .dx-menu-item {
        color: #ffffff;
    }

        .dx-swatch-additional .dx-menu-item.dx-state-hover {
            background-color: #3f3f4b;
        }

        .dx-swatch-additional .dx-menu-item.dx-state-focused {
            background-color: #3f3f4b;
        }

    .dx-swatch-additional .dx-menu-item-selected {
        background-color: #494956;
        color: #fff;
    }

        .dx-swatch-additional .dx-menu-item-selected.dx-state-focused {
            background-color: rgba(101, 101, 119, 0.7);
        }

    .dx-swatch-additional .dx-menu-item-expanded,
    .dx-swatch-additional .dx-menu-item-expanded.dx-state-hover,
    .dx-swatch-additional .dx-menu-item-expanded.dx-state-focused {
        color: #ffffff;
        background-color: #494956;
    }

    .dx-swatch-additional .dx-menu-base {
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-swatch-additional .dx-menu-base input,
        .dx-swatch-additional .dx-menu-base textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

        .dx-swatch-additional .dx-menu-base.dx-state-focused {
            outline: none;
        }

        .dx-swatch-additional .dx-menu-base .dx-icon {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
        }

        .dx-swatch-additional .dx-menu-base .dx-menu-item .dx-menu-item-content {
            line-height: 24px;
        }

            .dx-swatch-additional .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout {
                min-width: 7px;
                min-height: 7px;
            }

        .dx-swatch-additional .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon {
            margin-left: auto;
            margin-right: auto;
        }

        .dx-swatch-additional .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container {
            margin-left: 0;
            margin-right: auto;
        }

            .dx-swatch-additional .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-swatch-additional .dx-context-menu-container-border {
        background-color: transparent;
    }

    .dx-swatch-additional .dx-context-menu-content-delimiter {
        background-color: transparent;
    }

    .dx-swatch-additional .dx-menu {
        color: #ffffff;
    }

        .dx-swatch-additional .dx-menu .dx-menu-item {
            font-size: 13px;
            border-radius: 4px;
        }

            .dx-swatch-additional .dx-menu .dx-menu-item .dx-menu-item-content {
                padding: 7px 16px 8px;
            }

                .dx-swatch-additional .dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
                    width: 0;
                }

            .dx-swatch-additional .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
                margin-right: 24px;
            }

        .dx-swatch-additional .dx-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
            margin-left: 24px;
            margin-right: 0;
        }

    .dx-swatch-additional .dx-menu-adaptive-mode {
        background-color: #363640;
    }

        .dx-swatch-additional .dx-menu-adaptive-mode .dx-treeview {
            border: 1px solid #515159;
            border-radius: 4px;
        }

            .dx-swatch-additional .dx-menu-adaptive-mode .dx-treeview,
            .dx-swatch-additional .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-swatch-additional .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
            font-size: 18px;
        }

        .dx-swatch-additional .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility {
            color: inherit;
        }

        .dx-swatch-additional .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
            color: #363640;
        }

        .dx-swatch-additional .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
            border-bottom: 1px solid #515159;
        }

    .dx-swatch-additional .dx-context-menu .dx-menu-item {
        font-size: 15px;
        color: #fff;
    }

        .dx-swatch-additional .dx-context-menu .dx-menu-item .dx-menu-item-content {
            padding: 3px 16px 4px;
        }

            .dx-swatch-additional .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
                right: 16px;
                width: 24px;
            }

                .dx-swatch-additional .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
                    color: rgba(255, 255, 255, 0.54);
                    font: 14px/1 DXIcons;
                    font-size: 24px;
                    text-align: center;
                    line-height: 24px;
                }

                    .dx-swatch-additional .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout:before {
                        content: "\f04e";
                    }

                    .dx-swatch-additional .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout:before {
                        position: absolute;
                        display: block;
                        width: 24px;
                        top: 50%;
                        margin-top: -12px;
                        left: 50%;
                        margin-left: -12px;
                    }

        .dx-swatch-additional .dx-context-menu .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content {
            padding-right: 64px;
        }

        .dx-swatch-additional .dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
            margin-right: 24px;
        }

    .dx-swatch-additional .dx-context-menu .dx-menu-items-container {
        padding: 8px 0;
    }

    .dx-swatch-additional .dx-context-menu.dx-overlay-content.dx-state-focused {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-swatch-additional .dx-context-menu .dx-submenu {
        background-color: #363640;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
    }

    .dx-swatch-additional .dx-context-menu .dx-menu-separator {
        background-color: #515159;
    }

    .dx-swatch-additional .dx-context-menu.dx-rtl .dx-menu-item .dx-menu-item-popout-container {
        left: 16px;
    }

    .dx-swatch-additional .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
        margin-left: 24px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content {
        padding-left: 64px;
        padding-right: 16px;
    }

    .dx-swatch-additional .dx-calendar {
        width: 320px;
        min-width: 320px;
        height: 327.4px;
        min-height: 327.4px;
        background-color: #363640;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0;
        border: 1px solid transparent;
    }

        .dx-swatch-additional .dx-calendar.dx-calendar-with-footer {
            height: 382.4px;
            min-height: 352.4px;
        }

            .dx-swatch-additional .dx-calendar.dx-calendar-with-footer .dx-calendar-body {
                bottom: 55px;
            }

            .dx-swatch-additional .dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
                text-align: center;
                height: 45px;
                width: 100%;
            }

    .dx-swatch-additional .dx-calendar-navigator {
        line-height: 1.6;
        height: 36px;
        display: table;
        border-collapse: collapse;
    }

        .dx-swatch-additional .dx-calendar-navigator .dx-button {
            height: 100%;
            display: table-cell;
            background-color: transparent;
            color: #ed1c24;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-calendar-navigator .dx-button .dx-icon {
                color: #ed1c24;
            }

            .dx-swatch-additional .dx-calendar-navigator .dx-button.dx-state-hover {
                background-color: rgba(255, 87, 34, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-calendar-navigator .dx-button.dx-state-focused {
                background-color: rgba(255, 87, 34, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-calendar-navigator .dx-button.dx-state-active {
                background-color: rgba(255, 87, 34, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-calendar-navigator .dx-button.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-calendar-navigator .dx-button.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-calendar-navigator .dx-button.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-calendar-navigator .dx-button .dx-inkripple-wave {
                background-color: rgba(255, 87, 34, 0.2);
            }

            .dx-swatch-additional .dx-calendar-navigator .dx-button .dx-button-text {
                text-transform: none;
            }

            .dx-swatch-additional .dx-calendar-navigator .dx-button .dx-icon {
                font-size: 24px;
            }

            .dx-swatch-additional .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
                border-collapse: collapse;
                visibility: visible;
                opacity: 1;
            }

                .dx-swatch-additional .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content {
                    opacity: 0.5;
                }

            .dx-swatch-additional .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) {
                z-index: 1;
            }

            .dx-swatch-additional .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
                z-index: 1;
            }

        .dx-swatch-additional .dx-calendar-navigator .dx-calendar-caption-button {
            font-size: 14px;
            line-height: 1.2;
            text-transform: uppercase;
            right: 32px;
            left: 32px;
        }

            .dx-swatch-additional .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
                padding: 2px 15px 4px;
            }

    .dx-swatch-additional .dx-calendar-navigator-previous-month {
        width: 32px;
        background: none;
    }

        .dx-swatch-additional .dx-calendar-navigator-previous-month.dx-button {
            margin: 0 2px;
        }

        .dx-swatch-additional .dx-calendar-navigator-previous-month .dx-button-content {
            padding: 0;
        }

        .dx-swatch-additional .dx-calendar-navigator-previous-month.dx-state-hover {
            z-index: 1;
        }

    .dx-swatch-additional .dx-calendar-navigator-previous-month,
    .dx-swatch-additional .dx-calendar-navigator-next-view {
        width: 32px;
        background: none;
    }

        .dx-swatch-additional .dx-calendar-navigator-previous-month.dx-button,
        .dx-swatch-additional .dx-calendar-navigator-next-view.dx-button {
            margin: 0px 1px;
        }

        .dx-swatch-additional .dx-calendar-navigator-previous-month .dx-button-content,
        .dx-swatch-additional .dx-calendar-navigator-next-view .dx-button-content {
            padding: 0;
        }

    .dx-swatch-additional .dx-calendar-navigator-previous-view,
    .dx-swatch-additional .dx-calendar-navigator-previous-month {
        left: 0px;
    }

        .dx-swatch-additional .dx-calendar-navigator-previous-view.dx-button,
        .dx-swatch-additional .dx-calendar-navigator-previous-month.dx-button {
            border-radius: 4px 0 0 4px;
        }

            .dx-swatch-additional .dx-calendar-navigator-previous-view.dx-button .dx-icon,
            .dx-swatch-additional .dx-calendar-navigator-previous-month.dx-button .dx-icon {
                color: #ed1c24;
            }

    .dx-swatch-additional .dx-calendar-navigator-next-view,
    .dx-swatch-additional .dx-calendar-navigator-next-month {
        right: 0px;
    }

        .dx-swatch-additional .dx-calendar-navigator-next-view.dx-button,
        .dx-swatch-additional .dx-calendar-navigator-next-month.dx-button {
            border-radius: 0 4px 4px 0;
        }

            .dx-swatch-additional .dx-calendar-navigator-next-view.dx-button .dx-icon,
            .dx-swatch-additional .dx-calendar-navigator-next-month.dx-button .dx-icon {
                color: #ed1c24;
            }

    .dx-swatch-additional .dx-calendar-body {
        top: 49px;
    }

        .dx-swatch-additional .dx-calendar-body thead {
            font-size: 11px;
            line-height: 1.2;
        }

            .dx-swatch-additional .dx-calendar-body thead tr {
                height: 25px;
                padding-bottom: 10px;
            }

        .dx-swatch-additional .dx-calendar-body table {
            border-spacing: 0px;
        }

            .dx-swatch-additional .dx-calendar-body table th {
                color: #ffffff;
                font-weight: 500;
                text-align: center;
                padding: 1px 0 10px 0;
            }

    .dx-swatch-additional .dx-calendar-cell {
        text-align: center;
        padding: 4px 0;
        color: #fff;
        font-size: 12px;
        width: 39px;
        border-radius: 50%;
    }

    .dx-swatch-additional .dx-calendar-view-decade .dx-calendar-cell span,
    .dx-swatch-additional .dx-calendar-view-year .dx-calendar-cell span {
        line-height: 400%;
        width: 48px;
    }

    .dx-swatch-additional .dx-calendar-view-century .dx-calendar-cell span {
        line-height: 200%;
        width: 48px;
    }

    .dx-swatch-additional .dx-calendar-cell span {
        display: inline-block;
        width: 32px;
        line-height: 32px;
        border-radius: 50%;
    }

    .dx-swatch-additional .dx-calendar-cell.dx-calendar-today {
        font-weight: bold;
        color: #ed1c24;
    }

    .dx-swatch-additional .dx-calendar-cell.dx-state-hover,
    .dx-swatch-additional .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date) {
        color: #fff;
    }

        .dx-swatch-additional .dx-calendar-cell.dx-state-hover span,
        .dx-swatch-additional .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date) span {
            background-color: #3f3f4b;
        }

    .dx-swatch-additional .dx-calendar-cell.dx-calendar-other-view,
    .dx-swatch-additional .dx-calendar-cell.dx-calendar-empty-cell {
        color: #ffffff;
    }

        .dx-swatch-additional .dx-calendar-cell.dx-calendar-other-view.dx-state-hover,
        .dx-swatch-additional .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover,
        .dx-swatch-additional .dx-calendar-cell.dx-calendar-other-view.dx-state-active,
        .dx-swatch-additional .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active {
            color: #ffffff;
        }

    .dx-swatch-additional .dx-calendar-cell.dx-calendar-empty-cell {
        cursor: default;
        color: rgba(255, 255, 255, 0.25);
    }

        .dx-swatch-additional .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover {
            color: rgba(255, 255, 255, 0.25);
        }

            .dx-swatch-additional .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span {
                background-color: transparent;
            }

    .dx-swatch-additional .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) span {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .dx-swatch-additional .dx-calendar-cell.dx-calendar-selected-date span,
    .dx-swatch-additional .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span {
        color: rgba(0, 0, 0, 0.87);
        background-color: #ed1c24;
        font-weight: normal;
    }

    .dx-swatch-additional .dx-invalid.dx-calendar {
        border-color: rgba(233, 30, 99, 0.4);
    }

        .dx-swatch-additional .dx-invalid.dx-calendar.dx-state-focused {
            border-color: #ed1c24;
        }

    .dx-swatch-additional .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
        margin: 0;
    }

    .dx-swatch-additional .dx-treeview-node-loadindicator {
        top: 13px;
        left: 2px;
        width: 20px;
        height: 20px;
    }

    .dx-swatch-additional .dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
        padding-left: 0;
        padding-right: 26px;
    }

    .dx-swatch-additional .dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
        padding-left: 1px;
        padding-right: 8px;
    }

    .dx-swatch-additional .dx-rtl .dx-treeview-node {
        padding-right: 24px;
    }

    .dx-swatch-additional .dx-rtl .dx-treeview-item .dx-icon {
        margin-left: 5px;
    }

    .dx-swatch-additional .dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
        padding-right: 40px;
    }

    .dx-swatch-additional .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
        right: 35px;
    }

    .dx-swatch-additional .dx-rtl .dx-treeview-select-all-item {
        padding-left: 0;
        padding-right: 35px;
    }

        .dx-swatch-additional .dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
            padding-left: 0;
            padding-right: 31px;
        }

    .dx-swatch-additional .dx-rtl .dx-treeview-toggle-item-visibility {
        right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
        overflow: visible;
    }

    .dx-swatch-additional .dx-treeview-search {
        margin-bottom: 8px;
    }

    .dx-swatch-additional .dx-treeview-with-search > .dx-scrollable {
        height: calc(100% - 41px);
    }

    .dx-swatch-additional .dx-treeview-border-visible {
        border: 1px solid #515159;
    }

        .dx-swatch-additional .dx-treeview-border-visible .dx-treeview-select-all-item {
            padding-left: 26px;
        }

        .dx-swatch-additional .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
            padding: 1px 1px 1px 8px;
        }

    .dx-swatch-additional .dx-treeview-select-all-item {
        border-bottom: 1px solid #515159;
        padding: 15px 0 15px 35px;
    }

        .dx-swatch-additional .dx-treeview-select-all-item .dx-checkbox-text {
            padding-left: 31px;
        }

    .dx-swatch-additional .dx-treeview-node {
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-state-selected > .dx-treeview-item {
        color: #fff;
    }

    .dx-swatch-additional .dx-treeview-item-with-checkbox .dx-treeview-item {
        color: #fff;
        padding-left: 40px;
    }

    .dx-swatch-additional .dx-treeview-item-with-checkbox .dx-checkbox {
        top: 14px;
        left: 35px;
    }

    .dx-swatch-additional .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
        color: #fff;
        background-color: #525261;
    }

    .dx-swatch-additional .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
        background-color: #3f3f4b;
    }

        .dx-swatch-additional .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item * {
            color: #fff;
        }

    .dx-swatch-additional .dx-treeview-item {
        padding: 13px 8px;
        min-height: 48px;
        line-height: 22px;
    }

        .dx-swatch-additional .dx-treeview-item .dx-icon {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
        }

        .dx-swatch-additional .dx-treeview-item.dx-state-hover {
            background-color: #3f3f4b;
            color: #4f4c4d;
        }

    .dx-swatch-additional .dx-treeview-toggle-item-visibility {
        font: 14px/1 DXIcons;
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        color: rgba(255, 255, 255, 0.54);
        width: 24px;
        height: 48px;
        top: 0;
        left: 0;
    }

        .dx-swatch-additional .dx-treeview-toggle-item-visibility:before {
            content: "\f010";
        }

        .dx-swatch-additional .dx-treeview-toggle-item-visibility:before {
            position: absolute;
            display: block;
            width: 24px;
            top: 50%;
            margin-top: -12px;
            left: 50%;
            margin-left: -12px;
        }

        .dx-swatch-additional .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
            font: 14px/1 DXIcons;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
        }

            .dx-swatch-additional .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
                content: "\f016";
            }

            .dx-swatch-additional .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
                position: absolute;
                display: block;
                width: 24px;
                top: 50%;
                margin-top: -12px;
                left: 50%;
                margin-left: -12px;
            }

    .dx-swatch-additional .dx-field {
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
        line-height: 1.2857;
    }

        .dx-swatch-additional .dx-field input,
        .dx-swatch-additional .dx-field textarea {
            font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
            line-height: 1.2857;
        }

    .dx-swatch-additional .dx-field-label {
        color: #ffffff;
        font-size: 12px;
        cursor: default;
    }

        .dx-swatch-additional .dx-field-label i {
            font-style: normal;
        }

    .dx-swatch-additional .dx-field-value.dx-attention {
        color: #ed1c24;
        padding-left: 32px;
    }

        .dx-swatch-additional .dx-field-value.dx-attention:before {
            pointer-events: none;
            font-weight: 500;
            background-color: #ed1c24;
            color: rgba(0, 0, 0, 0.87);
            content: '!';
            position: absolute;
            top: 50%;
            margin-top: -11px;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            text-align: center;
            line-height: 23px;
            font-size: 14px;
        }

    .dx-swatch-additional .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
    .dx-swatch-additional .dx-field-value-static {
        width: 60%;
    }

    .dx-swatch-additional .dx-field {
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .dx-swatch-additional .dx-field-label {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding-right: 15px;
    }

    .dx-swatch-additional .dx-field-value.dx-widget,
    .dx-swatch-additional .dx-field-value:not(.dx-widget) > .dx-widget {
        margin: 0;
    }

    .dx-swatch-additional .dx-field-value:not(.dx-widget) > .dx-button,
    .dx-swatch-additional .dx-field-value:not(.dx-widget) > .dx-checkbox,
    .dx-swatch-additional .dx-field-value:not(.dx-widget) > .dx-switch {
        float: right;
    }

    .dx-swatch-additional .dx-field-value.dx-checkbox,
    .dx-swatch-additional .dx-field-value:not(.dx-widget) > .dx-checkbox {
        margin: 19px 0;
    }

    .dx-swatch-additional .dx-field-value.dx-switch,
    .dx-swatch-additional .dx-field-value:not(.dx-widget) > .dx-switch {
        margin: 18px 0;
    }

    .dx-swatch-additional .dx-field-value.dx-slider,
    .dx-swatch-additional .dx-field-value:not(.dx-widget) > .dx-slider {
        margin: 14px 0;
    }

    .dx-swatch-additional .dx-field-value.dx-radiogroup,
    .dx-swatch-additional .dx-field-value:not(.dx-widget) > .dx-radiogroup {
        margin: 15px 0;
    }

    .dx-swatch-additional .dx-field-value.dx-attention {
        padding: 21px 10px 20px;
        position: relative;
        padding-left: 32px;
    }

        .dx-swatch-additional .dx-field-value.dx-attention:before {
            left: 0;
        }

    .dx-swatch-additional .dx-field-value-static {
        padding: 21px 10px 20px;
    }

    .dx-swatch-additional .dx-fieldset {
        margin: 30px 20px;
        padding: 0;
    }

    .dx-swatch-additional .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
    .dx-swatch-additional .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
    .dx-swatch-additional .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
    .dx-swatch-additional .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
    .dx-swatch-additional .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
    .dx-swatch-additional .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
        float: left;
    }

    .dx-swatch-additional .dx-fieldset-header {
        margin: 0 0 20px 0;
        font-size: 18px;
    }

    .dx-swatch-additional .dx-field {
        margin: 0 0 30px 0;
    }

        .dx-swatch-additional .dx-field:last-of-type {
            margin: 0;
        }

    .dx-swatch-additional .dx-device-mobile .dx-fieldset {
        margin: 20px 15px;
        padding: 0;
    }

    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
    .dx-swatch-additional .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
    .dx-swatch-additional .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
    .dx-swatch-additional .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
    .dx-swatch-additional .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
        float: left;
    }

    .dx-swatch-additional .dx-device-mobile .dx-fieldset-header {
        margin: 0 0 20px 0;
        font-size: 18px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-field {
        margin: 0 0 10px 0;
    }

        .dx-swatch-additional .dx-device-mobile .dx-field:last-of-type {
            margin: 0;
        }

    .dx-swatch-additional .dx-tabpanel .dx-tabs {
        display: block;
        border-bottom: none;
        background-color: #2f2f38;
    }

    .dx-swatch-additional .dx-empty-collection.dx-tabpanel .dx-tabs {
        border-top: none;
    }

    .dx-swatch-additional .dx-tabpanel .dx-tab {
        min-width: 72px;
    }

        .dx-swatch-additional .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
            background: none;
        }

    .dx-swatch-additional .dx-tabpanel .dx-tabs-wrapper {
        display: block;
    }

    .dx-swatch-additional .dx-fileuploader-wrapper {
        padding: 7px;
    }

    .dx-swatch-additional .dx-fileuploader-content > .dx-fileuploader-upload-button {
        margin-left: 3px;
        margin-right: 3px;
    }

    .dx-swatch-additional .dx-fileuploader-input-wrapper {
        padding: 7px 0 7px;
        border: 3px dashed transparent;
    }

    .dx-swatch-additional .dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label {
        position: relative;
    }

    .dx-swatch-additional .dx-fileuploader-dragover .dx-fileuploader-input-wrapper {
        border: none;
        padding: 0;
    }

        .dx-swatch-additional .dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button {
            display: none;
        }

    .dx-swatch-additional .dx-fileuploader-dragover .dx-fileuploader-input-label {
        text-align: center;
    }

    .dx-swatch-additional .dx-fileuploader-dragover .dx-fileuploader-input-container {
        display: block;
        border: 3px dashed #515159;
        width: 100%;
    }

    .dx-swatch-additional .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-swatch-additional .dx-fileuploader-dragover .dx-fileuploader-input-label {
        padding: 14px 9px;
    }

    .dx-swatch-additional .dx-fileuploader-file-status-message,
    .dx-swatch-additional .dx-fileuploader-file-size {
        color: #ffffff;
    }

    .dx-swatch-additional .dx-fileuploader-input {
        padding: 7px 0;
    }

    .dx-swatch-additional .dx-fileuploader-input-label {
        padding: 8px 9px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dx-swatch-additional .dx-fileuploader-show-file-list .dx-fileuploader-files-container {
        padding: 14px 3px 0;
    }

    .dx-swatch-additional .dx-fileuploader-empty .dx-fileuploader-files-container {
        padding: 0;
    }

    .dx-swatch-additional .dx-invalid .dx-fileuploader-files-container {
        padding-top: 50px;
    }

    .dx-swatch-additional .dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content {
        padding: 0;
    }

    .dx-swatch-additional .dx-fileuploader-files-container .dx-fileuploader-file-container {
        -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
        padding: 5px 8px;
        margin-bottom: 4px;
    }

        .dx-swatch-additional .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button {
            margin-right: 15px;
        }

    .dx-swatch-additional .dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button {
        margin-left: 15px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button {
        height: 36px;
        width: 36px;
        margin-right: 5px;
    }

    .dx-swatch-additional .dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button {
        margin-left: 5px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-fileuploader-file {
        padding-top: 5px;
        line-height: 13px;
    }

    .dx-swatch-additional .dx-fileuploader-file-name {
        padding-bottom: 3.5px;
        color: #fff;
        font-weight: 500;
    }

    .dx-swatch-additional .dx-fileuploader-file-size {
        padding-bottom: 3.5px;
    }

    .dx-swatch-additional .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:first-child {
        margin-top: 2px;
    }

    .dx-swatch-additional .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child {
        margin-bottom: 2px;
    }

    .dx-swatch-additional .dx-fileuploader-invalid .dx-fileuploader-file-status-message {
        color: #ed1c24;
    }

    .dx-swatch-additional .dx-fileuploader-invalid .dx-fileuploader-button-container {
        vertical-align: middle;
    }

    .dx-swatch-additional .dx-fileuploader-invalid .dx-fileuploader-cancel-button {
        margin-top: 0px;
    }

    .dx-swatch-additional .dx-invalid-message > .dx-overlay-content {
        background-color: transparent;
        color: #ed1c24;
        padding: 6px 0 0;
    }

    .dx-swatch-additional .dx-validationsummary > .dx-validationsummary-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .dx-swatch-additional .dx-form-validation-summary {
        margin-top: 20px;
    }

    .dx-swatch-additional .dx-timeview {
        height: auto;
        width: auto;
        background-color: #2a2a32;
    }

    .dx-swatch-additional .dx-timeview-clock {
        min-height: 260px;
        min-width: 260px;
        background: url("data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%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%22200px%22%20height%3d%22200px%22%20viewBox%3d%220%200%20200%20200%22%20style%3d%22enable-background%3anew%200%200%20200%20200%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cstyle%20type%3d%22text%2fcss%22%3e%0a%09.st0%7bfill%3a%23363640%3b%7d%0a%09.st1%7bfill%3argba(255%2c%20255%2c%20255%2c%200.6)%3b%7d%0a%09.st2%7bfill%3a%2303A9F4%3b%7d%0a%3c%2fstyle%3e%0a%3ccircle%20class%3d%22st0%22%20cx%3d%22100%22%20cy%3d%22100%22%20r%3d%22100%22%2f%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M98.2%2c17h-0.9v-5.6H96v-0.6l2.2-0.2C98.2%2c10.6%2c98.2%2c17%2c98.2%2c17z%22%2f%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M104.9%2c17h-4.1v-0.6l2.1-2.3c0.4-0.4%2c0.6-0.8%2c0.8-1c0.1-0.2%2c0.2-0.5%2c0.2-0.8s-0.1-0.6-0.3-0.8%0a%09%09c-0.2-0.2-0.4-0.3-0.7-0.3c-0.4%2c0-0.8%2c0.1-1%2c0.3s-0.3%2c0.5-0.3%2c1h-0.8l0%2c0c0-0.6%2c0.2-1%2c0.5-1.4s0.9-0.6%2c1.6-0.6c0.6%2c0%2c1%2c0.2%2c1.4%2c0.5%0a%09%09c0.3%2c0.3%2c0.5%2c0.8%2c0.5%2c1.3c0%2c0.3-0.1%2c0.7-0.3%2c1c-0.2%2c0.4-0.5%2c0.7-0.9%2c1.1l-1.7%2c1.8l0%2c0h3.1L104.9%2c17L104.9%2c17z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M181.4%2c97.4h0.8c0.4%2c0%2c0.7-0.1%2c0.8-0.3c0.2-0.2%2c0.2-0.5%2c0.2-0.8c0-0.4-0.1-0.6-0.3-0.8s-0.5-0.3-0.8-0.3%0a%09%09s-0.6%2c0.1-0.8%2c0.3c-0.2%2c0.2-0.3%2c0.5-0.3%2c0.8h-0.8l0%2c0c0-0.5%2c0.2-0.9%2c0.5-1.2c0.4-0.3%2c0.8-0.5%2c1.4-0.5c0.6%2c0%2c1.1%2c0.2%2c1.4%2c0.5%0a%09%09c0.4%2c0.3%2c0.5%2c0.8%2c0.5%2c1.3c0%2c0.3-0.1%2c0.5-0.2%2c0.8c-0.2%2c0.3-0.4%2c0.5-0.7%2c0.6c0.4%2c0.1%2c0.7%2c0.3%2c0.8%2c0.6c0.2%2c0.3%2c0.2%2c0.6%2c0.2%2c0.9%0a%09%09c0%2c0.6-0.2%2c1-0.6%2c1.4c-0.4%2c0.3-0.9%2c0.5-1.5%2c0.5s-1.1-0.2-1.4-0.5c-0.4-0.3-0.6-0.7-0.6-1.3l0%2c0h0.8c0%2c0.3%2c0.1%2c0.6%2c0.3%2c0.8%0a%09%09c0.2%2c0.2%2c0.5%2c0.3%2c0.9%2c0.3s0.7-0.1%2c0.9-0.3c0.2-0.2%2c0.3-0.5%2c0.3-0.9s-0.1-0.7-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3h-0.8v-0.7H181.4z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M16%2c100.4c0.4%2c0%2c0.8-0.2%2c1-0.5c0.3-0.3%2c0.4-0.8%2c0.4-1.4v-0.3c-0.1%2c0.2-0.3%2c0.4-0.5%2c0.5s-0.5%2c0.2-0.7%2c0.2%0a%09%09c-0.6%2c0-1.1-0.2-1.5-0.6s-0.5-0.9-0.5-1.6c0-0.6%2c0.2-1.2%2c0.6-1.6c0.4-0.4%2c0.9-0.6%2c1.4-0.6c0.7%2c0%2c1.2%2c0.2%2c1.6%2c0.6s0.6%2c1%2c0.6%2c1.8v1.5%0a%09%09c0%2c0.8-0.2%2c1.5-0.6%2c1.9s-1%2c0.7-1.6%2c0.7c-0.2%2c0-0.5%2c0-0.7-0.1c-0.2%2c0-0.4-0.1-0.6-0.2L15%2c100c0.2%2c0.1%2c0.4%2c0.2%2c0.5%2c0.2%0a%09%09C15.5%2c100.4%2c15.7%2c100.4%2c16%2c100.4z%20M16.1%2c98.2c0.3%2c0%2c0.6-0.1%2c0.8-0.2c0.2-0.1%2c0.4-0.3%2c0.5-0.5v-0.6c0-0.6-0.1-1-0.3-1.3%0a%09%09c-0.2-0.3-0.5-0.4-0.9-0.4c-0.3%2c0-0.6%2c0.1-0.8%2c0.4s-0.3%2c0.6-0.3%2c1.1c0%2c0.4%2c0.1%2c0.8%2c0.3%2c1.1C15.5%2c98%2c15.7%2c98.2%2c16.1%2c98.2z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M174.7%2c136.8h0.9v0.7h-0.9v1.5h-0.9v-1.5H171V137l2.8-4.4h0.9V136.8z%20M171.9%2c136.8h2v-3l0%2c0l-0.1%2c0.2%0a%09%09L171.9%2c136.8z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M175.4%2c60h-4.1v-0.6l2.1-2.3c0.4-0.4%2c0.6-0.8%2c0.8-1c0.1-0.2%2c0.2-0.5%2c0.2-0.8s-0.1-0.6-0.3-0.8%0a%09%09s-0.4-0.3-0.7-0.3c-0.4%2c0-0.8%2c0.1-1%2c0.3s-0.3%2c0.5-0.3%2c1h-0.8l0%2c0c0-0.6%2c0.2-1%2c0.5-1.4s0.9-0.6%2c1.6-0.6c0.6%2c0%2c1%2c0.2%2c1.4%2c0.5%0a%09%09c0.3%2c0.3%2c0.5%2c0.8%2c0.5%2c1.3c0%2c0.3-0.1%2c0.7-0.3%2c1c-0.2%2c0.4-0.5%2c0.7-0.9%2c1.1l-1.7%2c1.8l0%2c0h3.1V60H175.4z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M30.2%2c134.3c0%2c0.3-0.1%2c0.6-0.3%2c0.9c-0.2%2c0.3-0.4%2c0.4-0.8%2c0.6c0.4%2c0.1%2c0.7%2c0.3%2c0.9%2c0.6c0.2%2c0.3%2c0.3%2c0.6%2c0.3%2c1%0a%09%09c0%2c0.6-0.2%2c1-0.6%2c1.4c-0.4%2c0.3-0.9%2c0.5-1.5%2c0.5s-1.1-0.2-1.5-0.5s-0.6-0.8-0.6-1.4c0-0.4%2c0.1-0.7%2c0.3-1s0.5-0.5%2c0.9-0.6%0a%09%09c-0.3-0.1-0.6-0.3-0.8-0.6c-0.2-0.3-0.3-0.5-0.3-0.9c0-0.6%2c0.2-1%2c0.5-1.3s0.8-0.5%2c1.4-0.5s1%2c0.2%2c1.4%2c0.5%0a%09%09C30%2c133.3%2c30.2%2c133.7%2c30.2%2c134.3z%20M29.5%2c137.2c0-0.3-0.1-0.6-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3s-0.7%2c0.1-0.9%2c0.3%0a%09%09c-0.2%2c0.2-0.3%2c0.5-0.3%2c0.9s0.1%2c0.6%2c0.3%2c0.9c0.2%2c0.2%2c0.5%2c0.3%2c0.9%2c0.3s0.7-0.1%2c0.9-0.3S29.5%2c137.6%2c29.5%2c137.2z%20M29.3%2c134.3%0a%09%09c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3%2c0-0.6%2c0.1-0.7%2c0.3c-0.2%2c0.2-0.3%2c0.5-0.3%2c0.8s0.1%2c0.6%2c0.3%2c0.8%0a%09%09c0.2%2c0.2%2c0.4%2c0.3%2c0.8%2c0.3c0.3%2c0%2c0.6-0.1%2c0.7-0.3S29.3%2c134.6%2c29.3%2c134.3z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M26.2%2c60h-0.9v-5.6H24v-0.6l2.2-0.2C26.2%2c53.6%2c26.2%2c60%2c26.2%2c60z%22%2f%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M32.8%2c57.6c0%2c0.8-0.2%2c1.4-0.5%2c1.9c-0.4%2c0.4-0.9%2c0.7-1.5%2c0.7s-1.1-0.2-1.5-0.7s-0.5-1.1-0.5-1.9V56%0a%09%09c0-0.8%2c0.2-1.4%2c0.5-1.9c0.4-0.4%2c0.9-0.7%2c1.5-0.7s1.1%2c0.2%2c1.5%2c0.7c0.4%2c0.4%2c0.5%2c1.1%2c0.5%2c1.9V57.6z%20M32%2c55.9c0-0.6-0.1-1-0.3-1.2%0a%09%09c-0.2-0.3-0.5-0.4-0.9-0.4s-0.7%2c0.1-0.9%2c0.4c-0.2%2c0.3-0.3%2c0.7-0.3%2c1.2v1.9c0%2c0.6%2c0.1%2c1%2c0.3%2c1.3c0.2%2c0.3%2c0.5%2c0.4%2c0.9%2c0.4%0a%09%09s0.7-0.1%2c0.9-0.4c0.2-0.3%2c0.3-0.7%2c0.3-1.3V55.9z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M140.5%2c169.1l0.4-3.5h3.2v0.8h-2.5l-0.2%2c1.8c0.1-0.1%2c0.3-0.2%2c0.5-0.2c0.2-0.1%2c0.4-0.1%2c0.6-0.1%0a%09%09c0.6%2c0%2c1.1%2c0.2%2c1.4%2c0.6c0.3%2c0.4%2c0.5%2c0.9%2c0.5%2c1.6c0%2c0.6-0.2%2c1.2-0.5%2c1.5c-0.3%2c0.4-0.8%2c0.6-1.5%2c0.6c-0.5%2c0-1-0.1-1.4-0.4%0a%09%09c-0.4-0.3-0.5-0.7-0.5-1.3l0%2c0h0.8c0%2c0.3%2c0.1%2c0.6%2c0.3%2c0.8s0.5%2c0.3%2c0.8%2c0.3c0.4%2c0%2c0.7-0.1%2c0.9-0.4c0.2-0.3%2c0.3-0.6%2c0.3-1.1%0a%09%09c0-0.4-0.1-0.7-0.3-1s-0.5-0.4-0.8-0.4s-0.6%2c0.1-0.7%2c0.2c-0.2%2c0.1-0.3%2c0.3-0.3%2c0.5L140.5%2c169.1z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M142.7%2c29h-0.9v-5.6h-1.3v-0.6l2.2-0.2V29z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M61.4%2c166.3c-0.8%2c0.9-1.3%2c1.7-1.6%2c2.4s-0.5%2c1.6-0.6%2c2.6l-0.1%2c0.7h-0.9l0.1-0.7c0.1-1%2c0.4-1.9%2c0.7-2.7%0a%09%09s0.8-1.6%2c1.5-2.3H57v-0.7h4.3L61.4%2c166.3L61.4%2c166.3z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M57.2%2c29h-0.9v-5.6H55v-0.6l2.2-0.2V29z%22%2f%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M62.2%2c29h-0.9v-5.6H60v-0.6l2.2-0.2V29z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20class%3d%22st1%22%20d%3d%22M100.7%2c180.5c0.2%2c0%2c0.4%2c0%2c0.7%2c0.1c0.2%2c0%2c0.4%2c0.1%2c0.5%2c0.2l-0.2%2c0.7c-0.1-0.1-0.3-0.1-0.5-0.2%0a%09%09c-0.2%2c0-0.3-0.1-0.6-0.1c-0.5%2c0-0.8%2c0.2-1.1%2c0.5c-0.3%2c0.4-0.4%2c0.8-0.4%2c1.4v0.1c0.2-0.2%2c0.4-0.3%2c0.6-0.4c0.2-0.1%2c0.5-0.1%2c0.8-0.1%0a%09%09c0.6%2c0%2c1%2c0.2%2c1.4%2c0.6c0.3%2c0.4%2c0.5%2c0.9%2c0.5%2c1.5c0%2c0.7-0.2%2c1.2-0.5%2c1.6c-0.4%2c0.4-0.8%2c0.6-1.4%2c0.6s-1.1-0.2-1.6-0.7s-0.6-1.1-0.6-1.9%0a%09%09v-1.2c0-0.8%2c0.2-1.5%2c0.7-2S100%2c180.5%2c100.7%2c180.5z%20M100.4%2c183.4c-0.3%2c0-0.5%2c0.1-0.8%2c0.2c-0.2%2c0.1-0.4%2c0.3-0.5%2c0.5v0.5%0a%09%09c0%2c0.6%2c0.1%2c1%2c0.4%2c1.4s0.6%2c0.5%2c0.9%2c0.5c0.4%2c0%2c0.6-0.1%2c0.8-0.5c0.2-0.3%2c0.3-0.7%2c0.3-1.1c0-0.4-0.1-0.8-0.3-1%0a%09%09C101.1%2c183.5%2c100.8%2c183.4%2c100.4%2c183.4z%22%2f%3e%0a%3c%2fg%3e%0a%3ccircle%20class%3d%22st2%22%20cx%3d%22100%22%20cy%3d%22100%22%20r%3d%226%22%2f%3e%0a%3c%2fsvg%3e%0a") no-repeat 50% 50%;
        background-size: 215px;
    }

    .dx-swatch-additional .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%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%223px%22%20height%3d%2250px%22%20viewBox%3d%220%200%203%2050%22%20style%3d%22enable-background%3anew%200%200%203%2050%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cstyle%20type%3d%22text%2fcss%22%3e%0a%09.st0%7bfill%3a%2303A9F4%3b%7d%0a%3c%2fstyle%3e%0a%3crect%20class%3d%22st0%22%20width%3d%223%22%20height%3d%2250%22%2f%3e%0a%3c%2fsvg%3e%0a");
        background-size: 5px 57px;
    }

    .dx-swatch-additional .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%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%222px%22%20height%3d%2268px%22%20viewBox%3d%220%200%202%2068%22%20style%3d%22enable-background%3anew%200%200%202%2068%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cstyle%20type%3d%22text%2fcss%22%3e%0a%09.st0%7bfill%3a%2303A9F4%3b%7d%0a%3c%2fstyle%3e%0a%3crect%20class%3d%22st0%22%20width%3d%222%22%20height%3d%2268%22%2f%3e%0a%3c%2fsvg%3e%0a");
        background-size: 5px 79px;
    }

    .dx-swatch-additional .dx-timeview-format12 {
        width: 70px;
        margin-left: 5px;
        margin-right: auto;
    }

        .dx-swatch-additional .dx-timeview-format12.dx-rtl,
        .dx-swatch-additional .dx-rtl .dx-timeview-format12 {
            margin-left: auto;
            margin-right: 5px;
        }

        .dx-swatch-additional .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input {
            padding-right: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input {
        padding-left: 0;
    }

    .dx-swatch-additional .dx-rtl.dx-editor-filled.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl.dx-editor-outlined.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-editor-filled.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input,
    .dx-swatch-additional .dx-rtl .dx-editor-outlined.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input {
        padding-right: 12px;
    }

    .dx-swatch-additional .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button {
        margin-right: 0;
    }

        .dx-swatch-additional .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button.dx-rtl,
        .dx-swatch-additional .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button {
            margin-left: 0;
        }

    .dx-swatch-additional .dx-timeview-time-separator {
        margin: 0 5px;
    }

    .dx-swatch-additional .dx-timeview-field {
        min-height: 35px;
    }

        .dx-swatch-additional .dx-timeview-field .dx-numberbox {
            width: 70px;
        }

            .dx-swatch-additional .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
                width: 110px;
            }

    .dx-swatch-additional .dx-scheduler-pseudo-cell:before {
        content: "";
        width: 65px;
        display: table-cell;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-pseudo-cell:before {
        width: 32.5px;
    }

    .dx-swatch-additional .dx-scheduler-fixed-appointments {
        z-index: 100;
        position: absolute;
        left: 65px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-fixed-appointments {
        left: 32.5px;
    }

    .dx-swatch-additional .dx-scheduler-header {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-navigator {
        float: left;
        padding-left: 10px;
        white-space: nowrap;
        min-width: 180px;
        max-width: 40%;
    }

    .dx-swatch-additional .dx-device-mobile .dx-scheduler-navigator {
        padding-left: 5px;
    }

    .dx-swatch-additional .dx-scheduler-navigator-caption {
        width: 180px;
        min-width: 108px;
        max-width: 80%;
    }

    .dx-swatch-additional .dx-device-mobile .dx-scheduler-navigator-caption {
        width: 140px;
    }

    .dx-swatch-additional .dx-calendar.dx-scheduler-navigator-calendar {
        width: 100%;
        height: 100%;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-view-switcher.dx-tabs {
        max-width: 52%;
        min-width: 72px;
        width: auto;
        float: right;
        height: 100%;
        border: none;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper {
        border-bottom: none;
    }

    .dx-swatch-additional .dx-scheduler-view-switcher.dx-tabs .dx-tab {
        width: 100px;
    }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
            border-bottom: none;
        }

    .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button {
        position: absolute;
        right: 10px;
    }

    .dx-swatch-additional .dx-scheduler-view-switcher-label {
        position: absolute;
    }

    .dx-swatch-additional .dx-scheduler-view-switcher-reduced {
        table-layout: auto;
    }

        .dx-swatch-additional .dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab {
            width: auto;
            height: 56px;
        }

        .dx-swatch-additional .dx-scheduler-view-switcher-reduced .dx-tabs-wrapper {
            height: 56px;
        }

    .dx-swatch-additional .dx-scheduler-appointment-content-allday {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
        color: #ed1c24;
    }

        .dx-swatch-additional .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: #EB5757;
        }

    .dx-swatch-additional .dx-scheduler-date-time-shader-all-day {
        margin-left: 65px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.03);
        position: absolute;
        pointer-events: none;
    }

    .dx-swatch-additional .dx-scheduler-date-time-indicator {
        background-color: #EB5757;
        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-swatch-additional .dx-scheduler-date-time-indicator:before {
            font-size: 30px;
            color: #EB5757;
            position: absolute;
            z-index: 1000;
            margin-top: -14px;
            margin-left: -12px;
            text-shadow: rgba(255, 255, 255, 0.1) 1px 0px 0px;
        }

    .dx-swatch-additional .dx-scheduler-date-time-shader {
        pointer-events: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
        margin-left: 65px;
        height: 1px;
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before,
        .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before,
        .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before {
            content: "\f04e";
        }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
        margin-left: 32.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-date-time-shader,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-date-time-shader {
        margin-left: 65px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top:before,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top:before,
    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom:before,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom:before,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before {
        width: inherit;
        height: inherit;
        content: "";
        left: inherit;
        position: absolute;
        margin-left: 65px;
        background-color: rgba(0, 0, 0, 0.03);
    }

    .dx-swatch-additional .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
    .dx-swatch-additional .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
    .dx-swatch-additional .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
    .dx-swatch-additional .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
    .dx-swatch-additional .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
    .dx-swatch-additional .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
    .dx-swatch-additional .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator {
        margin-left: 0;
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
        .dx-swatch-additional .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
        .dx-swatch-additional .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
            content: "\f04f";
        }

        .dx-swatch-additional .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
        .dx-swatch-additional .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
        .dx-swatch-additional .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
            margin-right: -12px;
        }

    .dx-swatch-additional .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
    .dx-swatch-additional .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top:before,
    .dx-swatch-additional .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
    .dx-swatch-additional .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom:before {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-timeline-week .dx-scheduler-header-panel,
    .dx-swatch-additional .dx-scheduler-timeline-work-week .dx-scheduler-header-panel,
    .dx-swatch-additional .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline-week .dx-scheduler-header-panel thead,
        .dx-swatch-additional .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead,
        .dx-swatch-additional .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel thead,
        .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline-week .dx-scheduler-header-row,
    .dx-swatch-additional .dx-scheduler-timeline-work-week .dx-scheduler-header-row,
    .dx-swatch-additional .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell,
    .dx-swatch-additional .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell,
    .dx-swatch-additional .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-week-cell,
    .dx-swatch-additional .dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
    }

    .dx-swatch-additional .dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
        border-right: none;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-time-indicator {
        width: 1px;
        top: 0;
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
            content: "\f001";
        }

        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
            margin-left: -14px;
            margin-top: -12px;
        }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-time-shader {
        height: 100%;
        position: absolute;
    }

        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-time-shader:before {
            width: inherit;
            height: 100%;
            content: "";
            left: 0;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.03);
        }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
        border-bottom: 2px solid #EB5757;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
            content: none;
        }

    .dx-swatch-additional .dx-scheduler-work-space {
        border: 1px solid #515159;
        background-color: #363640;
        position: relative;
        display: inline-block;
        overflow: hidden;
        height: 100%;
        width: 100%;
        border-top: none;
        float: left;
    }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
            border-right: none;
        }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
            border-top: 1px solid #515159;
        }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
            border-left: 1px solid #515159;
        }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
            border-left: 1px solid #515159;
            border-top: 1px solid #515159;
        }

        .dx-swatch-additional .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
        .dx-swatch-additional .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
            padding-bottom: 50px;
            margin-bottom: -50px;
        }

        .dx-swatch-additional .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
        .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
        .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
        .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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 #515159;
        }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
            border-bottom: 1px solid #515159;
        }

    .dx-swatch-additional .dx-scheduler-date-table-scrollable .dx-scrollable-content {
        overflow: hidden;
        position: relative;
    }

    .dx-swatch-additional .dx-scheduler-date-table-cell {
        border-top: 1px solid #515159;
        height: 50px;
    }

        .dx-swatch-additional .dx-scheduler-date-table-cell > div,
        .dx-swatch-additional .dx-scheduler-all-day-table-cell > div {
            pointer-events: none;
        }

    .dx-swatch-additional .dx-scheduler-date-table-cell,
    .dx-swatch-additional .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-time-panel-cell,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-date-table-current-date {
        font-weight: bold;
    }

    .dx-swatch-additional .dx-scheduler-date-table-other-month {
        opacity: 0.5;
    }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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 #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
    .dx-swatch-additional .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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: #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell {
        border-left: none;
        border-right: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel {
        margin-top: 1px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-all-day-table-cell {
        border-left: 1px solid #515159;
        border-top: 1px solid #515159;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title {
        border-top: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
        padding: 0px 7px;
    }

    .dx-swatch-additional .dx-scheduler-scrollable-fixed-content {
        height: 100%;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-all-day-title {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-header-panel {
        width: 100%;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-date-table {
        width: 100%;
        height: 100%;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
        border-right: none;
    }

        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child,
        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child {
            border-left: none;
        }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        height: auto;
        vertical-align: top;
        text-align: right;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.54);
    }

        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
            padding-right: 6px;
        }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
        padding: 0 7px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
        padding: 0 25px 0 7px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
        padding: 0 7px 0 25px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon {
        top: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell {
        height: 75px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month {
        color: #ed1c24;
        background-color: rgba(255, 87, 34, 0.15);
        font-weight: bold;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-all-day-panel,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-all-day-panel,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-all-day-title,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-all-day-title {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
        right: 20px;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-fixed-appointments {
        left: 0;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-header-row:before,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
        content: none;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-table {
        border-spacing: 0;
        border-collapse: separate;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-table-cell {
        width: 200px;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-table-cell {
        border-right: none;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
        display: none;
    }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
            margin-top: 200%;
        }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline .dx-scheduler-group-header-content div {
            white-space: normal;
            line-height: normal;
        }

    .dx-swatch-additional .dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
    .dx-swatch-additional .dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
        font-weight: normal;
        text-align: left;
    }

    .dx-swatch-additional .dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
    .dx-swatch-additional .dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
        position: relative;
        left: 80px;
        width: 80px;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
        width: 200px;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-table,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-group-table {
        height: 100%;
        min-height: 100px;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table {
        height: auto;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
        padding-bottom: 50px;
        margin-bottom: -50px;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-header-scrollable {
        height: auto;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
        display: block;
        float: left;
        padding-bottom: 50px;
        margin-bottom: -50px;
    }

        .dx-swatch-additional .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 #515159;
        }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
        border: none;
        border-top: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
        border-left: none;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
    .dx-swatch-additional .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 #515159;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
        display: none;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before {
        width: 100px;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
        margin-left: 100px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
        left: 100px;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before {
        width: 160px;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
        margin-left: 160px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
        left: 160px;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-table,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable:before {
        width: 180px;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
        margin-left: 180px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
        left: 180px;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header {
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell {
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
        top: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
        height: 91px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
        .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
        border-right: none;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
        border-left: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
        border-right: none;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
        border-left: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
        border-right: none;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
        border-left: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
    .dx-swatch-additional .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
    .dx-swatch-additional .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
    .dx-swatch-additional .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 #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
    .dx-swatch-additional .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
    .dx-swatch-additional .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
    .dx-swatch-additional .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 #515159;
        border-left: 1px solid #515159;
    }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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 #515159;
    }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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 #515159;
    }

    .dx-swatch-additional .dx-scheduler-header-panel {
        border-collapse: collapse;
        table-layout: fixed;
        margin-top: 10px;
        width: 100%;
        font-size: 20px;
    }

    .dx-swatch-additional .dx-scheduler-all-day-title-hidden {
        display: none;
    }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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: 65px;
    }

    .dx-swatch-additional .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-swatch-additional .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: 32.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
        width: auto;
        margin-left: 0;
    }

        .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row:before,
        .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row:before {
            display: none;
        }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel {
        margin-left: 0;
    }

        .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row:before {
            display: none;
        }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
        z-index: 100;
        border-right: 1px solid #515159;
    }

        .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
            content: "";
            position: absolute;
            left: 0;
            width: 65px;
            border-right: 1px solid #515159;
        }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        width: 32.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
        float: none;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
        float: left;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-left: 65px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-left: 32.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 81px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 111px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 141px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
        height: 51px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
        height: auto;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 31px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 61px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 91px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
        height: 1px;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
        margin: 0 0 0 65px;
        padding: 0;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
        margin: 0 0 0 32.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
        margin: 0 65px 0 0;
    }

    .dx-swatch-additional .dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
        margin: 0 32.5px 0 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 156px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 186px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 216px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
        height: 126px;
    }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
        height: 86px;
    }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 81px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 111px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 141px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
        height: 51px;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
        border-left: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments {
        top: 0;
    }

    .dx-swatch-additional .dx-scheduler-header-panel-cell {
        position: relative;
        border-left: 1px solid #515159;
        border-right: 1px solid #515159;
        color: rgba(255, 255, 255, 0.54);
        padding: 0;
        vertical-align: middle;
        height: 40px;
        text-align: center;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dx-swatch-additional .dx-scheduler-group-row:before,
    .dx-swatch-additional .dx-scheduler-header-row:before,
    .dx-swatch-additional .dx-scheduler-all-day-table-row:before {
        content: "";
        width: 65px;
        display: table-cell;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-group-row:before,
    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-header-row:before,
    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-all-day-table-row:before {
        width: 32.5px;
    }

    .dx-swatch-additional .dx-scheduler-all-day-panel {
        width: 100%;
    }

        .dx-swatch-additional .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
            border-bottom: 2px solid #515159;
        }

    .dx-swatch-additional .dx-scheduler-all-day-title {
        color: rgba(255, 255, 255, 0.54);
        width: 65px;
        height: 75px;
        position: absolute;
        line-height: 75px;
        text-align: center;
        border-bottom: 2px solid #515159;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-all-day-title {
        width: 32.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
        height: 25px;
        line-height: 25px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title {
        height: 50px;
        line-height: 50px;
    }

    .dx-swatch-additional .dx-scheduler-all-day-table {
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-all-day-table {
        height: 75px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
        height: 25px;
    }

    .dx-swatch-additional .dx-scheduler-group-header {
        height: 30px;
        text-align: center;
    }

    .dx-swatch-additional .dx-scheduler-time-panel {
        float: left;
        width: 65px;
        border-collapse: collapse;
        font-size: 20px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-time-panel {
        width: 32.5px;
        font-size: 14px;
    }

    .dx-swatch-additional .dx-scheduler-time-panel-cell {
        color: rgba(255, 255, 255, 0.54);
        position: relative;
        width: 100%;
        text-align: right;
        vertical-align: top;
        height: 50px;
        padding-right: 20px;
        border-bottom: 1px solid transparent;
    }

        .dx-swatch-additional .dx-scheduler-time-panel-cell > div {
            margin-top: -13px;
        }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-time-panel-cell {
        padding-left: 0;
        padding-right: 10px;
    }

    .dx-swatch-additional .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell > div {
        margin-top: 0px;
    }

    .dx-swatch-additional .dx-scheduler-time-panel-cell:after {
        position: absolute;
        bottom: -1px;
        width: 10%;
        height: 1px;
        content: '';
        right: 0;
        background-color: #515159;
    }

    .dx-swatch-additional .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
        color: #ed1c24;
    }

        .dx-swatch-additional .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: #EB5757;
        }

    .dx-swatch-additional .dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-date-table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        float: left;
        margin-left: -65px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-date-table {
        margin-left: -32.5px;
    }

    .dx-swatch-additional .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
        content: "";
        width: 65px;
        display: table-cell;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
        width: 32.5px;
    }

    .dx-swatch-additional .dx-scheduler-date-table-cell {
        border-left: 1px solid #515159;
        border-right: 1px solid #515159;
        height: 50px;
    }

        .dx-swatch-additional .dx-scheduler-all-day-table-cell.dx-state-active,
        .dx-swatch-additional .dx-scheduler-date-table-cell.dx-state-active {
            background-color: #515159;
        }

        .dx-swatch-additional .dx-scheduler-all-day-table-cell.dx-state-hover,
        .dx-swatch-additional .dx-scheduler-date-table-cell.dx-state-hover {
            background-color: rgba(255, 255, 255, 0.54);
        }

            .dx-swatch-additional .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
            .dx-swatch-additional .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
                background-color: rgba(255, 87, 34, 0.12);
            }

        .dx-swatch-additional .dx-scheduler-all-day-table-cell.dx-state-focused,
        .dx-swatch-additional .dx-scheduler-date-table-cell.dx-state-focused {
            background-color: rgba(255, 87, 34, 0.12);
            opacity: 1;
        }

        .dx-swatch-additional .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
        .dx-swatch-additional .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
            -webkit-box-shadow: inset 0 0 0 1px #ed1c24;
            box-shadow: inset 0 0 0 1px #ed1c24;
        }

    .dx-swatch-additional .dx-scheduler-date-table-droppable-cell {
        background-color: #2a2a32;
    }

    .dx-swatch-additional .dx-scheduler-scrollable-appointments {
        position: absolute;
        top: 0;
    }

    .dx-swatch-additional .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: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
        -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-swatch-additional .dx-scheduler-appointment.dx-state-active,
        .dx-swatch-additional .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-swatch-additional .dx-scheduler-appointment.dx-state-focused {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-scheduler-appointment.dx-state-focused:before {
                pointer-events: none;
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }

            .dx-swatch-additional .dx-scheduler-appointment.dx-state-focused:before {
                background-color: rgba(0, 0, 0, 0.3);
                opacity: 0.98;
            }

        .dx-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top {
                height: 5px;
            }

            .dx-swatch-additional .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left {
                width: 5px;
            }

        .dx-swatch-additional .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-swatch-additional .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-swatch-additional .dx-scheduler-appointment.dx-draggable-dragging {
            z-index: 1000;
            opacity: 0.7;
        }

        .dx-swatch-additional .dx-scheduler-appointment .dx-resizable-handle-left {
            left: -1px;
        }

        .dx-swatch-additional .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
            position: absolute;
            top: 3px;
            right: 5px;
            font: 14px/1 DXIcons;
        }

            .dx-swatch-additional .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
                content: "\f00e";
            }

    .dx-swatch-additional .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
        right: auto;
        left: 3px;
        font: 14px/1 DXIcons;
    }

        .dx-swatch-additional .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
            content: "\f011";
        }

    .dx-swatch-additional .dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon,
    .dx-swatch-additional .dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-appointment.dx-state-disabled {
        cursor: default;
        opacity: 0.6;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
        padding-right: 40px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced-icon,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced-icon,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced-icon {
        top: 9px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
        top: calc(35% - 3px);
        right: 20px;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment,
    .dx-swatch-additional .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-swatch-additional .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
    .dx-swatch-additional .dx-scheduler-all-day-appointment.dx-state-active,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused,
    .dx-swatch-additional .dx-scheduler-all-day-appointment.dx-state-focused {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
        .dx-swatch-additional .dx-scheduler-all-day-appointment.dx-state-focused:before {
            pointer-events: none;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
        .dx-swatch-additional .dx-scheduler-all-day-appointment.dx-state-focused:before {
            background-color: rgba(0, 0, 0, 0.3);
            opacity: 0.98;
        }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-swatch-additional .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-swatch-additional .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
    .dx-swatch-additional .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-swatch-additional .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-swatch-additional .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-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon {
        position: absolute;
        top: 15%;
    }

    .dx-swatch-additional .dx-scheduler-appointment.dx-scheduler-appointment-body,
    .dx-swatch-additional .dx-scheduler-appointment.dx-scheduler-appointment-tail {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-swatch-additional .dx-scheduler-group-header-content div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dx-swatch-additional .dx-scheduler-appointment-recurrence-icon {
        position: absolute;
        background-repeat: no-repeat;
        top: 3px;
        right: 5px;
        display: none;
    }

        .dx-swatch-additional .dx-scheduler-appointment-recurrence-icon.dx-icon-repeat {
            font-size: 18px;
        }

    .dx-swatch-additional .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon {
        display: block;
    }

    .dx-swatch-additional .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
        padding: 5px 25px 5px 7px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
        padding: 5px 7px 5px 25px;
    }

    .dx-swatch-additional .dx-scheduler-appointment-content {
        padding: 5px 7px;
        cursor: pointer;
        height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 0.99;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
        font-size: 12px;
    }

    .dx-swatch-additional .dx-scheduler-appointment-content > * {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dx-swatch-additional .dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details,
    .dx-swatch-additional .dx-scheduler-appointment-empty .dx-scheduler-appointment-title,
    .dx-swatch-additional .dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-appointment-content-details {
        font-size: 11px;
        white-space: pre;
        overflow: hidden;
    }

    .dx-swatch-additional .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-appointment-content-date {
        opacity: 0.7;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch,
    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox {
        margin: 0;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-field-item-label-location-left {
        padding-right: 20px;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item {
        padding-top: 13px;
    }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align.dx-flex-layout {
            -webkit-align-items: start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
        }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value,
        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label {
            float: none;
        }

            .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value .dx-recurrence-numberbox-repeat-count,
            .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label .dx-recurrence-numberbox-repeat-count {
                float: left;
            }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
            padding-top: 7px;
        }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
            position: absolute;
            left: -90px;
            padding-right: 10px;
        }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
            position: relative;
            left: -88px;
            top: 13px;
        }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value {
            display: inline-block;
        }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-field {
        min-height: 0;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-field-label {
        width: auto;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-field-value {
        padding-left: 0;
        padding-right: 0;
    }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox {
            float: left;
        }

            .dx-swatch-additional .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
                float: right;
            }

    .dx-swatch-additional .dx-scheduler-appointment-collector {
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button,
        .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button.dx-state-hover,
        .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button.dx-state-active,
        .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button.dx-state-focused {
            background-color: #ed1c24;
            color: rgba(0, 0, 0, 0.87);
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button .dx-button-content,
            .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content,
            .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button.dx-state-active .dx-button-content,
            .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button.dx-state-focused .dx-button-content {
                line-height: inherit;
            }

            .dx-swatch-additional .dx-scheduler-appointment-collector.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: 0.98;
            }

            .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content {
                color: rgba(0, 0, 0, 0.87);
                opacity: 0.99;
            }

    .dx-swatch-additional .dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child {
        padding-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
        margin-top: 10px;
    }

    .dx-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .dx-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
        padding-left: 65px;
        width: 100%;
        height: 0;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
        padding-left: 32.5px;
    }

        .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl {
            padding-left: 0;
            padding-right: 32.5px;
        }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-appointment {
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-time-panel {
        margin-top: 0;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell {
        padding-top: 0;
        padding-bottom: 0;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
        vertical-align: top;
    }

        .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-time-panel-cell:after {
            display: none;
        }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-table {
        border-spacing: 0;
        border-collapse: collapse;
        margin-top: 0;
        height: 100%;
        float: left;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-time-panel-cell,
    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-date-table-cell {
        border: none;
    }

    .dx-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
        float: right;
    }

    .dx-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content:before {
        border-bottom: none;
    }

    .dx-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell:after {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row {
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-right: -80px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -40px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -80px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -40px;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 145px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 72.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 145px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-right: 72.5px;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-right: -160px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -80px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -160px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -80px;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 225px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 112.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 225px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-right: 112.5px;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-right: -240px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -120px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -240px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -120px;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 305px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 152.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 305px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-right: 152.5px;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
        width: 40px;
        font-size: 14px;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-header[rowspan='2'],
    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-header[rowspan='3'] {
        font-weight: bold;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-header-content {
        width: 80px;
        overflow: hidden;
    }

        .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-header-content:before {
            content: "";
            display: block;
            height: 1px;
            width: 100%;
            border-bottom: 1px solid #515159;
        }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header-content {
        width: 38px;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-header-content div {
        white-space: normal;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-appointment-content {
        font-size: 16px;
    }

        .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
        .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
            opacity: 1;
            font-weight: bold;
            font-size: 13px;
            margin-top: 4px;
        }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
        padding-right: 0;
        padding-left: 5px;
    }

    .dx-swatch-additional .dx-scheduler-agenda-nodata {
        font-size: 20px;
        opacity: 0.5;
        text-align: center;
        position: absolute;
        top: 45%;
        left: 0;
        right: 0;
    }

    .dx-swatch-additional .dx-timezone-editor {
        overflow: hidden;
    }

        .dx-swatch-additional .dx-timezone-editor .dx-timezone-display-name {
            float: left;
            width: 75%;
        }

        .dx-swatch-additional .dx-timezone-editor .dx-timezone-iana-id {
            float: right;
            width: 23%;
        }

    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
        margin-left: 0 !important;
    }

    .dx-swatch-additional .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content {
        height: 40px;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row,
    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
        height: auto;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
        width: 65px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -130px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
            width: 130px;
        }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-right: -130px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 130px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
        left: 130px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
        right: 130px;
        left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-left: 131px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 131px;
    }

    .dx-swatch-additional .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 131px;
    }

    .dx-swatch-additional .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: 131px;
    }

    .dx-swatch-additional .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-swatch-additional .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 131px 0 0;
    }

    .dx-swatch-additional .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: 131px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 65px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 65px;
    }

    .dx-swatch-additional .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 65px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
        margin-left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        left: 65px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 65px;
        left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
        width: 65px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
        width: 97.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -162.5px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
            width: 162.5px;
        }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-right: -162.5px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 162.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
        left: 162.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
        right: 162.5px;
        left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-left: 163.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 163.5px;
    }

    .dx-swatch-additional .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 163.5px;
    }

    .dx-swatch-additional .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: 163.5px;
    }

    .dx-swatch-additional .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-swatch-additional .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 163.5px 0 0;
    }

    .dx-swatch-additional .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: 163.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 97.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 97.5px;
    }

    .dx-swatch-additional .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 97.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
        margin-left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        left: 97.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 97.5px;
        left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
        width: 97.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
        width: 130px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -195px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
            width: 195px;
        }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-right: -195px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 195px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
        left: 195px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
        right: 195px;
        left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-left: 196px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 196px;
    }

    .dx-swatch-additional .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 196px;
    }

    .dx-swatch-additional .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: 196px;
    }

    .dx-swatch-additional .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-swatch-additional .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 196px 0 0;
    }

    .dx-swatch-additional .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: 196px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 130px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 130px;
    }

    .dx-swatch-additional .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 130px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
        margin-left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        left: 130px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 130px;
        left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
        width: 130px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
        float: left;
        height: 100%;
        min-height: 100px;
        border-right: 1px solid #515159;
        border-top: 1px solid #515159;
        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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row:before {
            display: none;
        }

    .dx-swatch-additional .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 #515159;
        padding: 0;
        overflow: hidden;
        width: 100%;
        border-right: none;
    }

        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'],
        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] {
            border-bottom: none;
        }

            .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
            .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
                margin-top: 200%;
            }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content div {
            white-space: normal;
            line-height: normal;
        }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
        font-weight: normal;
        text-align: left;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
        position: relative;
        left: 75px;
        width: 75px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
        border-top: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel {
        display: table-cell;
        position: relative;
    }

        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
            content: "";
            width: 65px;
            display: table-cell;
        }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
        width: 32.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row {
        height: 50px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell {
        border-top: 1px solid #515159;
    }

        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div {
            margin-top: 0px;
        }

    .dx-swatch-additional .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 #515159;
        box-shadow: inset 0 -1px 0 #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
        border-bottom: 2px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 81px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 111px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 141px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
        height: 51px;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        display: block;
        float: left;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        left: 66px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header {
        -webkit-box-shadow: 0 -2px 0 #515159;
        box-shadow: 0 -2px 0 #515159;
        border-bottom: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        height: 75px;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row:before {
        display: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        border-top: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable,
    .dx-swatch-additional .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-swatch-additional .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-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-group-table {
        border-right: none;
        border-left: 1px solid #515159;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-date-time-shader-all-day {
        margin-left: 0;
        margin-right: 65px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-navigator {
        float: right;
        padding-left: 0;
        padding-right: 10px;
    }

    .dx-swatch-additional .dx-device-mobile .dx-rtl .dx-scheduler-navigator {
        padding-right: 5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-view-switcher.dx-tabs {
        float: left;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu {
        left: 10px;
        right: auto;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table {
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-header-panel {
        left: 0;
        right: inherit;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-all-day-panel table {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-group-table,
    .dx-swatch-additional .dx-rtl .dx-scheduler-time-panel {
        float: right;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-time-panel-cell {
        text-align: left;
        padding-left: 20px;
        padding-right: 0;
    }

        .dx-swatch-additional .dx-rtl .dx-scheduler-time-panel-cell:after {
            right: auto;
            left: 0;
        }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        border-right: 1px solid #515159;
    }

        .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child,
        .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child {
            border-right: none;
        }

    .dx-swatch-additional .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: -65px;
    }

    .dx-swatch-additional .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: -32.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-appointment-recurrence-icon {
        left: 20px;
        right: auto;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
        left: 20px;
        right: auto;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell,
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
        border-right: 1px solid #515159;
        border-left: none;
    }

    .dx-swatch-additional .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
        border-left: 1px solid #515159;
        border-right: none;
    }

        .dx-swatch-additional .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
            right: 0;
            border-left: 1px solid #515159;
            border-right: none;
        }

    .dx-swatch-additional .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
        float: right;
    }

    .dx-swatch-additional .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-right: 65px;
        margin-left: auto;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-right: 32.5px;
    }

    .dx-swatch-additional .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
        border-left: 1px solid #515159;
        border-right: none;
    }

    .dx-swatch-additional .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-swatch-additional .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
    .dx-swatch-additional .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
    .dx-swatch-additional .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-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
        float: right;
    }

        .dx-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
            right: 0;
            border-left: 1px solid #515159;
            border-right: none;
        }

    .dx-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
        border-left: 1px solid #515159;
        border-right: none;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
        margin-right: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-fixed-appointments {
        left: 0;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
        padding: 0 5px 0 10px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
    .dx-swatch-additional .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-swatch-additional .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
        margin-right: 32.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
        padding-right: 65px;
        padding-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
        padding-right: 32.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table {
        float: right;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
        float: left;
    }

    .dx-swatch-additional .dx-rtl .dx-timezone-editor .dx-timezone-display-name {
        float: right;
    }

    .dx-swatch-additional .dx-rtl .dx-timezone-editor .dx-timezone-iana-id {
        float: left;
    }

    .dx-swatch-additional .dx-scheduler-scrollable-fixed-content {
        height: auto;
    }

    .dx-swatch-additional .dx-scheduler-time-panel-cell {
        height: 38px;
        padding-right: 8px;
    }

        .dx-swatch-additional .dx-scheduler-time-panel-cell:after {
            content: none;
        }

        .dx-swatch-additional .dx-scheduler-time-panel-cell > div {
            margin-top: -6px;
            font-size: 12px;
        }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-time-panel-cell > div {
        font-size: 11px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-time-panel-cell {
        padding-right: 2px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-time-panel-cell {
        padding-left: 8px;
        padding-right: 0;
    }

    .dx-swatch-additional .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before {
        content: none;
    }

    .dx-swatch-additional .dx-scheduler-date-table-cell {
        height: 38px;
    }

    .dx-swatch-additional .dx-scheduler-all-day-title {
        height: 57px;
        line-height: 57px;
        font-size: 12px;
        top: 64px;
        border-bottom: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-all-day-title {
        font-size: 9.6px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
        height: 19px;
        line-height: 19px;
    }

    .dx-swatch-additional .dx-scheduler-appointment-content .dx-scheduler-appointment-title,
    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-title {
        font-size: 12px;
    }

    .dx-swatch-additional .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
    .dx-swatch-additional .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday,
    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
        font-size: 10px;
        font-weight: normal;
        opacity: 0.7;
    }

    .dx-swatch-additional[dx-group-row-count='1'] .dx-scheduler-all-day-title {
        top: 94px;
    }

        .dx-swatch-additional[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
            top: -39px;
            height: 38px;
        }

    .dx-swatch-additional[dx-group-row-count='2'] .dx-scheduler-all-day-title {
        top: 124px;
    }

        .dx-swatch-additional[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
            top: -69px;
            height: 68px;
        }

    .dx-swatch-additional[dx-group-row-count='3'] .dx-scheduler-all-day-title {
        top: 154px;
    }

        .dx-swatch-additional[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
            top: -99px;
            height: 98px;
        }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
        top: 120px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week[dx-group-row-count='1'] .dx-scheduler-all-day-title,
    .dx-swatch-additional .dx-scheduler-work-space-work-week[dx-group-row-count='1'] .dx-scheduler-all-day-title {
        top: 150px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-week[dx-group-row-count='1'] .dx-scheduler-all-day-title:before,
        .dx-swatch-additional .dx-scheduler-work-space-work-week[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
            top: -95px;
            height: 94px;
        }

    .dx-swatch-additional .dx-scheduler-work-space-week[dx-group-row-count='2'] .dx-scheduler-all-day-title,
    .dx-swatch-additional .dx-scheduler-work-space-work-week[dx-group-row-count='2'] .dx-scheduler-all-day-title {
        top: 180px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-week[dx-group-row-count='2'] .dx-scheduler-all-day-title:before,
        .dx-swatch-additional .dx-scheduler-work-space-work-week[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
            top: -125px;
            height: 124px;
        }

    .dx-swatch-additional .dx-scheduler-work-space-week[dx-group-row-count='3'] .dx-scheduler-all-day-title,
    .dx-swatch-additional .dx-scheduler-work-space-work-week[dx-group-row-count='3'] .dx-scheduler-all-day-title {
        top: 210px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-week[dx-group-row-count='3'] .dx-scheduler-all-day-title:before,
        .dx-swatch-additional .dx-scheduler-work-space-work-week[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
            top: -155px;
            height: 154px;
        }

    .dx-swatch-additional .dx-scheduler-all-day-table {
        height: 57px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
        height: 19px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
        width: 65px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -130px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
            width: 130px;
        }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-right: -130px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 130px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
        left: 130px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
        right: 130px;
        left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-left: 132px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 132px;
    }

    .dx-swatch-additional .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 132px;
    }

    .dx-swatch-additional .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: 132px;
    }

    .dx-swatch-additional .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-swatch-additional .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 132px 0 0;
    }

    .dx-swatch-additional .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: 132px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 65px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 65px;
    }

    .dx-swatch-additional .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 65px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
        margin-left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        left: 65px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 65px;
        left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
        width: 65px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
        width: 97.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -162.5px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
            width: 162.5px;
        }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-right: -162.5px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 162.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
        left: 162.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
        right: 162.5px;
        left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-left: 164.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 164.5px;
    }

    .dx-swatch-additional .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 164.5px;
    }

    .dx-swatch-additional .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: 164.5px;
    }

    .dx-swatch-additional .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-swatch-additional .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 164.5px 0 0;
    }

    .dx-swatch-additional .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: 164.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 97.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 97.5px;
    }

    .dx-swatch-additional .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 97.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
        margin-left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        left: 97.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 97.5px;
        left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
        width: 97.5px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
        width: 130px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
        width: 100%;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -195px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
        .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
            width: 195px;
        }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-right: -195px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        width: 195px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
        left: 195px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
        right: 195px;
        left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
        margin-left: 197px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
        left: 197px;
    }

    .dx-swatch-additional .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 197px;
    }

    .dx-swatch-additional .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: 197px;
    }

    .dx-swatch-additional .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-swatch-additional .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 197px 0 0;
    }

    .dx-swatch-additional .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: 197px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
        width: 130px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        margin-left: 130px;
    }

    .dx-swatch-additional .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 130px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
        margin-left: 0;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        left: 130px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
        right: 130px;
        left: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
        width: 130px;
    }

    .dx-swatch-additional .dx-scheduler-appointment-content {
        padding: 5px 7px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
        padding: 5px 7px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-date-time-indicator {
        height: 2px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before,
        .dx-swatch-additional .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before,
        .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before,
        .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-date-time-indicator:before {
            display: none;
        }

    .dx-swatch-additional .dx-scheduler-header-panel {
        margin-top: 0;
    }

    .dx-swatch-additional .dx-scheduler-header-panel-cell {
        height: 56px;
        text-align: left;
        vertical-align: bottom;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-header-panel-cell {
        text-align: right;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
        height: 22px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell {
        height: 34px;
        font-size: 12px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
        height: 34px;
        font-size: 12px;
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 11px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell {
        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-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .dx-swatch-additional .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell {
        border-bottom: 1px solid #515159;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .dx-swatch-additional .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
        content: none;
    }

    .dx-swatch-additional .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
        display: block;
        margin: 0 14px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
        margin: 0 7px;
    }

    .dx-swatch-additional .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:first-child {
        font-size: 12px;
        line-height: 7px;
    }

    .dx-swatch-additional .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:last-child {
        font-size: 30px;
        line-height: 35px;
    }

    .dx-swatch-additional .dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 56px;
        margin-bottom: -56px;
    }

    .dx-swatch-additional .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 86px;
        margin-bottom: -86px;
    }

    .dx-swatch-additional .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 116px;
        margin-bottom: -116px;
    }

    .dx-swatch-additional .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 146px;
        margin-bottom: -146px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 113px;
        margin-bottom: -113px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 143px;
        margin-bottom: -143px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 173px;
        margin-bottom: -173px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 203px;
        margin-bottom: -203px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 75px;
        margin-bottom: -75px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.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-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.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-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.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-swatch-additional .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 30px;
        margin-bottom: -30px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 60px;
        margin-bottom: -60px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 90px;
        margin-bottom: -90px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 57px;
        margin-bottom: -57px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 87px;
        margin-bottom: -87px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 117px;
        margin-bottom: -117px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 147px;
        margin-bottom: -147px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 19px;
        margin-bottom: -19px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 49px;
        margin-bottom: -49px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 79px;
        margin-bottom: -79px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 109px;
        margin-bottom: -109px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
        top: 65px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-header-panel {
        margin-top: 0;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='1'] .dx-scheduler-all-day-title {
        top: 150px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
            top: -95px;
            height: 94px;
        }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='2'] .dx-scheduler-all-day-title {
        top: 180px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
            top: -125px;
            height: 124px;
        }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='3'] .dx-scheduler-all-day-title {
        top: 210px;
    }

        .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
            top: -155px;
            height: 154px;
        }

    .dx-swatch-additional .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title {
        top: 120px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell,
    .dx-swatch-additional .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
        border-left: 1px solid #515159;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell,
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
        border-bottom: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 56px;
        margin-bottom: -56px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 86px;
        margin-bottom: -86px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 116px;
        margin-bottom: -116px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 146px;
        margin-bottom: -146px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
        padding-top: 3px;
        font-size: 12px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month {
        border-left: 1px solid #515159;
        border-top: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel {
        border-bottom: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        font-size: 14px;
        text-align: left;
        height: 100px;
    }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
            padding: 8px;
        }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        text-align: right;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
        font-size: 12px;
        margin-left: 8px;
        line-height: 22px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector {
        margin-top: 7px;
        margin-left: 52px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable {
        padding-bottom: 22px;
        margin-bottom: -22px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-current-date {
        color: #ed1c24;
    }

    .dx-swatch-additional .dx-scheduler-adaptive .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector {
        margin: 0;
    }

    .dx-swatch-additional .dx-scheduler-adaptive .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell {
        white-space: nowrap;
    }

    .dx-swatch-additional .dx-scheduler-appointment-collector {
        margin-top: 5px;
        position: absolute;
    }

        .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button {
            border-radius: 12px;
            height: 22px;
            min-width: auto;
            width: auto;
        }

            .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button:before {
                display: none;
            }

            .dx-swatch-additional .dx-scheduler-appointment-collector.dx-button .dx-button-content {
                padding: 4px 0;
                font-size: 12px;
            }

    .dx-swatch-additional .dx-scheduler-header {
        background-color: #363640;
        border: 1px solid #515159;
        height: 64px;
    }

    .dx-swatch-additional .dx-scheduler-navigator {
        padding: 14px;
    }

        .dx-swatch-additional .dx-scheduler-navigator .dx-button {
            background-color: transparent;
            color: #ed1c24;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-scheduler-navigator .dx-button .dx-icon {
                color: #ed1c24;
            }

            .dx-swatch-additional .dx-scheduler-navigator .dx-button.dx-state-hover {
                background-color: rgba(255, 87, 34, 0.08);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-scheduler-navigator .dx-button.dx-state-focused {
                background-color: rgba(255, 87, 34, 0.15);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-scheduler-navigator .dx-button.dx-state-active {
                background-color: rgba(255, 87, 34, 0.2);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .dx-swatch-additional .dx-scheduler-navigator .dx-button.dx-state-disabled {
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .dx-swatch-additional .dx-scheduler-navigator .dx-button.dx-state-disabled .dx-icon {
                    opacity: 0.6;
                }

                .dx-swatch-additional .dx-scheduler-navigator .dx-button.dx-state-disabled .dx-button-text {
                    color: rgba(255, 255, 255, 0.35);
                }

            .dx-swatch-additional .dx-scheduler-navigator .dx-button .dx-inkripple-wave {
                background-color: rgba(255, 87, 34, 0.2);
            }

            .dx-swatch-additional .dx-scheduler-navigator .dx-button .dx-button-text {
                text-transform: none;
            }

    .dx-swatch-additional .dx-scheduler-navigator-caption {
        border-radius: 0;
        border-right-width: 0;
        border-left-width: 0;
    }

        .dx-swatch-additional .dx-scheduler-navigator-caption.dx-state-focused,
        .dx-swatch-additional .dx-scheduler-navigator-caption.dx-state-hover,
        .dx-swatch-additional .dx-scheduler-navigator-caption.dx-state-active {
            border-right-width: 1px;
            border-left-width: 1px;
        }

    .dx-swatch-additional .dx-scheduler-navigator-previous {
        border-radius: 4px 0 0 4px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-navigator-previous {
        border-radius: 0 4px 4px 0;
    }

    .dx-swatch-additional .dx-scheduler-navigator-next {
        border-radius: 0 4px 4px 0;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-navigator-next {
        border-radius: 4px 0 0 4px;
    }

    .dx-swatch-additional .dx-scheduler-view-switcher.dx-tabs {
        background: none;
        margin-right: 14px;
    }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-state-hover) {
            background: none;
        }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before {
            bottom: 0;
        }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-tabs .dx-tabs-nav-button {
            height: 36px;
            margin-top: 13px;
        }

    .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu {
        margin-top: 13px;
        background-color: transparent;
        color: rgba(255, 255, 255, 0.54);
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 1;
    }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu:before {
            display: none;
        }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu .dx-icon {
            color: rgba(255, 255, 255, 0.54);
        }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-hover {
            background-color: rgba(255, 255, 255, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-focused {
            background-color: rgba(255, 255, 255, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-active {
            background-color: rgba(255, 255, 255, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu .dx-inkripple-wave {
            background-color: rgba(255, 255, 255, 0.2);
        }

        .dx-swatch-additional .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button-has-icon:not(.dx-button-has-text) {
            border-radius: 2px;
        }

    .dx-swatch-additional .dx-scheduler-view-switcher-label {
        margin-top: 13px;
        right: 10px;
        height: 36px;
        line-height: 24px;
        padding: 6px 14px;
        padding-right: 50px;
        z-index: 0;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 4px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-view-switcher-label {
        left: 10px;
        right: auto;
        padding-right: 14px;
        padding-left: 50px;
    }

    .dx-swatch-additional .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
    .dx-swatch-additional .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
        font-weight: 500;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.87);
        text-align: left;
        border-bottom: 1px solid #515159;
    }

        .dx-swatch-additional .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
        .dx-swatch-additional .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
            padding-left: 14px;
        }

    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
        padding-left: 8px;
    }

    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
        vertical-align: top;
    }

        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div,
        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div {
            top: 8px;
            -webkit-transform: none;
            transform: none;
        }

    .dx-swatch-additional .dx-scheduler-header-panel .dx-scheduler-group-row:before {
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-all-day-panel {
        background-color: #363640;
    }

        .dx-swatch-additional .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
            border-bottom: 1px solid #515159;
        }

    .dx-swatch-additional .dx-scheduler-work-space {
        padding-top: 64px;
        margin-top: -65px;
    }

        .dx-swatch-additional .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-width: 1px;
        }

        .dx-swatch-additional .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-all-day-title-hidden {
            border-top: none;
        }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title {
            border-top: 1px solid #515159;
        }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell {
            border-left: 1px solid #515159;
        }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-week):not(.dx-scheduler-work-space-work-week) .dx-scheduler-group-header {
            border-bottom: none;
        }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-date-table-cell {
            border: none;
        }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel .dx-scheduler-first-group-cell {
        border-left: none;
    }

    .dx-swatch-additional .dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child {
        border-top: none;
    }

    .dx-swatch-additional .dx-scheduler-date-table-cell {
        border-left: 1px solid #515159;
        border-right: 1px solid #515159;
    }

        .dx-swatch-additional .dx-scheduler-all-day-table-cell.dx-state-active,
        .dx-swatch-additional .dx-scheduler-date-table-cell.dx-state-active {
            background-color: rgba(23, 23, 27, 0.7);
        }

        .dx-swatch-additional .dx-scheduler-all-day-table-cell.dx-state-hover,
        .dx-swatch-additional .dx-scheduler-date-table-cell.dx-state-hover {
            background-color: #3f3f4b;
            color: rgba(255, 255, 255, 0.54);
        }

        .dx-swatch-additional .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
        .dx-swatch-additional .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-form {
        padding: 0 10px 0 10px;
    }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-form .dx-layout-manager {
            padding: 0 10px 0 10px;
        }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-popup-title {
        background-color: #363640;
        border-bottom: none;
    }

        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton,
        .dx-swatch-additional .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl {
            margin: 0;
        }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-toolbar-after {
        margin-right: 4px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after {
        margin-left: 4px;
        margin-right: 0;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch-wrapper {
        padding-top: 30px;
    }

    .dx-swatch-additional .dx-scheduler-appointment-popup .dx-form-validation-summary {
        padding: 10px 20px;
    }

    .dx-swatch-additional .dx-scheduler-header-panel,
    .dx-swatch-additional .dx-scheduler-time-panel {
        font-size: 16px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
        border-right: 1px solid #313136;
    }

        .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child,
        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child {
            border-right: none;
        }

    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
    .dx-swatch-additional .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
        border-left: 1px solid #313136;
        border-right: 1px solid #515159;
    }

        .dx-swatch-additional .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child,
        .dx-swatch-additional .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child {
            border-left: none;
        }

    .dx-swatch-additional .dx-scheduler-appointment,
    .dx-swatch-additional .dx-rtl .dx-scheduler-appointment,
    .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment,
    .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment,
    .dx-swatch-additional .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 2px;
    }

        .dx-swatch-additional .dx-scheduler-appointment.dx-state-focused,
        .dx-swatch-additional .dx-rtl .dx-scheduler-appointment.dx-state-focused,
        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused,
        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
        .dx-swatch-additional .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused {
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-swatch-additional .dx-scheduler-appointment.dx-state-active,
        .dx-swatch-additional .dx-rtl .dx-scheduler-appointment.dx-state-active,
        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
        .dx-swatch-additional .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
        .dx-swatch-additional .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-swatch-additional .dx-rtl .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-swatch-additional .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
        .dx-swatch-additional .dx-scheduler-appointment.dx-draggable-dragging,
        .dx-swatch-additional .dx-rtl .dx-scheduler-appointment.dx-draggable-dragging,
        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
        .dx-swatch-additional .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
        .dx-swatch-additional .dx-scheduler-appointment.dx-state-hover,
        .dx-swatch-additional .dx-rtl .dx-scheduler-appointment.dx-state-hover,
        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
        .dx-swatch-additional .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
        .dx-swatch-additional .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-swatch-additional .dx-rtl .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-swatch-additional .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-swatch-additional .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
        .dx-swatch-additional .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .dx-swatch-additional .dx-scheduler-dropdown-appointment-date {
        color: rgba(255, 255, 255, 0.54);
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 87px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 117px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 147px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scheduler-header-scrollable {
        height: 57px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
        height: auto;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 56px;
        margin-bottom: -56px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 86px;
        margin-bottom: -86px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 116px;
        margin-bottom: -116px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 146px;
        margin-bottom: -146px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 31px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 61px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 91px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
        height: 1px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
        height: auto;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 30px;
        margin-bottom: -30px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 60px;
        margin-bottom: -60px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 90px;
        margin-bottom: -90px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        border-top: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 143px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 173px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 203px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable {
        height: 113px;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
        height: auto;
    }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
        padding-bottom: 112px;
        margin-bottom: -112px;
    }

        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
        .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
            height: 113px;
            margin-top: -113px;
        }

    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-swatch-additional .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable {
        padding-bottom: 112px;
        margin-bottom: -112px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
        background-color: #363640;
    }

        .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
            background-color: #363640;
        }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 87px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 117px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 147px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
        height: 57px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
        height: auto;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 31px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 61px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 91px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
        height: 1px;
    }

    .dx-swatch-additional .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-swatch-additional .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: 144px;
    }

    .dx-swatch-additional .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: 174px;
    }

    .dx-swatch-additional .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: 204px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
        height: 114px;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
        height: 76px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 88px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 118px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 148px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable {
        height: 58px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 50px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 80px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 110px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
        height: 20px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
        height: 88px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
        height: 118px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
        height: 148px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable {
        height: 58px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 50px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 80px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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: 110px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
        height: 20px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.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-swatch-additional .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: 53px;
    }

    .dx-swatch-additional .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: 83px;
    }

    .dx-swatch-additional .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: 113px;
    }

    .dx-swatch-additional .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
        height: 23px;
    }

    .dx-swatch-additional .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-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-header {
        font-size: 14px;
        width: 99px;
    }

        .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content {
            padding-top: 2px;
        }

            .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content:before {
                display: none;
            }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header {
        border-bottom: none;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row:not(:last-child) .dx-scheduler-group-header {
        border-bottom: 1px solid #313136;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-right: -100px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -50px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -100px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
        margin-left: -50px;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 165px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 82.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 165px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
        padding-right: 82.5px;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-right: -200px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -100px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -200px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
        margin-left: -100px;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 265px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 132.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 265px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
        padding-right: 132.5px;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-right: -300px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -150px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -300px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
        margin-left: -150px;
    }

    .dx-swatch-additional .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 365px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 182.5px;
    }

    .dx-swatch-additional .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-left: 0;
        padding-right: 365px;
    }

    .dx-swatch-additional .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
        padding-right: 182.5px;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-time-panel-cell > span {
        font-size: 12px;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-group-table {
        border-right: 1px solid #515159;
    }

    .dx-swatch-additional .dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
        margin-top: 0;
    }

    .dx-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row {
        border-bottom: none;
    }

        .dx-swatch-additional .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row:not(:last-child) {
            border-bottom: 1px solid #313136;
        }

    .dx-swatch-additional .dx-scheduler-agenda-nodata {
        font-size: 16px;
    }

    .dx-swatch-additional .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button {
        min-width: auto;
        padding: 0;
        background-color: transparent;
        color: #ed1c24;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-swatch-additional .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-icon {
            color: #ed1c24;
        }

        .dx-swatch-additional .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-hover {
            background-color: rgba(255, 87, 34, 0.08);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-focused {
            background-color: rgba(255, 87, 34, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-active {
            background-color: rgba(255, 87, 34, 0.2);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .dx-swatch-additional .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled {
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .dx-swatch-additional .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled .dx-icon {
                opacity: 0.6;
            }

            .dx-swatch-additional .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled .dx-button-text {
                color: rgba(255, 255, 255, 0.35);
            }

        .dx-swatch-additional .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-inkripple-wave {
            background-color: rgba(255, 87, 34, 0.2);
        }

        .dx-swatch-additional .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-icon {
            width: 24px;
            height: 24px;
            background-position: 0px 0px;
            background-size: 24px 24px;
            padding: 0px;
            font-size: 24px;
            text-align: center;
            line-height: 24px;
        }

    .dx-swatch-additional .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
    .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
        background-color: #363640;
    }

        .dx-swatch-additional .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content,
        .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-popup-content {
            padding: 0;
        }

        .dx-swatch-additional .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item,
        .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item {
            margin-bottom: 0;
            margin-top: 0;
            border-bottom: 1px solid #515159;
        }

            .dx-swatch-additional .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:last-of-type,
            .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:last-of-type {
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                border-bottom: none;
            }

            .dx-swatch-additional .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:first-of-type,
            .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:first-of-type {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }

            .dx-swatch-additional .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item,
            .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item {
                margin-left: 10px;
            }

                .dx-swatch-additional .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body,
                .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
                    width: 24px;
                    height: 24px;
                }

                .dx-swatch-additional .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject,
                .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject {
                    margin-top: 4px;
                    font-size: 18px;
                }

                .dx-swatch-additional .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date,
                .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date {
                    font-size: 14px;
                    opacity: 1;
                    margin-top: 4px;
                }

                .dx-swatch-additional .dx-scheduler .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container,
                .dx-swatch-additional .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container {
                    padding-top: 1px;
                }

    .dx-swatch-additional .dx-form-group-with-caption > .dx-form-group-content {
        border-top: 1px solid #515159;
    }

    .dx-swatch-additional .dx-form-group-caption {
        font-size: 20px;
    }

    .dx-swatch-additional .dx-form-group-with-caption .dx-form-group-content {
        padding-bottom: 20px;
        padding-top: 19px;
        margin-top: 6px;
    }

    .dx-swatch-additional .dx-form > .dx-scrollable-wrapper > .dx-scrollable-container {
        margin-left: -10px;
        padding-left: 10px;
    }

    .dx-swatch-additional .dx-scrollable-content > .dx-layout-manager {
        padding-right: 5px;
    }

    .dx-swatch-additional .dx-layout-manager .dx-field-item:not(.dx-last-col) {
        padding-right: 20px;
    }

    .dx-swatch-additional .dx-layout-manager .dx-field-item:not(.dx-first-col) {
        padding-left: 20px;
    }

    .dx-swatch-additional .dx-field-item {
        padding-bottom: 10px;
        font-size: 12px;
    }

    .dx-swatch-additional .dx-label-v-align .dx-field-item-content .dx-textarea {
        margin-top: 6px;
    }

    .dx-swatch-additional .dx-label-v-align .dx-field-item-content .dx-invalid-message > .dx-overlay-content {
        -webkit-transform: translate(0px, 0px) !important;
        transform: translate(0px, 0px) !important;
    }

    .dx-swatch-additional .dx-field-item-content-wrapper.dx-invalid .dx-field-item-help-text {
        color: transparent;
    }

    .dx-swatch-additional .dx-field-item-label-location-top {
        padding: 16px 0 3px;
    }

    .dx-swatch-additional .dx-field-item-label-text {
        color: #ffffff;
    }

    .dx-swatch-additional .dx-field-item-help-text {
        color: #ffffff;
        padding: 6px 0 2px;
        font-style: normal;
    }

    .dx-swatch-additional .dx-field-item-required-mark {
        color: #ffffff;
    }

    .dx-swatch-additional .dx-field-item-optional-mark {
        color: #ffffff;
    }

    .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-action-icon {
        font-size: 21px;
    }

    .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
        padding: 8px;
        vertical-align: middle;
    }

    .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-filled .dx-texteditor-input,
    .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-outlined .dx-texteditor-input {
        padding: 13px 12px;
    }

    .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-text,
    .dx-swatch-additional .dx-filterbuilder .dx-filterbuilder-item-value-text {
        border-radius: 5px;
    }

    .dx-swatch-additional .dx-filterbuilder-range-separator {
        color: #fff;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay.dx-popup-wrapper > .dx-overlay-content {
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
    }

    .dx-swatch-additional .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item {
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
        padding-right: 24px;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay .dx-treeview-node > .dx-treeview-item {
        padding-left: 48px;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item {
        padding-left: 24px;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay .dx-treeview-node .dx-treeview-node-container-opened {
        margin-left: 24px;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay .dx-treeview-item {
        padding: 8px 24px 10px;
        min-height: 36px;
    }

        .dx-swatch-additional .dx-filterbuilder-overlay .dx-treeview-item .dx-icon {
            margin-right: 10px;
        }

    .dx-swatch-additional .dx-filterbuilder-overlay .dx-treeview-toggle-item-visibility {
        height: 36px;
        left: 16px;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node > .dx-treeview-item {
        padding-right: 48px;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item {
        padding-right: 24px;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
        margin-right: 24px;
        margin-left: 0;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay .dx-rtl .dx-treeview-item .dx-icon {
        margin-left: 10px;
    }

    .dx-swatch-additional .dx-filterbuilder-overlay .dx-rtl .dx-treeview-toggle-item-visibility {
        right: 16px;
    }

    .dx-swatch-additional .dx-recurrence-editor-container {
        position: relative;
        margin-bottom: 21px;
        padding-top: 17px;
    }

        .dx-swatch-additional .dx-recurrence-editor-container .dx-recurrence-interval-field {
            margin-bottom: 20px;
        }

    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
        top: 10px;
    }

    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container {
        margin: 0;
    }

    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on {
        margin-bottom: 10px;
    }

    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type-label,
    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
        line-height: 56px;
    }

    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label,
    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container {
        padding-top: 0px;
        line-height: 38px;
    }

    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-datebox-until-date {
        margin-left: 23px;
    }

    .dx-swatch-additional .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-repeat-count {
        margin-left: 11px;
    }

    .dx-swatch-additional .dx-drawer-shader {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .dx-swatch-additional .dx-card {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-radius: 4px;
        background-color: #363640;
        margin: 2px 2px 3px;
    }

    .dx-swatch-additional .dx-htmleditor {
        border-color: #515159;
    }

        .dx-swatch-additional .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
            border-bottom: 1px solid #515159;
        }

        .dx-swatch-additional .dx-htmleditor.dx-invalid {
            border-color: rgba(233, 30, 99, 0.4);
        }

            .dx-swatch-additional .dx-htmleditor.dx-invalid.dx-state-focused {
                border-color: #ed1c24;
            }

    .dx-swatch-additional .dx-htmleditor-content pre {
        color: rgba(255, 255, 255, 0.8);
    }

    .dx-swatch-additional .dx-htmleditor-content blockquote {
        color: rgba(255, 255, 255, 0.8);
        border-left-color: #515159;
    }

    .dx-swatch-additional .dx-rtl .dx-htmleditor-content blockquote {
        border-right-color: #515159;
    }

    .dx-swatch-additional .dx-htmleditor-content .dx-variable > span {
        background: rgba(255, 87, 34, 0.15);
    }

    .dx-swatch-additional .dx-htmleditor-toolbar {
        background-color: transparent;
    }

        .dx-swatch-additional .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
            background-color: #1f1f24;
        }

            .dx-swatch-additional .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
                background-color: #71a436;
            }

            .dx-swatch-additional .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
                background-color: #ee3900;
            }

            .dx-swatch-additional .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
                background-color: #c1134e;
            }

    .dx-swatch-additional .dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled {
        background-color: transparent;
    }

    .dx-swatch-additional .dx-htmleditor-toolbar-format.dx-color-format .dx-button-content,
    .dx-swatch-additional .dx-htmleditor-toolbar-format.dx-background-format .dx-button-content {
        padding-bottom: 3px;
    }

    .dx-swatch-additional .dx-htmleditor-toolbar-separator {
        height: 50%;
        border-left-color: #515159;
    }

    .dx-swatch-additional .dx-htmleditor-toolbar-menu-separator {
        border-top-color: #515159;
    }

    .dx-swatch-additional .dx-resize-frame {
        border-color: #ed1c24;
    }

        .dx-swatch-additional .dx-resize-frame .dx-resizable-handle-corner-top-right,
        .dx-swatch-additional .dx-resize-frame .dx-resizable-handle-corner-top-left,
        .dx-swatch-additional .dx-resize-frame .dx-resizable-handle-corner-bottom-right,
        .dx-swatch-additional .dx-resize-frame .dx-resizable-handle-corner-bottom-left {
            background-color: #ed1c24;
        }

        .dx-swatch-additional .dx-resize-frame .dx-resizable-handle-top::after,
        .dx-swatch-additional .dx-resize-frame .dx-resizable-handle-left::after,
        .dx-swatch-additional .dx-resize-frame .dx-resizable-handle-right::after,
        .dx-swatch-additional .dx-resize-frame .dx-resizable-handle-bottom::after {
            background-color: #ed1c24;
        }

    .dx-swatch-additional .dx-mention {
        background-color: #525261;
    }

    .dx-swatch-additional .dx-suggestion-list-wrapper {
        height: 100%;
    }

        .dx-swatch-additional .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
            border-top-width: 0;
            border-bottom-width: 1px;
        }

            .dx-swatch-additional .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
                border-top-width: 1px;
                border-bottom-width: 0;
            }

        .dx-swatch-additional .dx-suggestion-list-wrapper .dx-popup-content {
            height: 100%;
            padding: 1px;
        }

        .dx-swatch-additional .dx-suggestion-list-wrapper .dx-list {
            height: 100%;
            min-height: 33px;
        }

            .dx-swatch-additional .dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
                padding: 14px 15px;
            }

        .dx-swatch-additional .dx-suggestion-list-wrapper .dx-list-select-all {
            padding: 16px 0 12px;
        }

        .dx-swatch-additional .dx-suggestion-list-wrapper .dx-list-item,
        .dx-swatch-additional .dx-suggestion-list-wrapper .dx-empty-message {
            border-top: 0;
        }

            .dx-swatch-additional .dx-suggestion-list-wrapper .dx-list-item:last-of-type,
            .dx-swatch-additional .dx-suggestion-list-wrapper .dx-empty-message:last-of-type {
                border-bottom: none;
            }

    .dx-swatch-additional .dx-fa-button.dx-fa-button-main .dx-overlay-content {
        max-width: 56px;
        max-height: 56px;
        background-color: #ed1c24;
        color: rgba(0, 0, 0, 0.87);
    }

        .dx-swatch-additional .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover {
            background-color: #ee3900;
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-swatch-additional .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active {
            background-color: #d43300;
            color: rgba(0, 0, 0, 0.87);
        }

        .dx-swatch-additional .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon,
        .dx-swatch-additional .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon-close {
            padding: 16px;
        }

    .dx-swatch-additional .dx-fa-button .dx-fa-button-icon,
    .dx-swatch-additional .dx-fa-button .dx-fa-button-icon-close {
        padding: 8px;
        width: 24px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        .dx-swatch-additional .dx-fa-button .dx-fa-button-icon .dx-icon,
        .dx-swatch-additional .dx-fa-button .dx-fa-button-icon-close .dx-icon {
            font-size: 24px;
        }

        .dx-swatch-additional .dx-fa-button .dx-fa-button-icon img,
        .dx-swatch-additional .dx-fa-button .dx-fa-button-icon-close img {
            width: 100%;
            height: 100%;
        }

    .dx-swatch-additional .dx-fa-button .dx-overlay-content {
        max-width: 40px;
        max-height: 40px;
        background-color: #363640;
        color: #fff;
        -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
        box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
    }

        .dx-swatch-additional .dx-fa-button .dx-overlay-content.dx-state-hover {
            background-color: #1f1f24;
            color: #fff;
        }

        .dx-swatch-additional .dx-fa-button .dx-overlay-content.dx-state-active {
            background-color: #131317;
            color: #fff;
        }

    .dx-swatch-additional .dx-filemanager {
        border-color: #515159;
    }

        .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar {
            background: #363640;
        }

            .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar,
            .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar .dx-toolbar {
                background: #2f2f38;
            }

            .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
                height: 36px;
                background: #515159;
            }

            .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-viewmode-item .dx-texteditor {
                width: 190px;
            }

            .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled {
                background: transparent;
            }

                .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-hover,
                .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-active,
                .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-focused {
                    background: rgba(255, 255, 255, 0.1);
                }

                .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor {
                    border-color: transparent;
                }

                    .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor .dx-dropdowneditor-icon {
                        background: transparent;
                    }

                    .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
                    .dx-swatch-additional .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
                        background: transparent;
                        border-color: transparent;
                    }

        .dx-swatch-additional .dx-filemanager .dx-filemanager-container {
            border-top-color: #515159;
        }

        .dx-swatch-additional .dx-filemanager .dx-filemanager-dirs-panel {
            border-right-color: #515159;
        }

        .dx-swatch-additional .dx-filemanager .dx-filemanager-breadcrumbs {
            border-bottom-color: #515159;
        }

            .dx-swatch-additional .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item.dx-state-focused {
                background: #515159;
                color: #fff;
            }

            .dx-swatch-additional .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
                background: #515159;
            }

            .dx-swatch-additional .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover,
            .dx-swatch-additional .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover {
                background: transparent;
            }

        .dx-swatch-additional .dx-filemanager .dx-filemanager-thumbnails.dx-filemanager-inactive-area .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
            color: #fff;
            background: #363640;
        }

        .dx-swatch-additional .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
            color: #fff;
            background: #ed1c24;
        }

        .dx-swatch-additional .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-focused {
            border-color: #fff;
        }

        .dx-swatch-additional .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-item-custom-thumbnail {
            color: #515159;
        }

        .dx-swatch-additional .dx-filemanager .dx-filemanager-files-view {
            background: #363640;
        }

    .dx-swatch-additional .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item {
        background: transparent;
    }

        .dx-swatch-additional .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item.dx-state-hover {
            background: #494956;
        }

        .dx-swatch-additional .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item * {
            color: #fff;
        }

    .dx-swatch-additional .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item {
        background: #494956;
    }

        .dx-swatch-additional .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item * {
            color: #fff;
        }

    .dx-swatch-additional .dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel {
        min-width: 300px;
        max-width: 350px;
    }

    .dx-swatch-additional .dx-filemanager .dx-row .dx-filemanager-file-actions-button .dx-button {
        margin: -4px 0;
        height: 24px;
    }

    .dx-swatch-additional .dx-filemanager-file-actions-button .dx-button {
        min-width: 32px;
        height: 28px;
    }

        .dx-swatch-additional .dx-filemanager-file-actions-button .dx-button .dx-button-content {
            padding: 2px 6px;
        }

    .dx-swatch-additional .dx-filemanager-context-menu .dx-menu-item-has-text:not(.dx-menu-item-has-icon) .dx-menu-item-text {
        margin-left: 48px;
    }

    .dx-swatch-additional .dx-diagram {
        border-color: #515159;
    }

        .dx-swatch-additional .dx-diagram .dx-diagram-toolbar-wrapper:first-child {
            border-bottom: 1px solid #515159;
        }

        .dx-swatch-additional .dx-diagram .dx-diagram-left-panel,
        .dx-swatch-additional .dx-diagram .dx-diagram-right-panel {
            background: #363640;
        }

            .dx-swatch-additional .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item,
            .dx-swatch-additional .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item {
                border-left: none;
                border-right: none;
            }

                .dx-swatch-additional .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group,
                .dx-swatch-additional .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group {
                    padding-top: 24px;
                }

                .dx-swatch-additional .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item:first-of-type,
                .dx-swatch-additional .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item:first-of-type {
                    border-top: none;
                }

            .dx-swatch-additional .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item,
            .dx-swatch-additional .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item {
                border-color: #515159;
            }

            .dx-swatch-additional .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type),
            .dx-swatch-additional .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type) {
                border-bottom-color: transparent;
            }

        .dx-swatch-additional .dx-diagram .dx-diagram-left-panel {
            border-right-color: #515159;
        }

        .dx-swatch-additional .dx-diagram .dx-diagram-right-panel {
            border-left-color: #515159;
        }

    .dx-swatch-additional .dx-diagram-toolbar {
        background-color: transparent;
    }

        .dx-swatch-additional .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
            background-color: #1f1f24;
        }

            .dx-swatch-additional .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
                background-color: #71a436;
            }

            .dx-swatch-additional .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
                background-color: #ee3900;
            }

            .dx-swatch-additional .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
                background-color: #c1134e;
            }

        .dx-swatch-additional .dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled {
            background-color: transparent;
        }

        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-toolbar-separator {
            height: 50%;
            border-left-color: #515159;
        }

        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
            border-top-color: #515159;
        }

        .dx-swatch-additional .dx-diagram-toolbar .dx-format-sm .dx-texteditor {
            width: 110px;
        }

        .dx-swatch-additional .dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled {
            background-color: transparent;
        }

        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-toolbar-separator {
            height: 50%;
            border-left-color: #515159;
        }

        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
            border-top-color: #515159;
        }

        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-select-sm .dx-texteditor {
            width: 110px;
        }

        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
            margin-left: 12px;
            margin-right: 12px;
        }

        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
            font-size: 18px;
        }

        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
        .dx-swatch-additional .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
            border-bottom-width: 3px;
            border-bottom-style: solid;
        }

    .dx-swatch-additional .dx-diagram-i-connector-begin-none {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M1%2c15l9-9l1%2c1l-9%2c9L1%2c15z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23FF0000%22%2f%3e%0a%3cpath%20d%3d%22M12%2c10V5H0v12h12v-5h20v-2H12z%20M10%2c15H2V7h8V15z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22rgb%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-swatch-additional .dx-diagram-i-connector-begin-arrow {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M12%2c12v4L0%2c11l12-5v4h20v2H12z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22rgb%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-swatch-additional .dx-diagram-i-connector-end-none {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M21%2c15l9-9l1%2c1l-9%2c9L21%2c15z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23FF0000%22%2f%3e%0a%3cpath%20d%3d%22M0%2c10l0%2c2h20v5h12V5H20v5H0z%20M22%2c7h8v8h-8V7z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22rgb%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-swatch-additional .dx-diagram-i-connector-end-arrow {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M0%2c12l0-2h20V6l12%2c5l-12%2c5v-4H0z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22rgb%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-swatch-additional .dx-diagram-i-connector-orthogonal {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M24%2c22v-8h3V5H8v3H0V0h8v3h19h2v2v9h3v8H24z%20M6%2c2H2v4h4V2z%20M30%2c16h-4v4h4V16z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22rgb%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-swatch-additional .dx-diagram-i-connector-straight {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M24%2c14v2.2L8%2c2.8V0H0v8h8V5.8l16%2c13.3V22h8v-8H24z%20M6%2c6H2V2h4V6z%20M30%2c20h-4v-4h4V20z%22%20fill%3d%22rgb%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 32px;
        height: 22px;
    }

    .dx-swatch-additional .dx-diagram-i-button-fill {
        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%3csvg%20version%3d%221.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%20viewBox%3d%220%200%2018%2018%22%20style%3d%22enable-background%3anew%200%200%2018%2018%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M5%2c0L4%2c1l2%2c2L0%2c9l7%2c7l7-7L5%2c0z%20M2%2c9l5-5l5%2c5H2z%22%20fill%3d%22rgb%22%2f%3e%0a%3cpath%20d%3d%22M15%2c10c0%2c0-3%2c3-3%2c5.5c0%2c0%2c0%2c0.1%2c0%2c0.1c0%2c1.3%2c1.3%2c2.4%2c3%2c2.4c1.7%2c0%2c3-1.1%2c3-2.4c0%2c0%2c0-0.1%2c0-0.1%0a%09C18%2c13%2c15%2c10%2c15%2c10z%20M13%2c15.5c0-2%2c2-4%2c2-4s0.7%2c0.7%2c1.3%2c1.7L13%2c15.5z%22%20fill%3d%22currentColor%22%2f%3e%0a%3c%2fsvg%3e%0a");
        width: 18px;
        height: 18px;
    }

    .dx-toast-warning {
        color: #1e1e1e;
    }

/* NOVO POPUP VAMOS */
#popup-vamos .dx-popup-title.dx-toolbar {
    background: #ED1C24;
}

#popup-vamos .dx-popup-wrapper > .dx-overlay-content {
    border-radius: 25px;
}

#popup-vamos .dx-toolbar-label > div {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    text-transform: uppercase;
    opacity: 1;
    height: 100%;
    align-items: inherit;
    display: flex;
    text-align: center;
    justify-content: center;
}

#popup-vamos .dx-toolbar-label .dx-toolbar-item-content > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.botao-nao-popup-vamos {
    color: #ed1c24;
}

.botao-sim-popup-vamos {
    color: #ffffff !important;
    background-color: #ed1c24 !important;
}

#corpo-popup-vamos-confirmacao {
    text-align: center;
    margin-bottom: 9px;
    font-size: large;
    height: 100%;
    display: flex;
    flex-direction: column;
    place-content: center;
}

.botoes-confirmacao-vamos {
    position: relative;
    bottom: -15px;
    display: flex;
    justify-content: space-around;
}

.botao-centralizado {
    justify-content: center !important;
}

.botoes-confirmacao-vamos .dx-button {
    border: 1px solid #ed1c24;
    width: 200px;
}

.dx-overlay-content > .dx-toolbar > .dx-toolbar-items-container > .dx-toolbar-after {
    display: flex !important;
    flex-direction: row-reverse !important;
}

.dx-overlay-content > .dx-toolbar > .dx-toolbar-items-container > .dx-toolbar-center {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: center;
}


.dx-htmleditor-toolbar-wrapper {
    height: 60px !important;
    padding: 0 5px !important;
}

/* BUTTONS VAMOS */
.button-nao-vamos {
    background: #D4D4D4;
    border-radius: 10px;
    height: 35px;
    width: 150px;
    color: #6e6c6c;
    margin: 0% 2% 0% 2%;
}

.button-sim-vamos {
    height: 35px;
    width: 150px;
    border-radius: 10px;
    background: #ED1C24;
    color: white;
    margin: 0% 2% 0% 2%;
}

.button-nao-vamos:hover, .button-nao-vamos:focus {
    background: #D4D4D4;
}

.button-sim-vamos:hover, .button-sim-vamos:focus {
    background: #ED1C24;
}