.e-icons {
    font-family: "e-icons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}

.e-symbolpalette .e-clear-searchtext::before {
    content: "\e58c";
}

.e-icons {
    font-family: "e-icons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}

.e-symbolpalette .e-clear-searchtext::before {
    content: "\ec0f";
}

.e-diagram {
    display: block;
    background-color: #fff;
}

.e-symbolpalette {
    display: block;
}

.e-overview {
    display: block;
}

.overview-resizer {
    fill: #e3165b;
}

.e-content-placeholder.e-diagram.e-placeholder-diagram {
    background-size: 100% 100%;
    max-height: 500px;
    max-width: 500px;
}

.e-content-placeholder.e-symbolpalette.e-placeholder-symbolpalette {
    background-size: 100% 100%;
    max-height: 200px;
    max-width: 200px;
}

.e-diagram-endpoint-handle {
    fill: #fff;
    stroke: #3f51b5;
}

    .e-diagram-endpoint-handle.e-connected {
        fill: #3f51b5;
        stroke: #fff;
    }

    .e-diagram-endpoint-handle.e-disabled,
    .e-diagram-bezier-control-handle.e-disabled,
    .e-diagram-resize-handle.e-disabled {
        fill: #bdbdbd;
        opacity: 1;
        stroke: #fff;
    }

/* stylelint-disable */
.e-diagram-bezier-handle.e-source.e-disabled {
    opacity: 1 !important;
}

.e-diagram-bezier-handle.e-target.e-disabled {
    opacity: 1 !important;
}

.e-diagram-bezier-control-handle {
    fill: #fff;
    stroke: #3f51b5;
    rx: 0px;
    ry: 0px;
}

.e-diagram-ortho-segment-handle,
.e-diagram-straight-segment-handle,
.e-diagram-bezier-segment-handle {
    fill: #fff;
    stroke: #3f51b5;
}

.e-symbolpalette .e-acrdn-content {
    background-color: #fff !important;
}

/* stylelint-enable */
.e-diagram-bezier-control-line {
    stroke: #3f51b5;
}

.e-diagram-resize-handle {
    fill: #3f51b5;
    stroke: #fff;
    rx: 0;
    ry: 0;
}

.e-diagram-helper {
    stroke: #3f51b5;
}

.e-diagram-rotate-handle {
    fill: #3f51b5;
    stroke: #3f51b5;
}

.e-diagram-selector {
    stroke: #3f51b5;
}

    .e-diagram-selector.e-disabled {
        opacity: 1;
        stroke: #bdbdbd;
    }

    .e-diagram-selector.e-thick-border {
        stroke: #3f51b5;
        stroke-width: 2;
    }

        .e-diagram-selector.e-thick-border.e-diagram-lane {
            stroke: #3f51b5;
            stroke-width: 2;
        }

.e-diagram-highlighter {
    stroke: #3f51b5;
    stroke-width: 2;
}

.e-diagram-selected-region {
    stroke: #3f51b5;
}

.e-diagram-pivot-line {
    stroke: #3f51b5;
}

.e-symbolpalette .e-symbol-hover:hover {
    background: #eee;
    border-radius: 4px;
}

.e-symbolpalette .e-symbol-selected {
    background: #e0e0e0;
    border-radius: 4px;
}

.e-diagram-tooltip {
    pointer-events: none;
}

.e-diagram .e-ruler {
    background: #fff;
    color: #bdbdbd;
    font-size: 10px;
}

.e-diagram .e-ruler-overlap {
    background: #fff;
}

.e-diagram .e-d-ruler-marker {
    stroke: #3f51b5;
}

.e-diagram .e-diagram-text-edit {
    background: #fff;
    border-color: #3f51b5;
    border-style: dashed;
    border-width: 1px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #000;
    min-width: 50px;
}

.e-diagram-text-edit::-moz-selection {
    background: #3f51b5;
    color: #fff;
}

.e-diagram-text-edit::selection {
    background: #3f51b5;
    color: #fff;
}

.e-ruler-tick-label {
    fill: #bdbdbd;
}

.e-ruler-tick {
    stroke: #bdbdbd;
}

.e-menu-item e-blankicon {
    padding-left: 28px;
}

.e-diagram-selection-indicator {
    stroke: #3f51b5;
}

.e-diagram-selection-line {
    stroke: #3f51b5;
}

/* stylelint-disable */
.e-diagram-rotate {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
}

.e-symbolpalette-hidden {
    display: none !important;
}

.e-symbolpalette-search-hidden {
    display: none !important;
}

.e-diagramTooltip-content {
    width: auto !important;
    height: auto !important;
}

.e-diagram-blazor {
    position: relative;
    overflow: hidden;
    fill: transparent;
}

.e-diagram-blazor-vertical-linemarker {
    overflow: hidden;
    position: absolute;
}

.e-diagram-blazor-vertical-rulerlinesvg {
    position: inherit;
}

.e-diagram-blazor-horiontal-linemarker {
    overflow: hidden;
    position: absolute;
}

.e-diagram-blazor-horizontal-rulerlinesvg {
    position: inherit;
}

.e-diagram-blazor-diagramcontent {
    position: absolute;
    overflow: auto;
    background: transparent;
}

.e-diagram-blazor-diagram-adornerlayer {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
}

.e-diagram-blazor-userhandle-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
}

.e-symbolpalette-blazor {
    overflow: auto;
}

.e-symbolpalette-blazor-draggable {
    visibility: hidden;
    display: none;
}

.e-symbolpalette-blazor-preview {
    visibility: hidden;
    display: none;
}

.e-symbolpalette-blazor-preview-div {
    overflow: hidden;
    float: left;
}

.e-symbolpalette-blazor-preview-content {
    position: absolute;
}

.e-symbolpalette-blazor-input {
    width: 100%;
}

.e-diagram-blazor-searchbox-icon {
    margin-top: 7px;
    margin-right: 7px;
}

.e-symbolpalette-blazor-remove-palette {
    overflow: auto;
}

.e-symbolpalette-blazor-symbol-draggable {
    overflow: hidden;
    float: left;
}

.e-symbolpalette-blazor-symbol-draggable-svg {
    margin-left: 10px;
    margin-top: 10px;
}

.e-symbolpalette-blazor-symbol-draggable-content {
    position: absolute;
}

.e-diagram-blazor-tspan {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.e-diagram-blazor-ruler {
    overflow: hidden;
    position: absolute;
    font-size: 11px;
}

.e-diagram-blazor-ruler-space {
    float: left;
}

.e-diagram-blazor-ruler-svg {
    position: inherit;
}

.e-diagram-blazor-background {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
}

.e-diagram-blazor-grid-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
}

.e-diagram-blazor-diagram-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
}

.e-diagram-blazor-svg-layer {
    pointer-events: all;
}

.e-diagram-blazor-html-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
}

.e-diagram-blazor-html-layer-div {
    position: absolute;
    top: 0px;
    left: 0px;
    pointer-events: all;
}

.e-diagram-blazor-ports-expand-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
}

.e-diagram-blazor-ports-gparent {
    pointer-events: all;
}

.e-diagram-blazor-expander {
    pointer-events: all;
}

.e-diagram-blazor-foreign-object {
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.e-diagram-blazor-html-template {
    position: absolute;
}

.e-diagram-blazor-expand-collapse-template {
    position: absolute;
    opacity: 1;
}

.e-diagram-blazor-annotation-template {
    position: absolute;
}

.e-diagram-blazor-userhandle-div {
    position: absolute;
    top: 0px;
    left: 0px;
    pointer-events: all;
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
}

.e-diagram-blazor-userhandle-template {
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    visibility: visible;
    opacity: 1;
}

.e-diagram-blazor-fixed-userhandle-template {
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.e-diagram-blazor-fixed-userhandle {
    position: absolute;
    top: 0px;
    left: 0px;
    pointer-events: all;
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
}

.e-diagram-blazor-ruler-overlap {
    position: absolute;
    left: 0;
    top: 0;
}

.e-blazordiagram-tooltip {
    pointer-events: none;
}

    .e-blazordiagram-tooltip .e-tooltip-close {
        pointer-events: auto;
    }

.e-diagram-blazor-template-div {
    height: 100%;
    width: 100%;
}

.e-diagram-blazor-overview {
    background: transparent;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    height: 100%;
    width: 100%;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}

.e-diagram-blazor-drawing {
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
}

.e-diagram-blazor-overview-diagramlayer {
    position: absolute;
    left: 0px;
    top: 0px;
}

.e-diagram-blazor-overview-diagramlayer-canvas {
    position: absolute;
    left: 0px;
    top: 0px;
}

.e-diagram-blazor-overview-html-layer {
    pointer-events: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

.e-diagram-blazor-overview-html-layer-div {
    position: absolute;
    top: 0px;
    left: 0px;
}

.e-diagram-blazor-overviewsvg {
    position: absolute;
    left: 0px;
    top: 0px;
}

.e-diagram-blazor-goverviewlayer {
    pointer-events: none;
}

.e-diagram-blazor-overviewbackrect {
    pointer-events: none;
}

.e-diagram-blazor-overviewrect {
    cursor: all-scroll;
}

.e-diagram-blazor-all {
    pointer-events: all;
}

.e-diagram-blazor-none {
    pointer-events: none;
}

/* stylelint-enable */