.dhx_547239261_alert {
    width: 440px
}

.dhx_547239261_alert .dhx_alert__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dhx_547239261_alert .dhx_alert__header--icon {
    width: 80px;
    height: 80px;
    fill: #ff5252;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 16px
}

.dhx_547239261_alert .dhx_alert__header--text {
    font-size: 18px;
    line-height: 24px;
    text-align: center
}

.dhx_547239261_alert .dhx_alert__content {
    font-weight: 800;
    line-height: 20px
}

.dhx_638523928_message.dhx_message.dhx_widget {
    width: 400px;
    background-color: #ff5252
}

.dhx_638523928_message.dhx_message.dhx_widget .dhx_message__icon, .dhx_638523928_message.dhx_message.dhx_widget .dhx_message__text {
    color: #fff
}

.dhx_popup_toolbar {
    position: absolute;
    z-index: 1;
    -webkit-animation: appear .2s ease-in-out forwards;
    animation: appear .2s ease-in-out forwards;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3), 0 2px 4px 0 rgba(0, 0, 0, .04)
}

.dhx_item_toolbar {
    height: 40px;
    padding: 0 8px
}

.dhx_item_toolbar, .dhx_item_toolbar .dhx_icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.dhx_item_toolbar .dhx_icon {
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: 50%;
    color: rgba(0, 0, 0, .5)
}

.dhx_item_toolbar .dhx_icon svg, .dhx_item_toolbar .dhx_icon svg path {
    fill: rgba(0, 0, 0, .5)
}

.dhx_item_toolbar .dhx_icon:hover {
    color: #408bf3
}

.dhx_item_toolbar .dhx_icon:hover svg path {
    fill: #408bf3
}

.dhx_item_toolbar .dhx_icon:hover.dhx_icon_remove svg path {
    fill: #f1453d
}

.dhx_item_toolbar .dxi {
    color: rgba(0, 0, 0, .5)
}

.dhx_item_toolbar .dhx_active svg path {
    fill: #408bf3
}

@-webkit-keyframes appear {
    0% {
        transform: translateY(30%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes disappear {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(30%);
        opacity: 0
    }
}

.dhx_diagram {
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    overflow: auto;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center
}

.dhx_diagram .dhx_diagram__wrapper {
    display: inline-block
}

.dhx_diagram .dhx_diagram__icon {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 10px
}

.dhx_diagram .dhx_diagram__icon .dxi {
    color: #fff
}

.dhx_diagram__container {
    position: relative
}

.dhx_diagram__scale-container {
    position: absolute;
    display: grid;
    display: -ms-grid
}

.dhx_diagram_shape .dhx_hide_icon {
    display: none
}

.dhx_diagram_shape .dhx_expand_icon, .dhx_diagram_shape .dhx_hide_icon {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    shape-rendering: auto
}

.dhx_diagram_shape .dhx_expand_icon {
    cursor: pointer
}

.dhx_diagram_shape:hover .dhx_hide_icon {
    display: block;
    -webkit-animation: hideWithDelay .5s ease-out;
    animation: hideWithDelay .5s ease-out;
    cursor: pointer
}

.dhx_diagram_shape .dhx_item_shape {
    fill: #fff;
    background: #fff
}

.dhx_diagram_shape .shape_content {
    display: table-cell;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.dhx_diagram_shape.dhx_diagram_image .shape_content {
    display: inline-block;
    text-align: left
}

.dhx_diagram_shape.dhx_diagram_image .dhx_content_img {
    float: left;
    width: 60px;
    height: 60px;
    margin: 16px 12px 0 8px;
    border-radius: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #f7f7f7
}

.dhx_diagram_shape.dhx_diagram_image .dhx_content_text {
    margin-top: 5px;
    color: rgba(0, 0, 0, .7);
    font-size: 14px;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dhx_diagram_shape.dhx_diagram_image .dhx_content_text-alone {
    margin-top: 12px
}

.dhx_diagram_shape.dhx_diagram_image .dhx_content_title {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: rgba(0, 0, 0, .38);
    font-size: 14px;
    line-height: 17px;
    margin-top: 25px;
    white-space: nowrap;
    text-transform: uppercase
}

.dhx_orgcard__img {
    width: 60px;
    height: 60px;
    float: left;
    margin: 16px 12px 0 8px;
    border-radius: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.dhx_orgcard__text {
    word-break: break-word;
    white-space: pre-wrap;
    line-height: 16px
}

.dhx_orgcard__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: rgba(0, 0, 0, .38);
    font-size: 14px;
    line-height: 16px;
    margin: 28px 0 4px;
    text-transform: uppercase
}

.dhx_free_diagram {
    background: #fff
}

.dhx_notouch .dhx_diagram_editor .dhx_diagram, .dhx_notouch .dhx_diagram_editor .dhx_diagram__container, .dhx_notouch .dhx_diagram_editor .dhx_diagram_editor_shapebar {
    touch-action: none
}

.dhx_diagram_line_title {
    cursor: pointer
}

.dhx_diagram_line_title__text {
    width: 100%;
    height: 100%
}

@-webkit-keyframes hideWithDelay {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    to {
        display: block;
        opacity: 1
    }
}

@keyframes hideWithDelay {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    to {
        display: block;
        opacity: 1
    }
}

.dhx_diagram_group {
    display: flex
}

.dhx_diagram_group__children {
    display: inherit;
    position: absolute;
    top: 0;
    left: 0
}

.dhx_diagram_group__header {
    display: flex;
    align-items: center
}

.dhx_diagram_group__header_text {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 4px;
    word-break: break-word;
    white-space: pre-wrap;
    overflow: hidden
}

.dhx_diagram_group__header--position_left .dhx_diagram_group__header_text, .dhx_diagram_group__header--position_right .dhx_diagram_group__header_text {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(-180deg)
}

.dhx_diagram_group--position_top {
    align-items: flex-start
}

.dhx_diagram_group--position_bottom {
    align-items: flex-end
}

.dhx_diagram_group--position_right {
    justify-content: flex-end
}

.dhx_diagram_group--position_right .dhx_diagram_group__header--position_right.dhx_diagram_group__header {
    flex-direction: column-reverse
}

.dhx_diagram_group--position_right .dhx_diagram_group__header--position_right .dhx_diagram_icon, .dhx_diagram_group--position_right .dhx_diagram_menu_icon {
    margin: 6px 0 0
}

.dhx_diagram_group--position_left {
    justify-content: flex-start
}

.dhx_diagram_group--position_left .dhx_diagram_group__header--position_left.dhx_diagram_group__header {
    flex-direction: column-reverse
}

.dhx_diagram_group--position_left .dhx_diagram_group__header--position_left .dhx_diagram_icon, .dhx_diagram_group--position_left .dhx_diagram_menu_icon {
    margin: 6px 0 0
}

.dhx_diagram_swimlane__subheader {
    display: flex;
    position: absolute
}

.dhx_diagram_swimlane__subheader_container {
    display: flex;
    flex-direction: inherit;
    align-items: center
}

.dhx_diagram_swimlane__subheader_text {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 4px;
    word-break: break-word;
    white-space: pre-wrap;
    overflow: hidden
}

.dhx_diagram_swimlane__subheader--position_cols {
    flex-direction: row
}

.dhx_diagram_swimlane__subheader--position_rows {
    flex-direction: column
}

.dhx_diagram_swimlane__subheader--position_rows .dhx_diagram_swimlane__subheader_text {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(-180deg)
}

.dhx_diagram_swimlane__subheader--position_rows .dhx_diagram_swimlane__subheader_container {
    flex-direction: column-reverse
}

.dhx_diagram_swimlane__subheader--position_rows .dhx_diagram_icon {
    margin: 6px 0 0
}

.dhx_diagram_inline_editor {
    outline: 0
}

.dhx_diagram_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    margin: 0 6px 0 0;
    cursor: pointer
}

.dhx_layout {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.dhx_layout-columns {
    display: flex;
    flex-direction: row;
    overflow: hidden
}

.dhx_layout-rows {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.dhx_layout-cell--resizable:not(.scroll-view) > .dhx_layout-cell-content, .dhx_layout-cell--resizable div:not(.scroll-view) > .dhx_layout-cell-content {
    overflow: auto
}

.dhx_layout-cell--start, .dhx_layout-columns--start, .dhx_layout-rows--start {
    justify-content: flex-start
}

.dhx_layout-cell--center, .dhx_layout-columns--center, .dhx_layout-rows--center {
    justify-content: center
}

.dhx_layout-cell--end, .dhx_layout-columns--end, .dhx_layout-rows--end {
    justify-content: flex-end
}

.dhx_layout-cell--between, .dhx_layout-columns--between, .dhx_layout-rows--between {
    justify-content: space-between
}

.dhx_layout-cell--around, .dhx_layout-columns--around, .dhx_layout-rows--around {
    justify-content: space-around
}

.dhx_layout-cell--evenly, .dhx_layout-columns--evenly, .dhx_layout-rows--evenly {
    justify-content: space-evenly
}

.dhx_layout-cell {
    overflow: hidden;
    background-color: #fff;
    flex-grow: 0;
    flex-shrink: 0
}

.dhx_layout-cell--bordered {
    border: 1px solid #e4e4e4
}

.dhx_layout-cell--border_top {
    border-top: 1px solid #e4e4e4
}

.dhx_layout-cell--border_bottom {
    border-bottom: 1px solid #e4e4e4
}

.dhx_layout-cell--border_left {
    border-left: 1px solid #e4e4e4
}

.dhx_layout-cell--border_right {
    border-right: 1px solid #e4e4e4
}

.dhx_layout-cell--border-shadow {
    border: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.dhx_layout-cell--no-border {
    border: 0
}

.dhx_layout-cell--no-border_top {
    border-top: 0
}

.dhx_layout-cell--no-border_bottom {
    border-bottom: 0
}

.dhx_layout-cell--no-border_left {
    border-left: 0
}

.dhx_layout-cell--no-border_right {
    border-right: 0
}

.dhx_layout-cell--flex {
    display: flex
}

.dhx_layout-cell--accordion > .dhx_layout-cell--collapsed {
    border-bottom: 0
}

.dhx_layout-cell--collapsed {
    overflow: hidden;
    background-color: #fff
}

.dhx_layout-cell-content {
    height: 100%
}

.dhx_layout-cell-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
    padding: 8px 12px;
    background-color: #fff
}

.dhx_layout-cell-header__title {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, .7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    transition: color .2s ease-in
}

.dhx_layout-cell-header__icon {
    margin-right: 16px
}

.dhx_layout-cell-header__image-wrapper {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.dhx_layout-cell-header__image {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.dhx_layout-cell-header__collapse-icon {
    margin-left: auto;
    color: #4d4d4d;
    transition: transform .2s ease-in, color .2s ease-in
}

.dhx_layout-cell-header--collapseble {
    cursor: pointer
}

.dhx_layout-cell-header--collapseble:focus-visible .dhx_layout-cell-header__collapse-icon, .dhx_layout-cell-header--collapseble:focus-visible .dhx_layout-cell-header__title, .dhx_layout-cell-header--collapseble:hover .dhx_layout-cell-header__collapse-icon, .dhx_layout-cell-header--collapseble:hover .dhx_layout-cell-header__title {
    color: #0288d1;
    transition: color .2s ease-out
}

.dhx_layout-cell-header--collapseble:focus-visible, .dhx_layout-cell-header:focus {
    outline-width: 0
}

.dhx_layout-cell-header--collapsed.dhx_layout-cell-header--col {
    border-bottom: 0;
    position: relative
}

.dhx_layout-cell-header--collapsed.dhx_layout-cell-header--col .dhx_layout-cell-header__title {
    position: absolute;
    transform-origin: left;
    transform: rotate(90deg);
    bottom: -12px;
    left: 50%;
    padding-left: 8px
}

.dhx_layout-resizer {
    position: relative;
    overflow: visible;
    text-align: center
}

.dhx_layout-resizer .dhx_layout-resizer__icon {
    position: relative;
    z-index: 1
}

.dhx_layout-resizer--x {
    width: 0
}

.dhx_layout-resizer--x .dhx_layout-resizer__icon {
    width: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: rgba(0, 0, 0, .5);
    cursor: ew-resize
}

.dhx_layout-resizer--x .dhx_layout-resizer__icon:before {
    font-size: 16px
}

.dhx_layout-resizer--y {
    height: 0
}

.dhx_layout-resizer--y .dhx_layout-resizer__icon {
    width: 100%;
    height: 0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    color: rgba(0, 0, 0, .5);
    cursor: ns-resize
}

.dhx_layout-resizer--y .dhx_layout-resizer__icon:before {
    font-size: 16px
}

.dhx_layout-space {
    background: #ededed;
    border: none
}

.dhx_layout-space.dhx_layout-columns > .dhx_layout-cell {
    margin-top: 12px;
    margin-left: 12px;
    margin-bottom: 12px;
    border: 1px solid #e4e4e4
}

.dhx_layout-space.dhx_layout-columns > .dhx_layout-cell:last-child {
    margin-right: 12px
}

.dhx_layout-space.dhx_layout-rows > .dhx_layout-cell {
    margin-top: 12px;
    margin-left: 12px;
    margin-right: 12px;
    border: 1px solid #e4e4e4
}

.dhx_layout-space.dhx_layout-rows > .dhx_layout-cell:last-child {
    margin-bottom: 12px
}

.dhx_layout-space > .dhx_layout-resizer--x .dhx_layout-resizer__icon {
    right: 1px
}

.dhx_layout-space > .dhx_layout-resizer--y .dhx_layout-resizer__icon {
    bottom: 1px
}

.dhx_layout-wide {
    background: #ededed;
    border: none !important
}

.dhx_layout-wide.dhx_layout-columns > .dhx_layout-cell {
    margin-right: 12px;
    border: 1px solid #e4e4e4
}

.dhx_layout-wide.dhx_layout-columns > .dhx_layout-cell:last-child {
    margin-right: 0
}

.dhx_layout-wide.dhx_layout-rows > .dhx_layout-cell {
    margin-bottom: 12px;
    border: 1px solid #e4e4e4
}

.dhx_layout-wide.dhx_layout-rows > .dhx_layout-cell:last-child {
    margin-bottom: 0
}

.dhx_layout-wide > .dhx_layout-resizer--x .dhx_layout-resizer__icon {
    right: 13px
}

.dhx_layout-wide > .dhx_layout-resizer--y .dhx_layout-resizer__icon {
    bottom: 13px
}

.dhx_layout-line.dhx_layout-columns > .dhx_layout-cell {
    border-right: 1px solid #e4e4e4
}

.dhx_layout-line.dhx_layout-columns > .dhx_layout-cell:last-child {
    border-right: none
}

.dhx_layout-line.dhx_layout-columns > .dhx_layout-wide {
    margin-left: -1px
}

.dhx_layout-line.dhx_layout-columns > .dhx_layout-wide > .dhx_layout-cell:first-child {
    border-top: none
}

.dhx_layout-line.dhx_layout-columns > .dhx_layout-wide > .dhx_layout-cell:last-child {
    border-bottom: none
}

.dhx_layout-line.dhx_layout-rows > .dhx_layout-cell {
    border-bottom: 1px solid #e4e4e4
}

.dhx_layout-line.dhx_layout-rows > .dhx_layout-cell:last-child {
    border-bottom: none
}

.dhx_layout-line.dhx_layout-rows > .dhx_layout-wide {
    margin-top: -1px
}

.dhx_layout-line.dhx_layout-rows > .dhx_layout-wide > .dhx_layout-cell:first-child {
    border-left: none
}

.dhx_layout-line.dhx_layout-rows > .dhx_layout-wide > .dhx_layout-cell:last-child {
    border-right: none
}

.dhx_popup {
    position: fixed;
    box-sizing: border-box;
    -webkit-animation: appear .2s ease-in-out forwards;
    animation: appear .2s ease-in-out forwards;
    background: #fff;
    will-change: transform;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .7)
}

.dhx_popup, .dhx_popup--window_modal {
    z-index: 2147483647
}

.dhx_popup--window {
    z-index: 2147483646
}

.dhx_popup--window_active {
    z-index: 2147483647
}

.dhx_popup.hide {
    -webkit-animation: disappear .2s ease-in-out forwards;
    animation: disappear .2s ease-in-out forwards
}

.dhx_popup:focus {
    outline: none
}

.dhx_popup-content:focus {
    outline: 1px solid #67b8e3
}

.dhx_widget--fullscreen .dhx_popup {
    z-index: 2147483647
}

@keyframes appear {
    0% {
        transform: translateY(20px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes disappear {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(20px);
        opacity: 0
    }
}

.dhx_list {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
    overflow: auto;
    max-height: 100%;
    background-color: #fff
}

.dhx_list--scroll-view, .dhx_list-item {
    overflow: hidden
}

.dhx_list-item {
    position: relative;
    padding: 8px 12px;
    border-bottom: 1px solid #e4e4e4;
    outline: none
}

.dhx_list-item, .dhx_list-item--text {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif
}

.dhx_list-item--text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    transition: background-color .2s ease-in, box-shadow .2s ease-in
}

.dhx_list-item--selected {
    background-color: #f7f7f7;
    box-shadow: inset 2px 0 0 0 #0288d1
}

.dhx_list-item--focus, .dhx_list-item--selected:hover, .dhx_list-item:hover {
    background-color: #ededed;
    transition: background-color .2s ease-out
}

.dhx_list-item--drophere:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #f7f7f7;
    opacity: .6
}

.dhx_list-item--dragtarget {
    opacity: .6
}

.dhx_list-item--drag {
    cursor: -webkit-grab;
    cursor: grab
}

.dhx_list-input {
    width: 100%;
    padding-left: 5px
}

.utilityfocus .dhx_list-item:focus-visible, .utilityfocus .dhx_list:focus-visible {
    outline: 1px dashed #005fcc;
    outline-offset: -1px
}

.dhx_combobox {
    margin-bottom: 16px
}

.dhx_combobox__options {
    margin-top: 2px;
    width: 100%
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label:not(.dhx_label--with-help) {
    position: relative
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label:not(.dhx_label--with-help):after {
    content: "*";
    display: inline-block;
    padding-left: 4px;
    color: rgba(0, 0, 0, .3)
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label__holder {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label__holder:after {
    content: "*";
    display: inline-block;
    padding-left: 4px;
    color: rgba(0, 0, 0, .3)
}

.dhx_combobox--label_sr .dhx_label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.dhx_combobox--label-inline {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative
}

.dhx_combobox--label-inline .dhx_combobox__label {
    flex: 0 0 auto;
    justify-content: flex-end;
    text-align: right;
    margin-right: 16px;
    margin-bottom: 0;
    max-width: 30%
}

.dhx_combobox--label-inline .dhx_combobox-input-box {
    flex: 0 1 auto;
    width: 300%
}

.dhx_combobox--disabled {
    opacity: .6;
    pointer-events: none;
    cursor: default
}

.dhx_combobox-input-box {
    position: relative;
    flex: 1;
    background-color: #f7f7f7;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px #dfdfdf;
    transition: border-color .2s ease-out, box-shadow .2s ease-out
}

.dhx_combobox-input-box--readonly, .dhx_combobox-input-box--readonly * {
    cursor: pointer
}

.dhx_combobox-input-box--disabled {
    cursor: not-allowed
}

.dhx_combobox-input-box--disabled * {
    cursor: not-allowed;
    pointer-events: none
}

.dhx_combobox-input-box--active, .dhx_combobox-input-box:focus-within {
    box-shadow: inset 0 0 0 1px #67b8e3
}

.dhx_combobox-input-box--state_success {
    box-shadow: inset 0 0 0 1px #6cd0a5
}

.dhx_combobox-input-box--state_error {
    box-shadow: inset 0 0 0 1px #ff9797
}

.dhx_combobox-input {
    min-height: 30px;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .7);
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

.dhx_combobox-input:active, .dhx_combobox-input:focus {
    outline: none
}

.dhx_combobox-input__wrapper {
    position: static;
    padding-bottom: 0
}

.dhx_combobox-input__icon {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex: 0;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    font-size: 16px;
    z-index: 1;
    color: rgba(0, 0, 0, .5)
}

.dhx_combobox-input-list-wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.dhx_combobox-input-list {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    list-style: none;
    margin: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    min-height: 30px;
    max-height: 96px;
    width: calc(100% - 32px);
    overflow-y: scroll;
    padding: 0 41px 0 8px;
    box-sizing: content-box !important
}

.dhx_combobox-input-list__item {
    flex: 0 1 auto
}

.dhx_combobox-input-list__item--input {
    position: relative;
    flex: 1 0 auto
}

.dhx_combobox-tag {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid #e4e4e4;
    border-radius: 16px;
    background-color: #fff;
    margin-right: 8px
}

.dhx_combobox-tag__value {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .7);
    white-space: nowrap
}

.dhx_combobox-tag__icon, .dhx_combobox-tag__image {
    margin-right: 4px
}

.dhx_combobox-tag__image {
    width: 16px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.dhx_combobox-tag__action {
    height: 20px;
    margin-left: 4px;
    margin-right: -6px;
    color: rgba(0, 0, 0, .5);
    padding: 0;
    background-color: transparent;
    transition: color .2s ease-in
}

.dhx_combobox-tag__action:hover {
    color: rgba(0, 0, 0, .7);
    transition: color .2s ease-out
}

.dhx_combobox-options {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3)
}

.dhx_combobox-options__icon {
    padding-right: 4px
}

.dhx_combobox-options__image {
    padding-right: 4px;
    width: 16px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.dhx_combobox-options__item {
    display: flex;
    align-items: center;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 8px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.dhx_combobox-options__item--select-all {
    color: #0288d1;
    line-height: 20px;
    border-bottom: 1px solid #e4e4e4
}

.dhx_combobox-options__action-create-option {
    word-break: break-all
}

.dhx_combobox-options .dhx_layout-cell {
    overflow: unset
}

.dhx_message-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    padding: 20px;
    max-height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    width: auto;
    overflow: hidden;
    border: 2px solid transparent;
    z-index: 2147483647
}

.dhx_message-container * {
    box-sizing: border-box
}

.dhx_message-container--top-left {
    top: 0;
    left: 0
}

.dhx_message-container--top-right {
    top: 0;
    right: 0
}

.dhx_message-container--bottom-left {
    align-items: flex-start;
    bottom: 0;
    left: 0
}

.dhx_message-container--bottom-right {
    align-items: flex-start;
    bottom: 0;
    right: 0
}

.dhx_message-container--in-body {
    position: fixed
}

.dhx_message {
    display: flex;
    justify-content: space-between;
    width: 240px;
    flex-shrink: 0;
    padding: 12px;
    margin-bottom: 4px;
    margin-top: 4px;
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .1), 0 10px 20px rgba(0, 0, 0, .1);
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dhx_message, .dhx_message__text {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, .7)
}

.dhx_message__text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all
}

.dhx_message__icon {
    align-self: center;
    padding-left: 8px;
    color: rgba(0, 0, 0, .5)
}

.dhx_message--error .dhx_message__icon, .dhx_message--error .dhx_message__text, .dhx_message--success .dhx_message__icon, .dhx_message--success .dhx_message__text {
    color: #fff
}

.dhx_message--error {
    background-color: #ff5252
}

.dhx_message--success {
    background-color: #0ab169
}

.dhx_alert {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    max-width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    will-change: transform;
    z-index: 2147483647
}

.dhx_alert__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 2147483646
}

.dhx_alert__header {
    position: relative;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(0, 0, 0, .7)
}

.dhx_alert__content, .dhx_alert__header {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px
}

.dhx_alert__content {
    height: 100%;
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
    line-height: 1.3;
    overflow-y: auto;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.dhx_alert__footer {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start
}

.dhx_alert__footer--center {
    justify-content: center
}

.dhx_alert__footer--right {
    justify-content: flex-end
}

.dhx_alert__footer .dhx_button:not(:last-child) {
    margin-right: 16px
}

.dhx_tooltip {
    pointer-events: none;
    border-radius: 2px;
    background-color: #333;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    padding: 6px 12px;
    transition: opacity .01s ease, transform .01s ease;
    opacity: 0;
    z-index: 999;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif
}

.dhx_tooltip--animate {
    opacity: 1;
    transition: opacity .15s ease-out
}

.dhx_tooltip--forced {
    opacity: 1
}

.dhx_tooltip--light {
    background-color: #fff
}

.dhx_tooltip--light .dhx_tooltip__text {
    color: rgba(0, 0, 0, .7)
}

.dhx_widget--fullscreen .dhx_tooltip {
    z-index: 2147483647
}

.dhx_tooltip__text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.dhx_colorpicker {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    border-radius: 2px
}

.dhx_colorpicker, .dhx_colorpicker * {
    box-sizing: border-box
}

.dhx_popup .dhx_colorpicker {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    border: none
}

.dhx_palette {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    white-space: nowrap;
    padding: 8px
}

.dhx_palette--custom {
    display: flex;
    flex-wrap: wrap;
    max-width: 236px
}

.dhx_palette--custom.dhx_palette__row .dhx_palette__cell {
    margin-bottom: 0
}

.dhx_palette__col {
    display: inline-block
}

.dhx_palette__col:last-child .dhx_palette_cell {
    margin-right: 0
}

.dhx_palette__row .dhx_palette__cell {
    display: inline-block;
    margin-bottom: 6px
}

.dhx_palette__row .dhx_palette__cell:last-child {
    margin-right: 0
}

.dhx_palette__row--last {
    margin-bottom: 0
}

.dhx_palette__cell {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 2px 2px 0;
    vertical-align: top;
    border: 2px solid transparent;
    transition: border .2s ease-in
}

.dhx_palette__cell:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 1px solid transparent;
    transition: border .2s ease-in
}

.dhx_palette__cell:last-child {
    margin-bottom: 0
}

.dhx_palette__cell--selected, .dhx_palette__cell:hover {
    border: 2px solid hsla(0, 0%, 100%, .6);
    transition: border .2s ease-out
}

.dhx_palette__cell--selected:after, .dhx_palette__cell:hover:after {
    border: 1px solid rgba(0, 0, 0, .6);
    transition: border .2s ease-out
}

.dhx_colorpicker-custom-colors {
    font-size: 14px;
    color: #909cad
}

.dhx_colorpicker-custom-colors__header {
    font-size: 14px;
    padding: 9px 0 4px;
    letter-spacing: -.2px;
    position: relative
}

.dhx_colorpicker-custom-colors__picker {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #909cad;
    box-shadow: inset 0 0 0 1px #909cad
}

.dhx_colorpicker-picker__palette {
    position: relative;
    width: 100%;
    border-radius: 2px;
    overflow: hidden
}

.dhx_colorpicker-picker__palette:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0));
    z-index: 2
}

.dhx_colorpicker-picker__palette:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
    z-index: 1
}

.dhx_colorpicker-picker__buttons {
    display: flex;
    padding: 12px 0 0;
    justify-content: flex-end
}

.dhx_colorpicker-picker__buttons .dhx_button:first-child {
    margin-right: 4px
}

.dhx_colorpicker-hue-range {
    position: relative;
    width: 100%;
    margin: 4px 0 8px;
    border-radius: 2px;
    background-image: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
}

.dhx_colorpicker-hue-range__grip {
    width: 6px;
    height: 100%
}

.dhx_colorpicker-hue-range__grip, .dhx_palette_grip {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    background: transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3)
}

.dhx_palette_grip {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 10
}

.dhx_colorpicker-value {
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: space-between
}

.dhx_colorpicker-value__color {
    width: 100px;
    border: 1px solid transparent;
    border-radius: 2px;
    margin-right: 8px
}

.dhx_colorpicker-value__input__wrapper {
    position: relative;
    border: 1px solid #d4dde7
}

.dhx_colorpicker-value__input__wrapper:before {
    content: "#";
    position: absolute;
    height: 100%;
    line-height: 30px;
    left: 8px;
    color: #909cad;
    font-size: 15px
}

.dhx_colorpicker-value__input {
    width: 100px;
    height: 100%;
    padding: 0 0 0 24px;
    line-height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, .7);
    border: none;
    border-radius: 2px;
    outline: none
}

.dhx_property {
    position: relative;
    z-index: 5;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.dhx_property-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    padding: 10px 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #e4e4e4
}

.dhx_property-row {
    display: flex;
    width: 100%;
    height: 32px;
    min-height: 32px;
    margin-bottom: 8px;
    padding: 0 20px;
    align-items: center
}

.dhx_property-row--large {
    height: 64px;
    align-items: flex-start
}

.dhx_property-row--large .dhx_property-row__label {
    align-items: flex-start
}

.dhx_property-row__label {
    font-weight: 500;
    display: flex;
    min-width: 50px;
    height: 100%;
    padding: 0 20px 0 0;
    align-items: center;
    justify-content: flex-end
}

.dhx_property-row__label--standalone {
    font-size: 16px;
    flex: 1;
    justify-content: flex-start
}

.dhx_property-row__content {
    display: flex;
    overflow: hidden;
    flex: 1;
    height: 100%;
    align-items: center
}

.dhx_checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 2px
}

.dhx_checkbox__input:checked + .dhx_checkbox__mark {
    visibility: visible
}

.dhx_checkbox__mark {
    position: absolute;
    top: -1px;
    left: -1px;
    visibility: hidden;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: #0288d1
}

.dhx_checkbox__mark:before {
    color: #fff
}

.dhx_property-color {
    display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer;
    align-items: center
}

.dhx_property-color__value {
    padding: 0 8px
}

.dhx_property-color__sample {
    width: 4px;
    height: 100%
}

.dhx_property-select {
    width: 100%;
    height: 100%;
    color: rgba(0, 0, 0, .7);
    border-color: #e4e4e4
}

.dhx_property-textarea {
    padding: 4px;
    resize: none;
    border-color: #e4e4e4
}

.dhx_property-input, .dhx_property-textarea {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    width: 100%;
    height: 100%
}

.dhx_property-input {
    color: rgba(0, 0, 0, .7);
    border: none
}

.dhx_property-input--state_error {
    box-shadow: inset 0 0 0 1px #ffbaba
}

.dhx_property-input:disabled {
    background: transparent
}

.combo-wrapper {
    width: 100%;
    height: 100%
}

.dhx_combobox, .dhx_combobox .dhx_combobox-input-box {
    height: 100%
}

.dhx_diagram_editor_default .dhx_connect_point .dhx_connect_grip, .dhx_resize_grip {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #98a7bf;
    box-sizing: border-box;
    z-index: 10
}

.dhx_diagram_editor .dhx_diagram {
    background-color: #fff;
    background-position: 1px 1px;
    overflow: auto
}

.dhx_cell .dhx_preview_mode .dhx_diagram {
    background-image: none
}

.dhx_selection_box {
    border: 1px solid #408bf3;
    position: absolute
}

.dhx_magnetic {
    position: absolute
}

.dhx_magnetic .dhx_magnetic_line {
    position: absolute;
    background-color: #000;
    z-index: 1
}

@font-face {
    font-family: icons;
    src: url(data:font/woff2;base64,d09GMgABAAAAAAKgAAsAAAAABmAAAAJUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCCfgqBNIFHATYCJAMMCwgABCAFg3IHPxulBRGVkw9kPxKyk8x7ya2myRI6Em+CJ36/fmeurMz7roZqIoppSGSidUojNPG8L6dV1kiE6pI93/pfPoN0PJAc4WcA+DyX41tAZ/lvPM9h7kVhlligc3qgCSWSeYt6rS/Myqh3EEBpYgAzNjG3RsLZQxfOk4PDWhRI6+XsqROHiMgIDocLEYRQza0heYoH4hgF4sOvN+DIAoO3WBeXjo8fZei3/DYcBCJ+FAR82wMWqAMcyEZtZgmLCNaiGUcZbGudwG8Ti/FbfBuyVY4B+euc2jgAqnDWwG9x1YRag0mEwQIQyg0CY5RJSzpMlrN6oymbBKgoWRXI69fX3jx4dfXlVJVqE6t7Qt39CnU1wBIIWOSL4vbGSS1J8Jqv7hGXUKxNE9Hjejy60ZVlmUYyPVWYhAgmfY3Ydn3LUpBKKzZHE9pdgkazOAjct2YvcUFTKNvVlntvn306kNj3vw3q418///5AhuG6yK59AsN1B1vmCJbBYt1BqM9S9msOGUBRIIZ9SXwZ7hO8qgVDGJ/C4okjHJMMT0AGQniKodRScTsglWUs4qIIylEEQwLnYVEuwqHchieDpwihvIOywfvLARUS8k+FLPWC24ucIom36YFajywwdkP+EysKqjOM4H9Q39tkliBpZliyGBJlKJpPDNbtZmXu+1T30y5kbo6QpV5we5FTNBRnHqglMV0OYze0EatG2gWdYXzV/6C+t8ksQUKVmWEZJgZ2EmUo9ZtODNbtA1Jl7u1ZCarpFtbxF5qSnrBixIpDT2Y9/odf76h9o9oRHDUN) format("woff2"), url(data:font/woff;base64,d09GRgABAAAAAAQ0AAsAAAAABmAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFY7OUdsY21hcAAAAYQAAABRAAABfrVI9apnbHlmAAAB2AAAAI4AAAC00+l3jWhlYWQAAAJoAAAAMAAAADYa8SEtaGhlYQAAApgAAAAcAAAAJAC8AGRobXR4AAACtAAAAAwAAAAMAMD//2xvY2EAAALAAAAACAAAAAgANABabWF4cAAAAsgAAAAfAAAAIAERADBuYW1lAAAC6AAAAR0AAAHyFNvC+HBvc3QAAAQIAAAAKgAAAD/K0A8jeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRwYJzAwMrAwMDD4AwkeaG0HgMLgwQDAxMDKzMDVhCQ5prC4PCR8SMTQwKQywEmGRgYQQQA4xwGJAAAAHic7ZCxDYAwDATPjqFAjEFBwTBU7L8CEyRvhzF46U76lysDC9DEJQLswcjcWq32xlZ7cNRN5P5677Kl1aPs0sqfvXx+zfNPk/m5CT4A5/YLmQAAAHicLY1BDsIwDAS3KKmJhXKi1ICiqo0EN1SRhj6ASx/Bgf9/ojjAyruyfdiBWVcAL7zR4owOEZib1MQc/075Vk2P+2Ffk75n9VU9DjbYYHpjiameRJ4ivcjCnlWeK3Kkc5QiBWBTAqNytjgpY7j8SttCSflL1NRtZ0k7qRNmEW9YlnIyBQ4sLnv3AXmhErQAAHicY2BkYGAA4pkzJu6K57f5ysDNkAAUYbi7++MOGP3/P5ARAxbnYGACiQIAigcNz3icY2BkYGBIYACBhP//gWQMAyMDKmAGAEsAAyAAAAAAAGD//wBgAAAAAAAAADQAWnicY2BkYGBgZlBhYGEAASYg5gJCBob/YD4DAAx7AUIAeJxdjr1OwzAUhU/6h2gQAiExm6ULUvoz9gHamQ7Z08RJWyVx5LiVKjEz8xTMPAXPxYl7JSps6fo75x5fG8ADfhCgWwGGvnarhxuqC/dJd8ID8qPwECGehUdUL8JjvGIiHOIJb5wQDG7pjJEJ93CPWrhP/114QP4QHnL6p/CI/pfwGDG+hUNMgtE+NXW70cWxTKxnX2Jt272p1Tyaeb3WtbaJ05nanlV7KhbO5Sq3plIrUztdlkY11hx06qKdc81yOs3Fj1JTYY8Uhn9usYFGgSNKJLBX/h/FTFjvdFphjgizq/6a/dpnEjieGTNbnFlbnDh7Qdchp86ZMahIK3+3S5fchk7jewc6Kf0IO3+rwRJT7vxfPvKvV78w9VNiAAAAeJxjYGLAD5gZmRiZGVkYuDLyizKr8vNKEnM4ylKLSjKTE3MYGABgbwfIAAA=) format("woff")
}

.dei:before {
    font-family: icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dei.dei-horizontal:before {
    content: "\F101"
}

.dei.dei-vertical:before {
    content: "\F102"
}

.dei {
    display: inline-block;
    text-rendering: auto;
    line-height: 0;
    font-size: 0
}

.dei:before {
    font-size: 20px
}

.dei--small:before {
    font-size: 16px
}

.dei--medium:before {
    font-size: 20px
}

.dei--large:before {
    font-size: 24px
}

.dhx_diagram_editor_default {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.dhx_diagram_editor_default .dhx_diagram__container {
    position: absolute;
    top: 0;
    left: 0
}

.dhx_diagram_editor_default .dhx_diagram__wrapper {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dhx_diagram_editor_default .dhx_free_diagram {
    background: none;
    width: 0 !important;
    height: 0 !important;
    top: 0 !important;
    left: 0 !important
}

.dhx_diagram_editor_default .dhx_popup_toolbar {
    height: 40px
}

.dhx_diagram_editor_default .dhx_blockselected.dhx_diagram_line, .dhx_diagram_editor_default .dhx_diagram_line .dhx_blockselected {
    stroke-dasharray: 2;
    stroke: #1876d2
}

.dhx_diagram_editor_default .dhx_blockselected.dhx_diagram_shape:after, .dhx_diagram_editor_default .dhx_blockselected .dhx_diagram_shape:after {
    content: "";
    outline: 1px dashed #1876d2 !important;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dhx_diagram_editor_default .dhx_blockselected.dhx_diagram_group:after, .dhx_diagram_editor_default .dhx_blockselected .dhx_diagram_group:after, .dhx_diagram_editor_default .dhx_selected.dhx_diagram_line_title {
    content: "";
    outline: 1px dashed #1876d2 !important;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%
}

.dhx_diagram_editor_default .dhx_connect_point .dhx_connect_grip, .dhx_diagram_editor_default .dhx_resize_grip {
    width: 8px;
    height: 8px;
    border: 1px solid #1876d2;
    border-radius: 50%
}

.dhx_diagram_editor_default .dhx_connect_point .dhx_connect_grip:focus, .dhx_diagram_editor_default .dhx_resize_grip:focus {
    border: 3px solid #1876d2;
    outline: none
}

.dhx_diagram_editor_default .dhx_break_point {
    width: 8px;
    height: 8px;
    border: 1px solid #a8d4ff;
    background: #a8d4ff;
    cursor: pointer
}

.dhx_diagram_editor_default .dhx_break_point:focus {
    border: 1px solid #a8d4ff;
    outline: none
}

.dhx_diagram_editor_default .dhx_slide_point {
    border: 2px solid #a8d4ff;
    border-radius: 8px;
    cursor: pointer
}

.dhx_diagram_editor_default .dhx_slide_point:focus {
    border: 2px solid #408bf3;
    outline: none
}

.dhx_diagram_editor_default .dhx_slide_point__vertical {
    height: 8px;
    width: 16px;
    border: 2px solid #a8d4ff;
    cursor: pointer
}

.dhx_diagram_editor_default .dhx_slide_point__horizontal {
    height: 16px;
    width: 8px;
    border: 2px solid #a8d4ff;
    cursor: pointer
}

.dhx_diagram_editor_default .dhx_connect_point {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    pointer-events: auto;
    touch-action: auto;
    cursor: pointer;
    position: absolute
}

.dhx_diagram_editor_default .dhx_connect_point .dhx_connect_grip {
    width: 8px;
    height: 8px;
    border: 1px solid #f7f7f7;
    border-radius: 50%;
    background: #1876d2;
    position: relative
}

.dhx_diagram_editor_default .dhx_nearest_point {
    background: rgba(0, 0, 0, .1)
}

.dhx_diagram_editor_default .dhx_nearest_point .dhx_connect_grip {
    width: 10px;
    height: 10px
}

.dhx_diagram_editor_default .dhx_diagram_line path:hover, .dhx_diagram_editor_default .dhx_diagram_shape:hover {
    cursor: pointer
}

.dhx_diagram_editor_default .dhx_shape_rotate svg path {
    fill: #1876d2
}

.dhx_diagram_editor__sidebar {
    z-index: 5;
    border-left: 1px solid #e0e0e0;
    overflow: hidden;
    min-width: 285px;
    max-width: 285px
}

.dhx_diagram_editor__sidebar_default .dhx_property {
    background: #f8f8f8
}

.dhx_diagram_editor__sidebar_default .dxi {
    color: #b8c6d6
}

.dhx_diagram_editor__main {
    width: 100%;
    overflow-y: auto
}

.dhx_diagram_editor_org-chart .dhx_diagram__wrapper {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dhx_diagram_editor_org-chart .dhx_org_chart {
    background: none;
    width: 0 !important;
    height: 0 !important;
    top: 0 !important;
    left: 0 !important
}

.dhx_diagram_editor_org-chart .dhx_diagram {
    overflow: auto
}

.dhx_diagram_editor_org-chart .dhx_diagram__container {
    position: absolute;
    top: 0;
    left: 0
}

.dhx_diagram_editor_org-chart .dhx_diagram_line {
    stroke: #ccc;
    fill: none
}

.dhx_diagram_editor_org-chart .dhx_blockselected.dhx_diagram_shape:after, .dhx_diagram_editor_org-chart .dhx_blockselected .dhx_diagram_shape:after {
    content: "";
    outline: 1px dashed #1876d2 !important;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dhx_diagram_editor_org-chart .dhx_property {
    background: #f8f8f8
}

.dhx_diagram_editor_org-chart .dhx_property .dxi {
    color: #b8c6d6
}

.dhx_diagram_editor_org-chart .dhx_diagram_item.dhx_action__target--take {
    box-shadow: 0 0 2px 2px rgba(9, 204, 118, .5)
}

.dhx_diagram_editor_org-chart .dhx_diagram_item.dhx_action__target--doesnt_take {
    box-shadow: 0 0 2px 2px rgba(255, 0, 56, .5)
}

.dhx_diagram_editor__dropdown {
    padding: 10px 0
}

.dhx_diagram_editor__dropdown_checkbox, .dhx_diagram_editor__dropdown_content {
    display: none
}

.dhx_diagram_editor__dropdown_label {
    font-weight: 500;
    position: relative;
    padding-left: 16px;
    cursor: pointer;
    color: #202020
}

.dhx_diagram_editor__dropdown_label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    top: 50%;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #202020;
    border-left: 5px solid transparent
}

.dhx_diagram_editor__dropdown_checkbox:checked ~ .dhx_diagram_editor__dropdown_content {
    display: block
}

.dhx_diagram_editor__dropdown_checkbox:checked + .dhx_diagram_editor__dropdown_label:before {
    border-top: 7px solid #202020;
    border-bottom: none
}

.dhx_diagram_editor_shapebar__container {
    min-width: 295px;
    max-width: 295px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    display: flex;
    overflow-y: auto;
    flex-direction: row;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #f8f8f8;
    border-right: 1px solid #e0e0e0
}

.dhx_diagram_editor_shapebar__container.dhx_shapesbar--with-width {
    flex: 1 0 auto;
    min-width: inherit;
    max-width: inherit
}

.dhx_diagram_editor_shapebar__wrapper {
    width: 100%;
    height: 100%;
    padding: 15px 0 15px 15px;
    overflow-x: hidden
}

.dhx_diagram_editor_shapebar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px
}

.dhx_diagram_editor_shapebar__thumb_container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.dhx_shape_thumb {
    width: 33.33333%;
    cursor: pointer;
    touch-action: none
}

.dhx_shape_thumb:hover svg path {
    fill: #fbfbfb;
    stroke: #b8c6d6
}

.dhx_shape_thumb .dhx_item_shape {
    fill: #eef1f6;
    stroke: #b8c6d6
}

.dhx_shape_thumb .dhx_diagram_extra_lines {
    stroke: #b8c6d6
}

.dhx_shape_thumb .dhx_diagram_swimlane .dhx_diagram_group_swimlane .dhx_diagram_group {
    z-index: -1;
    position: absolute !important
}

.dhx_shape_thumb .dhx_diagram_item {
    position: relative !important;
    touch-action: none
}

.dhx_shape_thumb--img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.dhx_shape_shadow {
    z-index: 2147483647;
    position: fixed
}

.dhx_shape_shadow .dhx_diagram_extra_lines {
    stroke: #b8c6d6
}

.dhx_topbar {
    position: relative;
    z-index: 30;
    display: flex;
    min-height: 52px;
    max-height: 52px;
    padding: 0 8px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dhx_topbar .dhx_state_block {
    display: flex;
    width: 100px;
    margin: 0 8px;
    padding: 14px 8px;
    align-items: center;
    justify-content: space-around
}

.dhx_topbar .dhx_state_block .redo, .dhx_topbar .dhx_state_block .undo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #909cad;
    fill: #909cad
}

.dhx_topbar .dhx_state_block .redo:hover, .dhx_topbar .dhx_state_block .undo:hover {
    color: #1876d2;
    fill: #1876d2;
    stroke: #1876d2
}

.dhx_topbar .dhx_state_block .redo--link, .dhx_topbar .dhx_state_block .undo--link {
    color: #8792a7
}

.dhx_topbar .dhx_state_block .redo--link:hover, .dhx_topbar .dhx_state_block .undo--link:hover {
    color: #1876d2
}

.dhx_topbar .dhx_state_block .redo--active, .dhx_topbar .dhx_state_block .undo--active {
    color: #8792a7
}

.dhx_topbar .dhx_topbar_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    align-items: center
}

.dhx_topbar .dhx_topbar_wrap .dhx_button__topbar {
    margin: 4px;
    border-radius: 2px
}

.dhx_topbar .dhx_editor_scale {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    display: flex;
    flex-direction: row;
    width: 94px;
    height: 30px;
    background: #f8f8f8;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    justify-content: space-around;
    align-items: center
}

.dhx_topbar .dhx_editor_scale .dhx_scale_value, .dhx_topbar .dhx_editor_scale .dhx_zoom_in, .dhx_topbar .dhx_editor_scale .dhx_zoom_out {
    font-size: 20px;
    font-weight: 900;
    display: flex;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #909cad;
    justify-content: center;
    align-items: center
}

.dhx_topbar .dhx_editor_scale .dhx_scale_value {
    font-size: 14px;
    width: auto;
    height: auto;
    cursor: default
}

.dhx_topbar .dhx_visibility {
    padding: 0 30px;
    cursor: pointer;
    color: #909cad;
    width: 80px
}

.dhx_topbar .dhx_visibility.dhx_selected, .dhx_topbar .dhx_visibility:hover {
    color: #1876d2
}

.dhx_topbar .dhx_items_block {
    flex: 1;
    justify-content: flex-end;
    padding: 8px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.dhx_topbar .dxi {
    color: #b8c6d6
}

.dhx_topbar__autolayout .dhx_layout {
    border-radius: 2px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3), 0 2px 4px 0 rgba(0, 0, 0, .04);
    padding: 2px 0
}

.dhx_topbar__autolayout .dhx_button__topbar {
    padding: auto 12px;
    height: 28px;
    justify-content: flex-start;
    border-radius: 0
}

.dhx_topbar__autolayout .dhx_popup-content:focus {
    outline: none
}

.inputs_group {
    display: flex;
    margin: 0 0 1px;
    justify-content: flex-end;
    align-items: center
}

.inputs_group span {
    color: #8792a7;
    letter-spacing: .5px;
    margin: 0 8px 0 0
}

.inputs_group input, .inputs_group span {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px
}

.inputs_group input {
    color: #202020;
    border: 1px solid #e6e6e6;
    background-color: #f7f7f7;
    width: 84px;
    height: 32px;
    transition: all .2s ease;
    text-align: center;
    outline: none
}

.inputs_group input:first-of-type {
    margin: 0 8px 0 0
}

.inputs_group input:hover {
    transition: all .2s ease;
    border-color: #ccc
}

.inputs_group input.dhx_invalid {
    border: 1px solid #e40000
}

.inputs_group_desc {
    display: flex;
    margin: 0 0 8px;
    justify-content: flex-end
}

.inputs_group_desc span {
    color: #8792a7;
    font-size: 12px;
    letter-spacing: .5px;
    line-height: 20px;
    width: 86px;
    text-align: center
}

.inputs_group_desc span:first-child {
    margin: 0 8px 0 0
}

.dhx_property, .side-bar {
    position: relative;
    z-index: 5;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    height: 100%;
    padding: 16px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.dhx_property input:focus, .dhx_property textarea:focus, .side-bar input:focus, .side-bar textarea:focus {
    box-shadow: 0 0 0 1px #1876d2
}

.edit-section {
    padding: 0 0 4px
}

.section-title {
    line-height: 20px;
    margin: 0 0 4px;
    letter-spacing: .5px;
    color: #909cad
}

.dhx_invalid input {
    border: 1px solid #e40000 !important
}

.pop-up {
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    background-color: #333;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    line-height: 20px;
    z-index: 6;
    top: -4px;
    left: 42px;
    box-sizing: border-box;
    width: 94px;
    height: 38px;
    padding: 9px 22px;
    opacity: 0
}

.pop-up, .pop-up:before {
    position: absolute;
    transition: all .2s ease
}

.pop-up:before {
    bottom: 11px;
    left: -15px;
    content: "";
    border: 8px solid transparent;
    border-right-color: #333
}

.dhx_property {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px
}

.dhx_property * {
    box-sizing: border-box
}

.dhx_group_item {
    line-height: 30px;
    padding-left: 10px;
    color: #fff;
    background: #55f
}

.dhx_text_item {
    font-size: 15px;
    line-height: 30px;
    white-space: nowrap
}

.dhx_text_item:nth-child(2n) {
    background: #f8f8f8
}

.dhx_text_item .dhx_label {
    box-sizing: border-box;
    width: 50%;
    padding-left: 10px
}

.dhx_text_item .dhx_value {
    width: 50%;
    cursor: pointer
}

.dhx_label, .dhx_value {
    display: inline-block
}

.dhx_value .segmented input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.segmented label {
    margin-right: -3px;
    padding: 1px 10px 2px 8px;
    cursor: pointer;
    border: 1px solid #dedede;
    background: #fff
}

.segmented input:checked + label {
    background: #dedede
}

.segmented input:focus + label {
    border-bottom: 2px solid #48f
}

.dhx_value {
    text-align: left
}

.dhx_value input, .dhx_value select {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 15px;
    line-height: 28px;
    width: 100%;
    border: none;
    border-bottom: 2px solid transparent;
    outline: none;
    background: transparent
}

.dhx_value select {
    padding: 0
}

.dhx_value input:focus, .dhx_value select:focus {
    border-bottom: 2px solid #48f
}

.dhx_value .dhx_check {
    position: relative;
    top: 2px;
    left: -9px;
    width: 18px;
    height: 18px
}

.dhx_invalid input, .dhx_invalid input:focus {
    border-bottom: 2px solid #e40000
}

.position-edit {
    display: flex;
    margin: 0 0 1px;
    justify-content: flex-end;
    align-items: center
}

.position-edit input:first-of-type {
    margin: 0 10px 0 0
}

.position-desc {
    display: flex;
    margin: 0 0 9px;
    justify-content: flex-end
}

.position-desc span {
    font-size: 12px;
    line-height: 20px;
    width: 86px;
    text-align: center;
    letter-spacing: .5px;
    color: #7b869d
}

.position-desc span:first-child {
    margin: 0 10px 0 0
}

.name-edit {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    width: 248px;
    height: 56px;
    margin: 0 0 10px;
    padding: 8px 0 0 8px;
    resize: none;
    color: #202020;
    border: 1px solid #dedede;
    outline: none;
    background-color: #e0e0e0
}

.no-border {
    border-bottom: none
}

.no-margin {
    margin: 0
}

.no-padding {
    padding: 0
}

.photo-wrapper img {
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    border: 1px solid #e0e0e0
}

.dhx_textarea {
    min-height: 40px;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d4dde7;
    border-radius: 2px;
    background-color: #fff;
    margin: 0 0 10px;
    padding: 8px;
    outline: none;
    resize: none;
    color: #202020;
    font-size: 14px;
    line-height: 20px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    transition: all .2s ease
}

.dhx_textarea:hover {
    border-color: #ccc;
    transition: all .2s ease
}

.dhx_textarea:focus {
    box-shadow: 0 0 0 1px #1876d2;
    transition: all .2s ease
}

.dhx_textarea::-webkit-input-placeholder {
    color: #202020;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px
}

.dhx_textarea:focus::-webkit-input-placeholder {
    color: transparent
}

.dhx_textarea:focus:-moz-placeholder, .dhx_textarea:focus::-moz-placeholder {
    color: transparent
}

.dhx_textarea:focus:-ms-input-placeholder {
    color: transparent
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.dhx_img_uploader {
    cursor: pointer;
    position: relative
}

.dhx_img_uploader .pop-up {
    left: 70px;
    top: 10px;
    width: auto
}

.dhx_img_uploader:hover {
    cursor: pointer
}

.dhx_img_uploader:hover .pop-up {
    transition: all .2s ease;
    opacity: 1
}

.dhx_img_uploader .dhx_uploader_preview {
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-size: 100% 100%;
    background-color: #f2f2f2
}

.dhx_img_uploader .dhx_uploader_preview.loading .dhx_loading {
    display: block;
    width: 101%;
    height: 101%;
    background: #fff;
    -webkit-animation: rotate .8s linear infinite;
    animation: rotate .8s linear infinite;
    border: 4px solid #03a9f4;
    border-right-color: #fff;
    border-radius: 50%;
    box-sizing: border-box
}

.dhx_img_uploader .dhx_uploader_preview .dhx_loading {
    display: none
}

.section-title {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 0 2px;
    color: #202020
}

.input_element {
    height: 36px;
    width: 110px;
    border: 1px solid #d4dde7;
    border-radius: 2px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    margin: 0 8px 10px 0
}

.input_element input {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    background-color: #f7f7f7;
    line-height: 20px;
    width: 84px;
    height: 32px;
    transition: all .2s ease;
    text-align: center;
    outline: none;
    padding: 0 8px 0 40px;
    background: #fff;
    border: none;
    width: 100%;
    height: 100%;
    text-align: left;
    color: #202020
}

.input_element input:first-of-type {
    margin: 0 8px 0 0
}

.input_element input:hover {
    transition: all .2s ease;
    border-color: #ccc
}

.input_element input.dhx_invalid {
    border: 1px solid #e40000
}

.input_icon_wrap {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 20px;
    height: 100%;
    margin: 0 9px
}

.input_icon_wrap .rotate_icon {
    color: #b8c6d6
}

.input_icon_wrap .rotate_icon:before {
    font-size: 24px;
    width: 24px;
    height: 24px
}

.input_icon {
    text-align: center;
    background: #b8c6d6;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase
}

.input_group_up {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.input_group_up .inputs_group {
    width: 110%;
    justify-content: flex-start;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap
}

.input_group_up .inputs_group input {
    padding: 0 8px 0 40px;
    background: #fff;
    width: 100%;
    height: 100%;
    text-align: left
}

.alone_picker {
    width: 40px;
    min-width: 40px
}

.line-edit-content {
    display: flex;
    flex-direction: row
}

.line-edit-content--full_width .dropup.input_element {
    width: 100%;
    margin-right: 0
}

.dhx_custom_select {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    height: 34px;
    color: #909cad;
    outline: none
}

.dhx_custom_select .dhx_select_content {
    display: none
}

.dhx_custom_select .dhx_select_label {
    display: flex;
    height: 34px;
    padding: 0 18px;
    color: #202020;
    font-weight: 400;
    align-items: center
}

.dhx_custom_select:before {
    position: absolute;
    top: 40%;
    right: 12px;
    width: 0;
    height: 0;
    content: "";
    border-top: 5px solid #b8c6d6;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.dhx_custom_select:focus {
    box-shadow: inset 0 0 0 1px #1876d2
}

.dhx_custom_select:focus:before {
    border-top: none;
    border-bottom: 5px solid #b8c6d6
}

.dhx_custom_select:focus .dhx_select_content {
    position: absolute;
    z-index: 100;
    z-index: 10;
    top: 45px;
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 0 0 9px 0 hsla(0, 0%, 53%, .5)
}

.dhx_custom_select:focus .dhx_select_content:after {
    position: absolute;
    z-index: -1;
    top: -2px;
    right: 11px;
    width: 10px;
    height: 10px;
    content: "";
    transform: rotate(45deg);
    background: #fff;
    box-shadow: 0 0 9px 0 hsla(0, 0%, 53%, .5)
}

.dhx_custom_select .dhx_select_option {
    z-index: 10;
    display: flex;
    height: 30px;
    padding: 10px 18px;
    cursor: pointer;
    color: #202020;
    background: #fff;
    font-weight: 400;
    align-items: center
}

.dhx_custom_select .dhx_select_option:hover {
    color: #1876d2;
    background-color: #eef1f6
}

.dhx_custom_select .dhx_select_option:hover .dhx_select_dash, .dhx_custom_select .dhx_select_option:hover .dhx_select_line {
    border-color: #1876d2
}

.dhx_custom_select .dhx_selected_option {
    background-color: #eef1f6
}

.dhx_custom_select .dhx_selected_option .dhx_select_dash, .dhx_custom_select .dhx_selected_option .dhx_select_line {
    border-color: #1876d2
}

.dhx_custom_select .dhx_selected_option .dxi-check {
    font-size: 14px;
    padding: 0 8px;
    color: #909cad
}

.dhx_custom_select .dhx_select_dash, .dhx_custom_select .dhx_select_line {
    width: 60%;
    height: 0;
    border: 1px solid #909cad
}

.dhx_custom_select .dhx_select_dash {
    border: 1px dashed #909cad
}

.line_width {
    width: 65px
}

.line_width input {
    padding: 0 10px
}

.line_width .title {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    line-height: 36px;
    color: #b8c6d6
}

.icons_group {
    display: flex;
    align-items: center;
    height: 40px;
    margin: 0 10px 0 0
}

.icons_group .dhx_line_icon, .icons_group .dxi {
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #b8c6d6;
    display: flex;
    align-items: center;
    justify-content: center
}

.icons_group .dhx_line_icon:hover, .icons_group .dxi:hover {
    background: #eef1f6
}

.icons_group .dhx_selected {
    color: #1876d2
}

.icons_group .dhx_selected svg * {
    fill: #1876d2
}

.icons_group .dhx_line_icon {
    cursor: pointer
}

.icons_group .dhx_line_icon i * {
    pointer-events: none
}

.line_height .dxi-format-line-spacing {
    color: #b8c6d6
}

.arrow_select {
    min-width: 70px
}

.arrow_select .dhx_select_label {
    padding: 0 8px
}

.align_bar {
    display: flex;
    padding-bottom: 12px
}

.align_icon_wrap {
    padding: 0 4px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.align_icon_wrap:hover {
    background: #eef1f6
}

.align_icon_wrap.dhx_selected svg path {
    fill: #1876d2
}

.dhx_select {
    font-weight: 500;
    position: relative;
    height: 40px;
    color: #202020;
    outline: none;
    padding: 0 4px 0 8px;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 2px;
    width: 100%
}

.edit-section.color-edit {
    position: relative;
    margin-bottom: 8px
}

.edit-section.color-edit .color_picker_wrap {
    height: 40px;
    width: 120px;
    display: flex;
    flex-direction: row
}

.edit-section.color-edit .color_picker_wrap .color_preview {
    width: 20px;
    height: 20px;
    border-radius: 2px
}

.edit-section.color-edit .color_picker_wrap .color_code {
    height: 100%
}

.edit-section.color-edit .color_picker_wrap .input_icon {
    border: 1px solid #e0e0e0
}

.empty-state {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.empty-state__text {
    font-family: Roboto;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #909cad;
    margin-top: 32px
}

.dhx_checkbox__input, .dhx_radiobutton__input, .dhx_simplevault__input, .dhx_visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.dhx_no-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: -webkit-grab;
    cursor: grab
}

.dhx_no-select:not(.dhx_no-select--resize):not(.dhx_no-select--pointer) * {
    cursor: -webkit-grab !important;
    cursor: grab !important
}

.dhx_no-select--pointer {
    cursor: pointer
}

.dhx_no-select--pointer, .dhx_no-select--resize {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dhx-resize-observer {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    margin: 1px 0 0;
    border: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.dhx_widget, .dhx_widget * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

.dhx_widget, .dhx_widget *, .dhx_widget:after, .dhx_widget :after, .dhx_widget:before, .dhx_widget :before {
    box-sizing: border-box
}

.dhx_widget * :not(output):-moz-ui-invalid, .dhx_widget :not(output):-moz-ui-invalid {
    box-shadow: none
}

.dhx_widget {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .7)
}

.dhx_widget--bordered {
    border: 1px solid #e4e4e4
}

.dhx_widget--border_top {
    border-top: 1px solid #e4e4e4
}

.dhx_widget--border_bottom {
    border-bottom: 1px solid #e4e4e4
}

.dhx_widget--border_left {
    border-left: 1px solid #e4e4e4
}

.dhx_widget--border_right {
    border-right: 1px solid #e4e4e4
}

.dhx_widget--border-shadow {
    border: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.dhx_widget--no-border {
    border: 0
}

.dhx_widget--no-border_top {
    border-top: 0
}

.dhx_widget--no-border_bottom {
    border-bottom: 0
}

.dhx_widget--no-border_left {
    border-left: 0
}

.dhx_widget--no-border_right {
    border-right: 0
}

.dhx_widget.dhx_widget--bg_white {
    background-color: #fff
}

.dhx_widget.dhx_widget--bg_gray {
    background-color: #f7f7f7
}

.dhx_drag-ghost {
    position: absolute;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 2147483648;
    opacity: .6
}

.dhx_drag-ghost * {
    box-sizing: border-box
}

.dhx_drag-ghost .dhx_list-item {
    list-style-type: none
}

.dhx_drag-ghost .dhx_list-item--selected {
    background-color: #fff;
    box-shadow: inset 0 0 0 0 #0288d1
}

.dhx_drag-ghost .dhx_list-item--focus, .dhx_drag-ghost .dhx_list-item--selected:hover, .dhx_drag-ghost .dhx_list-item:hover {
    background-color: #fff;
    transition: background-color .2s ease-out
}

.dhx_drag-ghost .dhx_tree-list-item__icon {
    position: relative;
    display: inline;
    vertical-align: middle;
    color: rgba(0, 0, 0, .3);
    font-size: 20px;
    top: 2px
}

.dhx_drag-ghost .dhx_tree-list-item__text {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    vertical-align: middle;
    line-height: 20px;
    color: rgba(0, 0, 0, .7)
}

.dhx_drag-ghost .dhx_dataview-item, .dhx_drag-ghost .dhx_grid-cell, .dhx_drag-ghost .dhx_list-item {
    background-color: #fff;
    border: 1px solid #e4e4e4 !important
}

@font-face {
    font-family: dhxicons;
    src: url(data:font/woff2;base64,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) format("woff2"), url(data:font/woff;base64,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) format("woff")
}

.dxi:before {
    font-family: dhxicons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dxi.dxi-alert-circle:before {
    content: "\F101"
}

.dxi.dxi-arrow-collapse:before {
    content: "\F102"
}

.dxi.dxi-arrow-down:before {
    content: "\F103"
}

.dxi.dxi-arrow-expand:before {
    content: "\F104"
}

.dxi.dxi-arrow-left:before {
    content: "\F105"
}

.dxi.dxi-arrow-right:before {
    content: "\F106"
}

.dxi.dxi-arrow-up:before {
    content: "\F107"
}

.dxi.dxi-blur-off:before {
    content: "\F108"
}

.dxi.dxi-blur:before {
    content: "\F109"
}

.dxi.dxi-calendar-today:before {
    content: "\F10A"
}

.dxi.dxi-check:before {
    content: "\F10B"
}

.dxi.dxi-checkbox-blank-outline:before {
    content: "\F10C"
}

.dxi.dxi-checkbox-marked-circle:before {
    content: "\F10D"
}

.dxi.dxi-checkbox-marked:before {
    content: "\F10E"
}

.dxi.dxi-chevron-double-down:before {
    content: "\F10F"
}

.dxi.dxi-chevron-double-left:before {
    content: "\F110"
}

.dxi.dxi-chevron-double-right:before {
    content: "\F111"
}

.dxi.dxi-chevron-double-up:before {
    content: "\F112"
}

.dxi.dxi-chevron-down:before {
    content: "\F113"
}

.dxi.dxi-chevron-left:before {
    content: "\F114"
}

.dxi.dxi-chevron-right:before {
    content: "\F115"
}

.dxi.dxi-chevron-up:before {
    content: "\F116"
}

.dxi.dxi-clock-outline:before {
    content: "\F117"
}

.dxi.dxi-clock:before {
    content: "\F118"
}

.dxi.dxi-close-circle:before {
    content: "\F119"
}

.dxi.dxi-close:before {
    content: "\F11A"
}

.dxi.dxi-content-save:before {
    content: "\F11B"
}

.dxi.dxi-delete-forever:before {
    content: "\F11C"
}

.dxi.dxi-delete:before {
    content: "\F11D"
}

.dxi.dxi-dots-horizontal:before {
    content: "\F11E"
}

.dxi.dxi-dots-vertical:before {
    content: "\F11F"
}

.dxi.dxi-download:before {
    content: "\F120"
}

.dxi.dxi-empty:before {
    content: "\F121"
}

.dxi.dxi-eraser:before {
    content: "\F122"
}

.dxi.dxi-eye-off:before {
    content: "\F123"
}

.dxi.dxi-eye:before {
    content: "\F124"
}

.dxi.dxi-eyedropper-variant:before {
    content: "\F125"
}

.dxi.dxi-file-excel:before {
    content: "\F126"
}

.dxi.dxi-file-export:before {
    content: "\F127"
}

.dxi.dxi-file-import:before {
    content: "\F128"
}

.dxi.dxi-file-outline:before {
    content: "\F129"
}

.dxi.dxi-filter-variant:before {
    content: "\F12A"
}

.dxi.dxi-folder-open:before {
    content: "\F12B"
}

.dxi.dxi-folder:before {
    content: "\F12C"
}

.dxi.dxi-format-align-center:before {
    content: "\F12D"
}

.dxi.dxi-format-align-left:before {
    content: "\F12E"
}

.dxi.dxi-format-align-right:before {
    content: "\F12F"
}

.dxi.dxi-format-bold:before {
    content: "\F130"
}

.dxi.dxi-format-color-fill:before {
    content: "\F131"
}

.dxi.dxi-format-color-text:before {
    content: "\F132"
}

.dxi.dxi-format-italic:before {
    content: "\F133"
}

.dxi.dxi-format-line-spacing:before {
    content: "\F134"
}

.dxi.dxi-format-quote-close:before {
    content: "\F135"
}

.dxi.dxi-format-quote-open:before {
    content: "\F136"
}

.dxi.dxi-format-strikethrough:before {
    content: "\F137"
}

.dxi.dxi-format-text-wrapping-clip:before {
    content: "\F138"
}

.dxi.dxi-format-text-wrapping-overflow:before {
    content: "\F139"
}

.dxi.dxi-format-text-wrapping-wrap:before {
    content: "\F13A"
}

.dxi.dxi-format-underline:before {
    content: "\F13B"
}

.dxi.dxi-format-vertical-align-bottom:before {
    content: "\F13C"
}

.dxi.dxi-format-vertical-align-center:before {
    content: "\F13D"
}

.dxi.dxi-format-vertical-align-top:before {
    content: "\F13E"
}

.dxi.dxi-function-variant:before {
    content: "\F13F"
}

.dxi.dxi-grid-step:before {
    content: "\F140"
}

.dxi.dxi-help-circle-outline:before {
    content: "\F141"
}

.dxi.dxi-information-outline:before {
    content: "\F142"
}

.dxi.dxi-key:before {
    content: "\F143"
}

.dxi.dxi-link-variant-off:before {
    content: "\F144"
}

.dxi.dxi-link-variant:before {
    content: "\F145"
}

.dxi.dxi-loading:before {
    content: "\F146"
}

.dxi.dxi-magnify:before {
    content: "\F147"
}

.dxi.dxi-menu-down:before {
    content: "\F148"
}

.dxi.dxi-menu-left:before {
    content: "\F149"
}

.dxi.dxi-menu-right:before {
    content: "\F14A"
}

.dxi.dxi-menu-up:before {
    content: "\F14B"
}

.dxi.dxi-minus-box:before {
    content: "\F14C"
}

.dxi.dxi-minus:before {
    content: "\F14D"
}

.dxi.dxi-numeric:before {
    content: "\F14E"
}

.dxi.dxi-pencil:before {
    content: "\F14F"
}

.dxi.dxi-plus-circle:before {
    content: "\F150"
}

.dxi.dxi-plus:before {
    content: "\F151"
}

.dxi.dxi-printer:before {
    content: "\F152"
}

.dxi.dxi-redo:before {
    content: "\F153"
}

.dxi.dxi-rotate-right:before {
    content: "\F154"
}

.dxi.dxi-select-all:before {
    content: "\F155"
}

.dxi.dxi-sort-variant:before {
    content: "\F156"
}

.dxi.dxi-table-check:before {
    content: "\F157"
}

.dxi.dxi-table-column-plus-after:before {
    content: "\F158"
}

.dxi.dxi-table-column-plus-before:before {
    content: "\F159"
}

.dxi.dxi-table-column-remove-after:before {
    content: "\F15A"
}

.dxi.dxi-table-column-remove:before {
    content: "\F15B"
}

.dxi.dxi-table-column:before {
    content: "\F15C"
}

.dxi.dxi-table-row-plus-after:before {
    content: "\F15D"
}

.dxi.dxi-table-row-plus-before:before {
    content: "\F15E"
}

.dxi.dxi-table-row-remove-after:before {
    content: "\F15F"
}

.dxi.dxi-table-row-remove:before {
    content: "\F160"
}

.dxi.dxi-table-row:before {
    content: "\F161"
}

.dxi.dxi-undo:before {
    content: "\F162"
}

.dxi.dxi-unfold-more-horizontal:before {
    content: "\F163"
}

.dxi.dxi-vault:before {
    content: "\F164"
}

.dxi.dxi-view-grid:before {
    content: "\F165"
}

.dxi.dxi-view-sequential:before {
    content: "\F166"
}

.dxi {
    display: inline-block;
    text-rendering: auto;
    line-height: 0;
    font-size: 0
}

.dxi:before {
    font-size: 20px
}

.dxi--small:before {
    font-size: 16px
}

.dxi--medium:before {
    font-size: 20px
}

.dxi--large:before {
    font-size: 24px
}

@-webkit-keyframes button-loading {
    0% {
        transform: rotate(0deg);
        transform-origin: center center
    }
    to {
        transform: rotate(1439deg);
        transform-origin: center center
    }
}

@keyframes button-loading {
    0% {
        transform: rotate(0deg);
        transform-origin: center center
    }
    to {
        transform: rotate(1439deg);
        transform-origin: center center
    }
}

.scroll-view-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.scroll-view-wrapper:hover .scroll-runner {
    opacity: 1 !important
}

.scroll-view-wrapper .scroll-view {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -ms-overflow-style: scrollbar
}

.scroll-view-wrapper .x-scroll, .scroll-view-wrapper .y-scroll {
    z-index: 100;
    background-color: transparent;
    transition: all .3s
}

.scroll-view-wrapper .x-scroll .scroll-runner, .scroll-view-wrapper .y-scroll .scroll-runner {
    position: absolute;
    background: #999;
    border-radius: 6px;
    z-index: 1
}

.scroll-view-wrapper .x-scroll:hover {
    transition: height .5s;
    height: 10px !important
}

.scroll-view-wrapper .x-scroll .scroll-runner {
    height: 100%
}

.scroll-view-wrapper .y-scroll:hover {
    transition: width .5s;
    width: 10px !important
}

.scroll-view-wrapper .y-scroll .scroll-runner {
    width: 100%
}

.dhx_button {
    overflow: visible;
    position: relative;
    text-decoration: none;
    background-image: none;
    border: 0;
    touch-action: manipulation;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer
}

.dhx_button:active, .dhx_button:focus-visible {
    outline: none
}

.dhx_button__icon, .dhx_button__text {
    pointer-events: none
}

.dhx_button__icon {
    line-height: 0
}

.dhx_button__icon:before {
    display: inline-block
}

.dhx_button__icon + .dhx_button__text {
    margin-left: 4px
}

.dhx_button__loading {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center
}

.dhx_button__loading-icon {
    -webkit-animation: button-loading 3s linear infinite;
    animation: button-loading 3s linear infinite
}

.dhx_button--width_full {
    width: 100%
}

.dhx_button--justify_between {
    justify-content: space-between
}

.dhx_button--circle.dhx_button--size_small {
    border-radius: 28px
}

.dhx_button--circle.dhx_button--size_medium {
    border-radius: 32px
}

.dhx_button--disabled, .dhx_button:disabled {
    pointer-events: none
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full) {
    border-radius: 50%
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_medium {
    padding-left: 6px;
    padding-right: 6px
}

.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_small {
    padding-left: 4px;
    padding-right: 4px
}

.dhx_button--loading {
    position: relative
}

.dhx_button--loading .dhx_button__loading {
    display: flex
}

.dhx_button--loading .dhx_button__icon, .dhx_button--loading .dhx_button__text {
    visibility: hidden
}

.dhx_button--size_small {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px
}

.dhx_button--size_small .dhx_button__icon:before {
    font-size: 16px;
    line-height: 16px
}

.dhx_button--size_small.dhx_button--loading-icon:before {
    font-size: 16px;
    margin-top: -8px;
    margin-left: -8px
}

.dhx_button--size_medium {
    padding: 6px 16px;
    text-transform: uppercase;
    line-height: 20px
}

.dhx_button--size_medium .dhx_button__icon:before {
    font-size: 20px;
    line-height: 20px
}

.dhx_button--size_medium.dhx_button--loading-icon:before {
    font-size: 20px;
    margin-top: -10px;
    margin-left: -10px
}

.dhx_button--view_flat {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in
}

.dhx_button--view_flat:focus, .dhx_button--view_flat:hover {
    transition: background-color .2s ease-out, color .2s ease-out, box-shadow .2s ease-out
}

.dhx_button--view_flat.dhx_button--color_primary {
    background-color: #0288d1;
    outline-width: 0
}

.dhx_button--view_flat.dhx_button--color_primary.dhx_button--active, .dhx_button--view_flat.dhx_button--color_primary:focus, .dhx_button--view_flat.dhx_button--color_primary:hover {
    background-color: #35a0da
}

.dhx_button--view_flat.dhx_button--color_primary:active {
    background-color: #0288d1;
    box-shadow: none
}

.dhx_button--view_flat.dhx_button--color_primary.dhx_button--disabled, .dhx_button--view_flat.dhx_button--color_primary:disabled {
    background-color: #81c4e8
}

.dhx_button--view_flat.dhx_button--color_secondary {
    background-color: #4d4d4d;
    outline-width: 0
}

.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--active, .dhx_button--view_flat.dhx_button--color_secondary:focus, .dhx_button--view_flat.dhx_button--color_secondary:hover {
    background-color: #717171
}

.dhx_button--view_flat.dhx_button--color_secondary:active {
    background-color: #4d4d4d;
    box-shadow: none
}

.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--disabled, .dhx_button--view_flat.dhx_button--color_secondary:disabled {
    background-color: #a6a6a6
}

.dhx_button--view_flat.dhx_button--color_danger {
    background-color: #ff5252;
    outline-width: 0
}

.dhx_button--view_flat.dhx_button--color_danger.dhx_button--active, .dhx_button--view_flat.dhx_button--color_danger:focus, .dhx_button--view_flat.dhx_button--color_danger:hover {
    background-color: #ff7575
}

.dhx_button--view_flat.dhx_button--color_danger:active {
    background-color: #ff5252;
    box-shadow: none
}

.dhx_button--view_flat.dhx_button--color_danger.dhx_button--disabled, .dhx_button--view_flat.dhx_button--color_danger:disabled {
    background-color: #ffa9a9
}

.dhx_button--view_flat.dhx_button--color_success {
    background-color: #0ab169;
    outline-width: 0
}

.dhx_button--view_flat.dhx_button--color_success.dhx_button--active, .dhx_button--view_flat.dhx_button--color_success:focus, .dhx_button--view_flat.dhx_button--color_success:hover {
    background-color: #3bc187
}

.dhx_button--view_flat.dhx_button--color_success:active {
    background-color: #0ab169;
    box-shadow: none
}

.dhx_button--view_flat.dhx_button--color_success.dhx_button--disabled, .dhx_button--view_flat.dhx_button--color_success:disabled {
    background-color: #85d8b4
}

.dhx_button--view_link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    background: transparent;
    transition: background-color .2s ease-in, box-shadow .2s ease-in
}

.dhx_button--view_link:focus, .dhx_button--view_link:hover {
    transition: background-color .2s ease-out, box-shadow .2s ease-out
}

.dhx_button--view_link.dhx_button--color_primary {
    color: #0288d1;
    outline-width: 0
}

.dhx_button--view_link.dhx_button--color_primary:focus, .dhx_button--view_link.dhx_button--color_primary:hover {
    background-color: #d9edf8
}

.dhx_button--view_link.dhx_button--color_primary.dhx_button--active, .dhx_button--view_link.dhx_button--color_primary:active {
    background-color: #b8def2
}

.dhx_button--view_link.dhx_button--color_primary.dhx_button--disabled, .dhx_button--view_link.dhx_button--color_primary:disabled {
    color: #81c4e8
}

.dhx_button--view_link.dhx_button--color_secondary {
    color: #4d4d4d;
    outline-width: 0
}

.dhx_button--view_link.dhx_button--color_secondary:focus, .dhx_button--view_link.dhx_button--color_secondary:hover {
    background-color: #e4e4e4
}

.dhx_button--view_link.dhx_button--color_secondary.dhx_button--active, .dhx_button--view_link.dhx_button--color_secondary:active {
    background-color: #cdcdcd
}

.dhx_button--view_link.dhx_button--color_secondary.dhx_button--disabled, .dhx_button--view_link.dhx_button--color_secondary:disabled {
    color: #a6a6a6
}

.dhx_button--view_link.dhx_button--color_danger {
    color: #ff5252;
    outline-width: 0
}

.dhx_button--view_link.dhx_button--color_danger:focus, .dhx_button--view_link.dhx_button--color_danger:hover {
    background-color: #ffe5e5
}

.dhx_button--view_link.dhx_button--color_danger.dhx_button--active, .dhx_button--view_link.dhx_button--color_danger:active {
    background-color: #ffcfcf
}

.dhx_button--view_link.dhx_button--color_danger.dhx_button--disabled, .dhx_button--view_link.dhx_button--color_danger:disabled {
    color: #ffa9a9
}

.dhx_button--view_link.dhx_button--color_success {
    color: #0ab169;
    outline-width: 0
}

.dhx_button--view_link.dhx_button--color_success:focus, .dhx_button--view_link.dhx_button--color_success:hover {
    background-color: #daf3e9
}

.dhx_button--view_link.dhx_button--color_success.dhx_button--active, .dhx_button--view_link.dhx_button--color_success:active {
    background-color: #bae9d5
}

.dhx_button--view_link.dhx_button--color_success.dhx_button--disabled, .dhx_button--view_link.dhx_button--color_success:disabled {
    color: #85d8b4
}

.dhx_button--sidebar .dhx_button__icon + .dhx_button__text {
    margin-left: 8px;
    margin-right: auto
}

.utilityfocus .dhx_button:focus-visible {
    outline: 1px dashed #005fcc;
    outline-offset: -1px
}

.dhx_widget .dhx_button__icon {
    line-height: 0
}

.dhx_widget .dhx_button__icon:before {
    font-size: 20px;
    line-height: 20px
}

.dhx_widget .dhx_button--size_small .dhx_button__icon:before {
    font-size: 16px;
    line-height: 16px
}

.dhx_form-group {
    position: relative;
    display: block;
    text-align: left;
    margin-bottom: 16px
}

.dhx_form-group--simplevault {
    line-height: 0;
    height: 100%
}

.dhx_form-group--simplevault .dhx_label {
    padding: 0
}

.dhx_form-group--textarea {
    display: flex;
    flex-direction: column;
    height: calc(100% - 16px)
}

.dhx_form-group--textarea .dhx_input--textarea, .dhx_form-group--textarea .dhx_input__wrapper {
    height: 100%
}

.dhx_form-group--textarea .dhx_label {
    min-height: 20px;
    line-height: 20px
}

.dhx_form-group--inline {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    position: relative
}

.dhx_form-group--inline .dhx_label {
    position: relative;
    flex: 0 0 auto;
    max-height: 40px;
    margin-right: 16px;
    margin-bottom: 0;
    padding: 0;
    text-align: right;
    margin-top: 6px;
    align-self: flex-start;
    max-width: 30%;
    justify-content: flex-end
}

.dhx_form-group--inline .dhx_input__wrapper {
    flex: 0 1 auto;
    width: 300%;
    height: 100%
}

.dhx_form-group--inline .dhx_label--with-help {
    justify-content: flex-end
}

.dhx_form-group--inline .dhx_checkbox, .dhx_form-group--inline .dhx_radiobutton {
    margin-bottom: 12px
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help) {
    position: relative
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help):after {
    content: "*";
    display: inline-block;
    padding-left: 4px;
    color: rgba(0, 0, 0, .3)
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder:after {
    content: "*";
    display: inline-block;
    padding-left: 4px;
    color: rgba(0, 0, 0, .3)
}

.dhx_form-group--no-message-holder {
    margin-bottom: 0
}

.dhx_form-group--disabled {
    opacity: .6;
    pointer-events: none;
    cursor: default
}

.dhx_form-group--checkbox-group .dhx_label, .dhx_form-group--checkbox .dhx_label, .dhx_form-group--radio-group .dhx_label {
    margin-top: 0;
    margin-bottom: 12px
}

.dhx_form-group--checkbox-group > .dhx_label, .dhx_form-group--checkbox > .dhx_label, .dhx_form-group--radio-group > .dhx_label {
    display: flex
}

.dhx_form-group--hidden {
    display: none
}

.dhx_form-group--state_error .dhx_input__caption, .dhx_form-group--state_error .dhx_label, .dhx_form-group--state_error .dhx_text {
    color: #ff5252
}

.dhx_form-group--state_error .dhx_combobox-input-box, .dhx_form-group--state_error .dhx_combobox-input-box:focus, .dhx_form-group--state_error .dhx_input, .dhx_form-group--state_error .dhx_input:focus {
    box-shadow: inset 0 0 0 1px #ffbaba
}

.dhx_form-group--state_error .dhx_simplevault-files, .dhx_form-group--state_error .dhx_simplevault-files:focus, .dhx_form-group--state_error .dhx_simplevault__drop-area, .dhx_form-group--state_error .dhx_simplevault__drop-area:focus {
    border-color: #ffbaba
}

.dhx_form-group--state_success .dhx_input__caption, .dhx_form-group--state_success .dhx_label, .dhx_form-group--state_success .dhx_text {
    color: #0ab169
}

.dhx_form-group--state_success .dhx_combobox-input-box, .dhx_form-group--state_success .dhx_combobox-input-box:focus, .dhx_form-group--state_success .dhx_input, .dhx_form-group--state_success .dhx_input:focus {
    box-shadow: inset 0 0 0 1px #9de0c3
}

.dhx_form-group--state_success .dhx_simplevault__drop-area, .dhx_form-group--state_success .dhx_simplevault__drop-area:focus {
    border-top-color: #9de0c3;
    border-left-color: #9de0c3;
    border-right-color: #9de0c3
}

.dhx_form-group--state_success .dhx_simplevault-files, .dhx_form-group--state_success .dhx_simplevault-files:focus {
    border-right-color: #9de0c3;
    border-left-color: #9de0c3;
    border-bottom-color: #9de0c3
}

.dhx_form-group--label_sr .dhx_label, .dhx_form-group--label_sr .dhx_text {
    visibility: hidden;
    position: absolute;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.dhx_form-group .dhx_combobox {
    margin: 0
}

.dhx_form-group .dhx_slider {
    padding-bottom: 0
}

.dhx_form-group .dhx_text {
    position: relative;
    flex: 0 1 auto;
    max-height: 40px;
    margin-right: 16px;
    margin-bottom: 0;
    text-align: right;
    width: 100%;
    margin-top: 6px;
    align-self: flex-start
}

.dhx_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 8px;
    margin: 0;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .7);
    background-color: #f6f6f6;
    background-clip: padding-box;
    box-shadow: inset 0 0 0 1px #dfdfdf;
    border: 0;
    border-radius: 2px;
    outline: 0;
    transition: border-color .2s ease-in, box-shadow .2s ease-in
}

.dhx_input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.dhx_input::placeholder {
    color: rgba(0, 0, 0, .5)
}

.dhx_input--focus, .dhx_input:focus {
    box-shadow: inset 0 0 0 1px #67b8e3
}

.dhx_input--icon-padding {
    padding-right: 24px
}

.dhx_input--textarea {
    max-width: 100%
}

.dhx_input--textinput {
    box-shadow: none;
    background: none;
    padding-left: 0
}

.dhx_input--textinput:focus {
    box-shadow: none
}

.dhx_input__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

.dhx_input__wrapper:before {
    color: rgba(0, 0, 0, .5);
    pointer-events: none;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%)
}

.dhx_input__container {
    width: 100%;
    display: inline-block;
    position: relative
}

.dhx_input__caption {
    left: 0;
    bottom: 0;
    max-width: 100%;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0, 0, 0, .5);
    white-space: wrap;
    overflow: inherit;
    text-overflow: ellipsis;
    cursor: default
}

.dhx_input__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    z-index: 1;
    color: rgba(0, 0, 0, .5);
    pointer-events: none
}

.dhx_input__icon--color-selected {
    border-radius: 2px
}

.dhx_input__icon--color-selected:after, .dhx_input__icon--color-selected:before {
    opacity: 0
}

.dhx_widget .dhx_input__icon {
    line-height: 0
}

.dhx_widget .dhx_input__icon:before {
    font-size: 20px;
    line-height: 20px
}

.dhx_label, .dhx_text {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 6px;
    padding: 0;
    width: auto;
    flex: 0 1 auto;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .7);
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: color .2s ease-in, opacity .2s ease-in
}

.dhx_label:hover, .dhx_text:hover {
    opacity: .8;
    transition: color .2s ease-out, opacity .2s ease-out
}

.dhx_label__holder, .dhx_text__holder {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 4px
}

.dhx_label--with-help, .dhx_text--with-help {
    display: flex;
    align-items: center
}

.dhx_label-help {
    color: #0288d1;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.utilityfocus .dhx_label-help:focus-visible {
    outline: 1px dashed #005fcc;
    outline-offset: -1px
}

.dhx_text {
    font-weight: 400
}

.dhx_checkbox {
    position: relative;
    display: inline-block;
    width: auto;
    padding-top: 0;
    cursor: pointer
}

.dhx_checkbox__holder {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.dhx_checkbox__visual-input {
    display: block;
    border: 2px solid rgba(0, 0, 0, .5);
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    background-color: #fff;
    border-radius: 2px;
    cursor: pointer
}

.dhx_checkbox .dhx_text {
    padding-left: 6px
}

.dhx_checkbox.dhx_form-group--inline .dhx_label, .dhx_checkbox .dhx_text {
    margin-bottom: 0;
    width: auto;
    cursor: pointer;
    margin-top: 0;
    justify-content: flex-end
}

.dhx_checkbox .dhx_input__caption {
    position: static;
    display: block;
    transform: none
}

.dhx_checkbox.dhx_form-group--inline {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.dhx_checkbox.dhx_form-group--inline .dhx_label {
    margin-top: 0
}

.dhx_checkbox.dhx_form-group--hidden {
    display: none
}

.dhx_checkbox__input:disabled + * + .dhx_label, .dhx_checkbox__input:disabled + * + .dhx_text, .dhx_checkbox__input:disabled + .dhx_checkbox__visual-input {
    opacity: .6
}

.utilityfocus .dhx_checkbox__input:focus-visible + .dhx_checkbox__visual-input {
    border-color: #0288d1;
    outline: 1px dashed #005fcc;
    outline-offset: -1px
}

.dhx_checkbox__input:checked + .dhx_checkbox__visual-input {
    background-color: #0288d1;
    background-position: 50%;
    background-size: cover;
    border-color: #0288d1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDdMOSAxOWwtNS41LTUuNSAxLjQxLTEuNDFMOSAxNi4xNyAxOS41OSA1LjU5IDIxIDd6Ii8+PC9zdmc+);
    transition: background-color .2s ease-out
}

.dhx_radiobutton {
    position: relative;
    display: flex;
    width: auto;
    padding-top: 0;
    cursor: pointer;
    white-space: nowrap;
    align-items: center
}

.dhx_radiobutton__visual-input {
    display: block;
    border: 2px solid rgba(0, 0, 0, .5);
    bottom: 4px;
    left: 0;
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    background-color: #fff;
    border-radius: 50%
}

.dhx_radiobutton .dhx_text {
    padding-left: 6px
}

.dhx_radiobutton .dhx_label, .dhx_radiobutton .dhx_text {
    margin-bottom: 0;
    width: auto;
    cursor: pointer;
    margin-top: 0
}

.dhx_radiobutton .dhx_input__caption {
    position: static;
    display: block
}

.dhx_radiobutton__input:disabled + * + .dhx_label, .dhx_radiobutton__input:disabled + * + .dhx_text, .dhx_radiobutton__input:disabled + .dhx_radiobutton__visual-input {
    opacity: .6
}

.utilityfocus .dhx_radiobutton__input:focus-visible + .dhx_radiobutton__visual-input {
    border-color: #0288d1;
    outline: 1px dashed #005fcc;
    outline-offset: -1px
}

.dhx_radiobutton__input:checked + .dhx_radiobutton__visual-input {
    background-color: #0288d1;
    border-color: #0288d1;
    box-shadow: inset 0 0 0 4px #fff;
    transition: background-color .2s ease-out
}

.dhx_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dhx_select::-ms-expand {
    display: none
}

.dhx_select__placeholder {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .7)
}

.dhx_select:focus + .dhx_select__placeholder {
    opacity: 0
}

.dhx_simplevault {
    border: none;
    border-radius: 2px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    overflow: hidden;
    position: relative
}

.dhx_simplevault__drop-area {
    background-color: #f6f6f6;
    border: 1px solid #dfdfdf;
    transition: all .2s ease-in;
    display: flex;
    height: 115px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.dhx_simplevault__drop-area--on-drag {
    border-style: dashed;
    transition: border .2s ease-out
}

.dhx_simplevault__icon:before {
    font-size: 40px;
    color: rgba(0, 0, 0, .3);
    transition: color .2s ease-in
}

.dhx_simplevault__title {
    max-width: 100%
}

.dhx_simplevault__label {
    color: #0288d1;
    cursor: pointer
}

.dhx_simplevault--on-drag .dhx_simplevault-loader {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s ease-in, transform .2s ease-in
}

.dhx_simplevault-files {
    background-color: #f6f6f6;
    border: 1px solid #dfdfdf;
    border-top: none;
    transition: all .2s ease-in;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: calc(100% - 115px);
    height: calc(100% - 115px);
    overflow-y: auto
}

.dhx_simplevault-files__fixed {
    max-height: 276px
}

.dhx_simplevault-files__item {
    position: relative;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    color: rgba(0, 0, 0, .7);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 40px 8px 8px
}

.dhx_simplevault-files__item:not(:last-child) {
    border-bottom: 1px solid #e4e4e4
}

.dhx_simplevault-files__item-name {
    word-break: break-word
}

.dhx_simplevault-files__delete {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%)
}

.dhx_simplevault-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background-color: #ededed;
    transform: translateY(100%);
    opacity: 0;
    will-change: transform;
    transition: 0ms;
    z-index: 1
}

.dhx_simplevault-loader .dhx_simplevault__icon:before {
    color: #0288d1
}

.dhx_menu-nav {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    overflow-x: auto;
    background-color: #ededed
}

.dhx_menu-nav__item--separator {
    pointer-events: none;
    width: 1px;
    min-width: 1px;
    background-color: #dfdfdf;
    margin-top: 8px;
    margin-bottom: 8px
}

.dhx_menu-nav__item--spacer {
    pointer-events: none;
    flex: 1 0 auto
}

.dhx_nav-menu-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    font-weight: 500;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .7);
    background-color: transparent;
    transition: background-color .2s ease-in
}

.dhx_nav-menu-button--active:not(:disabled), .dhx_nav-menu-button:active:not(:disabled), .dhx_nav-menu-button:hover:not(:disabled) {
    background-color: rgba(0, 0, 0, .07);
    transition: background-color .2s ease-out
}

.dhx_nav-menu-button--disabled, .dhx_nav-menu-button:disabled {
    opacity: .8;
    pointer-events: auto;
    cursor: default
}

.dhx_nav-menu-button--disabled *, .dhx_nav-menu-button:disabled * {
    color: rgba(0, 0, 0, .3)
}

.dhx_menu {
    padding: 0;
    margin: 0;
    background: #fff;
    list-style: none;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    overflow: hidden;
    z-index: 2147483646
}

.dhx_menu:focus {
    outline: none
}

.dhx_menu-item {
    min-width: 180px
}

.dhx_menu-item--separator {
    pointer-events: none;
    align-self: stretch;
    height: 1px;
    min-height: 1px;
    margin: 2px 8px;
    background-color: #e4e4e4
}

.dhx_menu-item--spacer {
    pointer-events: none;
    height: 16px
}

.dhx_menu-item--left-gap .dhx_menu-button {
    padding-left: 38px
}

.dhx_menu-button {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 8px;
    text-align: left;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0, 0, 0, .7);
    background-color: transparent;
    transition: background-color .2s ease-in
}

.dhx_menu-button--active:not(:disabled), .dhx_menu-button:active:not(:disabled), .dhx_menu-button:focus:not(:disabled), .dhx_menu-button:hover:not(:disabled) {
    background-color: #ededed;
    transition: background-color .2s ease-out
}

.dhx_menu-button--disabled, .dhx_menu-button:disabled {
    opacity: .8;
    pointer-events: auto;
    cursor: default
}

.dhx_menu-button--disabled *, .dhx_menu-button:disabled * {
    color: rgba(0, 0, 0, .3)
}

.dhx_menu-button__icon {
    color: rgba(0, 0, 0, .5)
}

.dhx_widget .dhx_menu-button__icon {
    line-height: 0
}

.dhx_widget .dhx_menu-button__icon:before {
    font-size: 20px;
    line-height: 20px
}

.dhx_menu-button__icon + .dhx_menu-button__text {
    margin-left: 8px
}

.dhx_menu-button__block {
    display: flex;
    align-items: center
}

.dhx_menu-button__block--left {
    justify-content: flex-start
}

.dhx_menu-button__block--right {
    justify-content: flex-end
}

.dhx_menu-button__count {
    margin-left: 8px;
    margin-top: -2px;
    margin-bottom: -2px
}

.dhx_menu-button__hotkey {
    margin-left: 8px;
    color: rgba(0, 0, 0, .3)
}

.dhx_menu-button__caret {
    margin-left: 8px;
    color: rgba(0, 0, 0, .5)
}

.dhx_widget--fullscreen .dhx_menu {
    z-index: 2147483647
}