/*! Rappid v3.2.0 - HTML5 Diagramming Framework

Copyright (c) 2015 client IO

 2020-06-12


This Source Code Form is subject to the terms of the Rappid License
, v. 2.0. If a copy of the Rappid License was not distributed with this
file, You can obtain one at http://jointjs.com/license/rappid_v2.txt
 or from the Rappid archive as was distributed by client IO. See the LICENSE file.*/


/*
A complete list of SVG properties that can be set through CSS is here:
http://www.w3.org/TR/SVG/styling.html

Important note: Presentation attributes have a lower precedence over CSS style rules.
*/


/* .viewport is a <g> node wrapping all diagram elements in the paper */
.joint-viewport {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
 }

 .joint-paper > svg,
 .joint-paper-background,
 .joint-paper-grid {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }

 /*
 1. IE can't handle paths without the `d` attribute for bounding box calculation
 2. IE can't even handle 'd' attribute as a css selector (e.g path[d]) so the following rule will
    break the links rendering.

 path:not([d]) {
     display: none;
 }

 */


 /* magnet is an element that can be either source or a target of a link */
 [magnet=true]:not(.joint-element) {
    cursor: crosshair;
 }
 [magnet=true]:not(.joint-element):hover {
    opacity: .7;
 }

 /*

 Elements have CSS classes named by their types. E.g. type: basic.Rect has a CSS class "element basic Rect".
 This makes it possible to easilly style elements in CSS and have generic CSS rules applying to
 the whole group of elements. Each plugin can provide its own stylesheet.

 */

 .joint-element {
    /* Give the user a hint that he can drag&drop the element. */
    cursor: move;
 }

 .joint-element * {
    user-drag: none;
 }

 .joint-element .scalable * {
    /* The default behavior when scaling an element is not to scale the stroke in order to prevent the ugly effect of stroke with different proportions. */
    vector-effect: non-scaling-stroke;
 }
 /*

 connection-wrap is a <path> element of the joint.dia.Link that follows the .connection <path> of that link.
 In other words, the `d` attribute of the .connection-wrap contains the same data as the `d` attribute of the
 .connection <path>. The advantage of using .connection-wrap is to be able to catch pointer events
 in the neighborhood of the .connection <path>. This is especially handy if the .connection <path> is
 very thin.

 */

 .marker-source,
 .marker-target {
    /* This makes the arrowheads point to the border of objects even though the transform: scale() is applied on them. */
    vector-effect: non-scaling-stroke;
 }

 /* Paper */
 .joint-paper {
     position: relative;
 }
 /* Paper */

 /*  Highlighting  */
 .joint-highlight-opacity {
     opacity: 0.3;
 }
 /*  Highlighting  */

 /*

 Vertex markers are `<circle>` elements that appear at connection vertex positions.

 */

 .joint-link .connection-wrap,
 .joint-link .connection {
    fill: none;
 }

 /* <g> element wrapping .marker-vertex-group. */
 .marker-vertices {
    opacity: 0;
    cursor: move;
 }
 .marker-arrowheads {
    opacity: 0;
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
 /*   display: none;   */   /* setting `display: none` on .marker-arrowheads effectivelly switches of links reconnecting */
 }
 .link-tools {
    opacity: 0;
    cursor: pointer;
 }
 .link-tools .tool-options {
    display: none;       /* by default, we don't display link options tool */
 }
 .joint-link:hover .marker-vertices,
 .joint-link:hover .marker-arrowheads,
 .joint-link:hover .link-tools {
    opacity: 1;
 }

 /* <circle> element used to remove a vertex */
 .marker-vertex-remove {
    cursor: pointer;
    opacity: .1;
 }

 .marker-vertex-group:hover .marker-vertex-remove {
    opacity: 1;
 }

 .marker-vertex-remove-area {
    opacity: .1;
    cursor: pointer;
 }
 .marker-vertex-group:hover .marker-vertex-remove-area {
    opacity: 1;
 }

 /*
 Example of custom changes (in pure CSS only!):

 Do not show marker vertices at all:  .marker-vertices { display: none; }
 Do not allow adding new vertices: .connection-wrap { pointer-events: none; }
 */

 /* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */
 .joint-element .fobj {
     overflow: hidden;
 }
 .joint-element .fobj body {
     background-color: transparent;
     margin: 0px;
     position: static;
 }
 .joint-element .fobj div {
     text-align: center;
     vertical-align: middle;
     display: table-cell;
     padding: 0px 5px 0px 5px;
 }

 /* Paper */
 .joint-paper.joint-theme-dark {
     background-color: #18191b;
 }
 /* Paper */

 /*  Links  */
 .joint-link.joint-theme-dark .connection-wrap {
     stroke: #8F8FF3;
     stroke-width: 15;
     stroke-linecap: round;
     stroke-linejoin: round;
     opacity: 0;
     cursor: move;
 }
 .joint-link.joint-theme-dark .connection-wrap:hover {
     opacity: .4;
     stroke-opacity: .4;
 }
 .joint-link.joint-theme-dark .connection {
     stroke-linejoin: round;
 }
 .joint-link.joint-theme-dark .link-tools .tool-remove circle {
     fill: #F33636;
 }
 .joint-link.joint-theme-dark .link-tools .tool-remove path {
     fill: white;
 }
 .joint-link.joint-theme-dark .link-tools [event="link:options"] circle {
     fill: green;
 }
 /* <circle> element inside .marker-vertex-group <g> element */
 .joint-link.joint-theme-dark .marker-vertex {
     fill: #5652DB;
 }
 .joint-link.joint-theme-dark .marker-vertex:hover {
     fill: #8E8CE1;
     stroke: none;
 }
 .joint-link.joint-theme-dark .marker-arrowhead {
     fill: #5652DB;
 }
 .joint-link.joint-theme-dark .marker-arrowhead:hover {
     fill: #8E8CE1;
     stroke: none;
 }
 /* <circle> element used to remove a vertex */
 .joint-link.joint-theme-dark .marker-vertex-remove-area {
     fill: green;
     stroke: darkgreen;
 }
 .joint-link.joint-theme-dark .marker-vertex-remove {
     fill: white;
     stroke: white;
 }
 /*  Links  */
 /* Paper */
 .joint-paper.joint-theme-default {
     background-color: #FFFFFF;
 }
 /* Paper */

 /*  Links  */
 .joint-link.joint-theme-default .connection-wrap {
     stroke: #000000;
     stroke-width: 15;
     stroke-linecap: round;
     stroke-linejoin: round;
     opacity: 0;
     cursor: move;
 }
 .joint-link.joint-theme-default .connection-wrap:hover {
     opacity: .4;
     stroke-opacity: .4;
 }
 .joint-link.joint-theme-default .connection {
     stroke-linejoin: round;
 }
 .joint-link.joint-theme-default .link-tools .tool-remove circle {
     fill: #FF0000;
 }
 .joint-link.joint-theme-default .link-tools .tool-remove path {
     fill: #FFFFFF;
 }

 /* <circle> element inside .marker-vertex-group <g> element */
 .joint-link.joint-theme-default .marker-vertex {
     fill: #1ABC9C;
 }
 .joint-link.joint-theme-default .marker-vertex:hover {
     fill: #34495E;
     stroke: none;
 }

 .joint-link.joint-theme-default .marker-arrowhead {
     fill: #1ABC9C;
 }
 .joint-link.joint-theme-default .marker-arrowhead:hover {
     fill: #F39C12;
     stroke: none;
 }

 /* <circle> element used to remove a vertex */
 .joint-link.joint-theme-default .marker-vertex-remove {
     fill: #FFFFFF;
 }
 /*  Links  */

 @font-face {
     font-family: 'lato-light';
     src: url(data:application/font-woff;charset=utf-8;base64, ) format('woff');
     font-weight: normal;
     font-style: normal;
 }

 /*  Links  */
 .joint-link.joint-theme-material .connection-wrap {
     stroke: #000000;
     stroke-width: 15;
     stroke-linecap: round;
     stroke-linejoin: round;
     opacity: 0;
     cursor: move;
 }
 .joint-link.joint-theme-material .connection-wrap:hover {
     opacity: .4;
     stroke-opacity: .4;
 }
 .joint-link.joint-theme-material .connection {
     stroke-linejoin: round;
 }
 .joint-link.joint-theme-material .link-tools .tool-remove circle {
     fill: #C64242;
 }
 .joint-link.joint-theme-material .link-tools .tool-remove path {
     fill: #FFFFFF;
 }

 /* <circle> element inside .marker-vertex-group <g> element */
 .joint-link.joint-theme-material .marker-vertex {
     fill: #d0d8e8;
 }
 .joint-link.joint-theme-material .marker-vertex:hover {
     fill: #5fa9ee;
     stroke: none;
 }

 .joint-link.joint-theme-material .marker-arrowhead {
     fill: #d0d8e8;
 }
 .joint-link.joint-theme-material .marker-arrowhead:hover {
     fill: #5fa9ee;
     stroke: none;
 }

 /* <circle> element used to remove a vertex */
 .joint-link.joint-theme-material .marker-vertex-remove-area {
     fill: #5fa9ee;
 }
 .joint-link.joint-theme-material .marker-vertex-remove {
     fill: white;
 }
 /*  Links  */

 /*  Links  */
 .joint-link.joint-theme-modern .connection-wrap {
     stroke: #000000;
     stroke-width: 15;
     stroke-linecap: round;
     stroke-linejoin: round;
     opacity: 0;
     cursor: move;
 }
 .joint-link.joint-theme-modern .connection-wrap:hover {
     opacity: .4;
     stroke-opacity: .4;
 }
 .joint-link.joint-theme-modern .connection {
     stroke-linejoin: round;
 }
 .joint-link.joint-theme-modern .link-tools .tool-remove circle {
     fill: #FF0000;
 }
 .joint-link.joint-theme-modern .link-tools .tool-remove path {
     fill: #FFFFFF;
 }

 /* <circle> element inside .marker-vertex-group <g> element */
 .joint-link.joint-theme-modern .marker-vertex {
     fill: #1ABC9C;
 }
 .joint-link.joint-theme-modern .marker-vertex:hover {
     fill: #34495E;
     stroke: none;
 }

 .joint-link.joint-theme-modern .marker-arrowhead {
     fill: #1ABC9C;
 }
 .joint-link.joint-theme-modern .marker-arrowhead:hover {
     fill: #F39C12;
     stroke: none;
 }

 /* <circle> element used to remove a vertex */
 .joint-link.joint-theme-modern .marker-vertex-remove {
     fill: white;
 }
 /*  Links  */

 .joint-paper-scroller {
     position: relative;
     overflow: scroll;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
 }

 .joint-paper-scroller > .paper-scroller-background {
     margin: 0;
     position:relative;
     display: inline-block;
     vertical-align: top;
 }

 .joint-paper-scroller .joint-paper {
     margin: 0;
     position:absolute;
     display: inline-block;
 }

 .joint-paper-scroller .joint-paper > svg {
     display: block;
 }

 /* Cursors */

 .joint-paper-scroller[data-cursor="grab"] {
     cursor: all-scroll; /* fallback: no `url()` support or images disabled */
     cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */
     cursor: -moz-grab; /* Firefox 1.5-26 */
     cursor: grab; /* W3C standards syntax, should come least */
 }

 .joint-paper-scroller[data-cursor="grab"].is-panning {
     cursor: -webkit-grabbing;
     cursor: -moz-grabbing;
     cursor: grabbing;
 }

 .joint-paper-scroller.joint-theme-dark > .paper-scroller-background {
     background: #18191b;
 }
 .joint-paper-scroller.joint-theme-dark .joint-paper {
     border: 1px dotted #fefefe;
 }

 .joint-paper-scroller.joint-theme-material {
     background-color: #f3f5fa;
 }

 .joint-paper-scroller.joint-theme-modern {
     background-color: #f6f6f6;
 }
 .joint-paper-scroller.joint-theme-modern .joint-paper {
     box-shadow: 0 0 2px #d3d3d3;
 }

 .joint-selection {
    display: none;
    touch-action: none;
 }

 .joint-selection.lasso {
    display: block;
    position: absolute;
    opacity: .3;
    overflow: visible;
 }

 .joint-selection.selected {
    display: block;
    background-color: transparent;
    opacity: 1;
    cursor: move;
    /* Position the selection rectangle static so that the selection-box's are contained within
      the paper container (which is supposed to be positioned relative). The height 0 !important
      makes sure the selection rectangle is not-visible, only the selection-boxes inside it (thanks to overflow: visible). */
    position: static;
    height: 0 !important;
 }

 .selection-box {
    position: absolute;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-top: -4px;
    margin-left: -4px;
    box-sizing: content-box;
 }

 .selection-wrapper {
     position: absolute;
     margin-left: -6px;
     margin-top: -6px;
     padding-right: 9px;
     padding-bottom: 9px;
     pointer-events: none;
     box-sizing: content-box;
 }
 /* If there is zero or only one element selected, we hide the
    selection wrapper by default. */
 .selection-wrapper[data-selection-length="0"],
 .selection-wrapper[data-selection-length="1"] {
     display: none;
 }

 .joint-selection .box {
    position: absolute;
    top: 100%;
    margin-top: 30px;
    left: -20px;
    right: -20px;
    text-align: center;
    line-height: 14px;
    border-radius: 6px;
    padding: 6px;
 }

 /* Handle Positions */

 .joint-selection .handle.se {
    bottom: -25px;
    right: -25px;
 }
 .joint-selection .handle.nw {
    top: -21px;
    left: -25px;
 }
 .joint-selection .handle.n {
    top: -22px;
    left: 50%;
    margin-left: -10px;
 }
 .joint-selection .handle.e {
    right: -25px;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
 }
 .joint-selection .handle.ne {
    top: -21px;
    right: -25px;
 }
 .joint-selection .handle.w {
    left: -25px;
    top: 50%;
    margin-top: -10px;
 }
 .joint-selection .handle.sw {
    bottom: -25px;
    left: -25px;
 }
 .joint-selection .handle.s {
    bottom: -24px;
    left: 50%;
    margin-left: -10px;
 }

 /* Default handles. */

 .joint-selection .handle {
    position: absolute;
    pointer-events: auto;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    cursor: pointer;
 }

 .joint-selection .remove {
    cursor: pointer;
 }
 .joint-selection .rotate {
    cursor: move;
 }
 .joint-selection .box:empty {
    display: none;
 }

 @font-face {
   font-family: 'selection-icons-dark';
   src: url('data:application/octet-stream;base64, ') format('woff');
 }
 .joint-selection.lasso.joint-theme-dark {
     background-color: #3498DB;
     border: 2px solid #2980B9;
 }

 .joint-selection.joint-theme-dark .selection-box {
     border: 2px dashed #feb663 ;
 }

 .joint-selection.joint-theme-dark .selection-wrapper {
     border: 2px solid #feb663 ;
 }

 .joint-selection.joint-theme-dark .box {
     font-size: 10px;
     color: #fff;
     background-color: #A2753F;
 }

 .joint-selection.joint-theme-dark .handle.resize:after,
 .joint-selection.joint-theme-dark .handle.rotate:after,
 .joint-selection.joint-theme-dark .handle.remove:after {
   font-family: "selection-icons-dark";
   font-style: normal;
   font-weight: normal;
   speak: none;
   display: inline-block;
   text-decoration: inherit;
   margin: auto;
   text-align: center;
   font-variant: normal;
   text-transform: none;
   font-size: 18px;
   color: #ffb68a;
 }

 .joint-selection.joint-theme-dark .handle.remove:after { content: '\e800'; }
 .joint-selection.joint-theme-dark .handle.resize:after { content: '\e802'; }
 .joint-selection.joint-theme-dark .handle.rotate:after { content: '\e801'; }

 .joint-selection.joint-theme-dark .handle.remove:hover:after,
 .joint-selection.joint-theme-dark .handle.resize:hover:after,
 .joint-selection.joint-theme-dark .handle.rotate:hover:after {
   color: #ffd829;
 }
 /* selecting elements by holding Ctrl or Command (on OS X) */
 .joint-selection.lasso.joint-theme-default {
     background-color: lightgrey;
     border: 2px solid lightgrey;
 }

 /* selection individual elements */
 .joint-selection.joint-theme-default .selection-box {
     border: 2px dashed lightgrey;
 }

 /* selection for two or more elements */
 .joint-selection.joint-theme-default .selection-wrapper {
     border: 2px solid lightgrey;
 }

 /* information box for two or more elements */
 .joint-selection.joint-theme-default .box {
     background-color: lightgrey;
     color: black;
     font-size: 14px;
 }

 .joint-selection.joint-theme-default .remove {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO5JREFUeNrUV9sNwyAMtLoAI3SEjJIRMgqjdBRG8CiMQGnlVHwEOBAE19L9OdwRGz+IcNsibISLCBk48dlooB0RXCDNgeXbbntWbovCyVlNtkf4AeQnvJwJ//IwCQdy8zAZeynm/gYBPpcT7gbyNDGb4/4CnyOLb1M+MED+MVPxZfEhQASnFQ4hp4qIlJxAEd+KaQGlpiIC8bmCRZOvRNBL/kvGltp+RdRLfqK5wZhCITMdjaury5lB5OFBCuxvQjAtCZc/w+WFaHkpXt6MVLTj5QOJipFs+VCqYixXsZioWM1GLaf7yK45ZT1/CzAAESidXQn9F/MAAAAASUVORK5CYII=);
 }
 .joint-selection.joint-theme-default .rotate {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI1NTk5RUFBMkU3RjExRTI4OUIyQzYwMkMyN0MxMDE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI1NTk5RUFCMkU3RjExRTI4OUIyQzYwMkMyN0MxMDE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjU1OTlFQTgyRTdGMTFFMjg5QjJDNjAyQzI3QzEwMTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjU1OTlFQTkyRTdGMTFFMjg5QjJDNjAyQzI3QzEwMTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6W+5aDAAABJElEQVR42syXbRGDMAyGYTcBOBgSkICESWAOmAMcTAJzgAQksCnYHFRC13Jlx7qkDf0Acvf+6ZF7mjRNQ8o5T/ZqmVAt1AkxIa5JrvXqmywUsAVANkmf3BV6RqKjSvpWlqD+7OYBhKKHoMNS6EuddaPUqjUqfIJyPb2Ysyye0pC6Qm0I8680KJ/vhDmcFbU2mAb9glvk48KhMAtiYY7RYunxuRVWcI2cqa/ZegBYFGWA5jPYwAy4MrGhI1hf6FaA8gPg/PSA9tSbcAz8il2XOIRM9SILXVxki3GdEvUmD6bhIHYDQeFrtEwUvsYj0WBRx34Wc5cXJcQg8GMpMPrUBsBb6DHrbie1IdNUeRe6UNLVRB72Nh1v9zfQR/+FSbf6afsIMAB0elCwFZfPigAAAABJRU5ErkJggg==);
 }
 .joint-selection.joint-theme-default .resize {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NjREODhDMjc4MkVFMjExODUyOEU5NTNCRjg5OEI3QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQTc4MzUwQjJGMEIxMUUyOTFFNUE1RTAwQ0EwMjU5NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQTc4MzUwQTJGMEIxMUUyOTFFNUE1RTAwQ0EwMjU5NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjREODhDMjc4MkVFMjExODUyOEU5NTNCRjg5OEI3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjREODhDMjc4MkVFMjExODUyOEU5NTNCRjg5OEI3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk3oY88AAAEMSURBVHja7JftDYMgEIbRdABHcARG6CalGziCG3QE3KAj0A0cod3AEa6YUEMpcKeI9oeXvP5QuCeA90EBAGwPK7SU1hkZ12ldiT6F1oUycARDRHLBgiTiEzCwTNhNuRT8XOEog/AyMqlOXPEuZzx7q29aXGtIhLvQwfNuAgtrYgrcB+VWqH2BhceBD45ZE4EyB/7zIQTvCeAWgdpw1CqT2Sri2LsRZ4cddtg/GLfislo55oNZxE2ZLcFXT8haU7YED9yXpxsCGMvTn4Uqe7DIXJnsAqGYB5CjFnNT6yEE3qr7iIJT+60YXJUZQ3G8ALyof+JWfTV6xrluEuqkHw/ESW3CoJsBRVubtwADAI2b6h9uJAFqAAAAAElFTkSuQmCC');
 }

 @font-face {
   font-family: 'selection-icons-dark';
   src: url('data:application/octet-stream;base64, ') format('woff');
 }
 .joint-selection.lasso.joint-theme-material {
     background-color: #3498DB;
     border: 2px solid #2980B9;
 }

 .joint-selection.joint-theme-material .selection-box {
     border: 2px dashed #5faaee ;
 }

 .joint-selection.joint-theme-material .selection-wrapper {
     border: 2px solid #5faaee ;
 }

 .joint-selection.joint-theme-material .box {
     font-size: 14px;
     color: #deebfb;
     background-color: #5fa9ee;
     font-family: lato-light, Arial, sans-serif;
 }

 .joint-selection.joint-theme-material .handle.resize:after,
 .joint-selection.joint-theme-material .handle.rotate:after,
 .joint-selection.joint-theme-material .handle.remove:after {
   font-family: "selection-icons-dark";
   font-style: normal;
   font-weight: normal;
   speak: none;
   display: inline-block;
   text-decoration: inherit;
   margin: auto;
   text-align: center;
   font-variant: normal;
   text-transform: none;
   font-size: 18px;
   color: #5faaee;
 }

 .joint-selection.joint-theme-material .handle.remove:after { content: '\e800'; }
 .joint-selection.joint-theme-material .handle.resize:after { content: '\e802'; }
 .joint-selection.joint-theme-material .handle.rotate:after { content: '\e801'; }

 .joint-selection.joint-theme-material .handle.remove:hover:after,
 .joint-selection.joint-theme-material .handle.resize:hover:after,
 .joint-selection.joint-theme-material .handle.rotate:hover:after {
   color: #717d98;
 }
 .joint-selection.lasso.joint-theme-modern {
     background-color: #3498DB;
     border: 2px solid #2980B9;
 }

 .joint-selection.joint-theme-modern .selection-box {
     border: 2px dashed #feb663 ;
     box-shadow: 2px 2px 5px lightgray;
 }

 .joint-selection.joint-theme-modern .selection-wrapper {
     border: 2px solid #feb663 ;
     box-shadow: 2px 2px 5px lightgray;
 }

 .joint-selection.joint-theme-modern .box {
     font-size: 10px;
     color: #fff;
     background-color: #6a6b8a;
 }

 .joint-selection.joint-theme-modern .handle {
     background-color: transparent;
     background-position: 0 0;
     background-repeat: no-repeat;
     background-size: 20px 20px;
 }

 .joint-selection.joint-theme-modern .handle.remove {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M15.386%2C3.365c-3.315-3.314-8.707-3.313-12.021%2C0c-3.314%2C3.315-3.314%2C8.706%2C0%2C12.02%20c3.314%2C3.314%2C8.707%2C3.314%2C12.021%2C0S18.699%2C6.68%2C15.386%2C3.365L15.386%2C3.365z%20M4.152%2C14.598C1.273%2C11.719%2C1.273%2C7.035%2C4.153%2C4.154%20c2.88-2.88%2C7.563-2.88%2C10.443%2C0c2.881%2C2.88%2C2.881%2C7.562%2C0%2C10.443C11.716%2C17.477%2C7.032%2C17.477%2C4.152%2C14.598L4.152%2C14.598z%22%2F%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M12.157%2C11.371L7.38%2C6.593C7.162%2C6.375%2C6.809%2C6.375%2C6.592%2C6.592c-0.218%2C0.219-0.218%2C0.572%2C0%2C0.79%20l4.776%2C4.776c0.218%2C0.219%2C0.571%2C0.219%2C0.79%2C0C12.375%2C11.941%2C12.375%2C11.588%2C12.157%2C11.371L12.157%2C11.371z%22%2F%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M11.369%2C6.593l-4.777%2C4.778c-0.217%2C0.217-0.217%2C0.568%2C0%2C0.787c0.219%2C0.219%2C0.571%2C0.217%2C0.788%2C0l4.777-4.777%20c0.218-0.218%2C0.218-0.571%2C0.001-0.789C11.939%2C6.375%2C11.587%2C6.375%2C11.369%2C6.593L11.369%2C6.593z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-selection.joint-theme-modern .handle.remove:hover {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M15.386%2C3.365c-3.315-3.314-8.707-3.313-12.021%2C0c-3.314%2C3.315-3.314%2C8.706%2C0%2C12.02%20c3.314%2C3.314%2C8.707%2C3.314%2C12.021%2C0S18.699%2C6.68%2C15.386%2C3.365L15.386%2C3.365z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M12.157%2C11.371L7.38%2C6.593C7.162%2C6.375%2C6.809%2C6.375%2C6.592%2C6.592c-0.218%2C0.219-0.218%2C0.572%2C0%2C0.79%20l4.776%2C4.776c0.218%2C0.219%2C0.571%2C0.219%2C0.79%2C0C12.375%2C11.941%2C12.375%2C11.588%2C12.157%2C11.371L12.157%2C11.371z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.369%2C6.593l-4.777%2C4.778c-0.217%2C0.217-0.217%2C0.568%2C0%2C0.787c0.219%2C0.219%2C0.571%2C0.217%2C0.788%2C0l4.777-4.777%20c0.218-0.218%2C0.218-0.571%2C0.001-0.789C11.939%2C6.375%2C11.587%2C6.375%2C11.369%2C6.593L11.369%2C6.593z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-selection.joint-theme-modern .handle.rotate {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M9.374%2C17.592c-4.176%2C0-7.57-3.401-7.57-7.575c0-4.175%2C3.395-7.574%2C7.57-7.574c0.28%2C0%2C0.56%2C0.018%2C0.837%2C0.05%20V1.268c0-0.158%2C0.099-0.3%2C0.239-0.36c0.151-0.058%2C0.315-0.026%2C0.428%2C0.086l2.683%2C2.688c0.152%2C0.154%2C0.152%2C0.399%2C0%2C0.553l-2.68%2C2.693%20c-0.115%2C0.112-0.279%2C0.147-0.431%2C0.087c-0.141-0.063-0.239-0.205-0.239-0.361V5.296C9.934%2C5.243%2C9.654%2C5.22%2C9.374%2C5.22%20c-2.646%2C0-4.796%2C2.152-4.796%2C4.797s2.154%2C4.798%2C4.796%2C4.798c2.645%2C0%2C4.798-2.153%2C4.798-4.798c0-0.214%2C0.174-0.391%2C0.391-0.391h1.991%20c0.217%2C0%2C0.394%2C0.177%2C0.394%2C0.391C16.947%2C14.19%2C13.549%2C17.592%2C9.374%2C17.592L9.374%2C17.592z%20M9.374%2C17.592%22%2F%3E%3C%2Fsvg%3E%20');
 }
 .joint-selection.joint-theme-modern .handle.rotate:hover {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FD6EB6%22%20d%3D%22M9.374%2C17.592c-4.176%2C0-7.57-3.401-7.57-7.575c0-4.175%2C3.395-7.574%2C7.57-7.574c0.28%2C0%2C0.56%2C0.018%2C0.837%2C0.05%20V1.268c0-0.158%2C0.099-0.3%2C0.239-0.36c0.151-0.058%2C0.315-0.026%2C0.428%2C0.086l2.683%2C2.688c0.152%2C0.154%2C0.152%2C0.399%2C0%2C0.553l-2.68%2C2.693%20c-0.115%2C0.112-0.279%2C0.147-0.431%2C0.087c-0.141-0.063-0.239-0.205-0.239-0.361V5.296C9.934%2C5.243%2C9.654%2C5.22%2C9.374%2C5.22%20c-2.646%2C0-4.796%2C2.152-4.796%2C4.797s2.154%2C4.798%2C4.796%2C4.798c2.645%2C0%2C4.798-2.153%2C4.798-4.798c0-0.214%2C0.174-0.391%2C0.391-0.391h1.991%20c0.217%2C0%2C0.394%2C0.177%2C0.394%2C0.391C16.947%2C14.19%2C13.549%2C17.592%2C9.374%2C17.592L9.374%2C17.592z%20M9.374%2C17.592%22%2F%3E%3C%2Fsvg%3E%20');
 }
 .joint-selection.joint-theme-modern .handle.resize {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20height%3D%2224px%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%2F%3E%3Cdesc%2F%3E%3Cdefs%2F%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20id%3D%22miu%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%3E%3Cg%20id%3D%22Artboard-1%22%20transform%3D%22translate%28-251.000000%2C%20-443.000000%29%22%3E%3Cg%20id%3D%22slice%22%20transform%3D%22translate%28215.000000%2C%20119.000000%29%22%2F%3E%3Cpath%20d%3D%22M252%2C448%20L256%2C448%20L256%2C444%20L252%2C444%20L252%2C448%20Z%20M257%2C448%20L269%2C448%20L269%2C446%20L257%2C446%20L257%2C448%20Z%20M257%2C464%20L269%2C464%20L269%2C462%20L257%2C462%20L257%2C464%20Z%20M270%2C444%20L270%2C448%20L274%2C448%20L274%2C444%20L270%2C444%20Z%20M252%2C462%20L252%2C466%20L256%2C466%20L256%2C462%20L252%2C462%20Z%20M270%2C462%20L270%2C466%20L274%2C466%20L274%2C462%20L270%2C462%20Z%20M254%2C461%20L256%2C461%20L256%2C449%20L254%2C449%20L254%2C461%20Z%20M270%2C461%20L272%2C461%20L272%2C449%20L270%2C449%20L270%2C461%20Z%22%20fill%3D%22%236A6C8A%22%20id%3D%22editor-crop-glyph%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.joint-selection.joint-theme-modern .handle.resize:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20height%3D%2224px%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%2F%3E%3Cdesc%2F%3E%3Cdefs%2F%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20id%3D%22miu%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%3E%3Cg%20id%3D%22Artboard-1%22%20transform%3D%22translate%28-251.000000%2C%20-443.000000%29%22%3E%3Cg%20id%3D%22slice%22%20transform%3D%22translate%28215.000000%2C%20119.000000%29%22%2F%3E%3Cpath%20d%3D%22M252%2C448%20L256%2C448%20L256%2C444%20L252%2C444%20L252%2C448%20Z%20M257%2C448%20L269%2C448%20L269%2C446%20L257%2C446%20L257%2C448%20Z%20M257%2C464%20L269%2C464%20L269%2C462%20L257%2C462%20L257%2C464%20Z%20M270%2C444%20L270%2C448%20L274%2C448%20L274%2C444%20L270%2C444%20Z%20M252%2C462%20L252%2C466%20L256%2C466%20L256%2C462%20L252%2C462%20Z%20M270%2C462%20L270%2C466%20L274%2C466%20L274%2C462%20L270%2C462%20Z%20M254%2C461%20L256%2C461%20L256%2C449%20L254%2C449%20L254%2C461%20Z%20M270%2C461%20L272%2C461%20L272%2C449%20L270%2C449%20L270%2C461%20Z%22%20fill%3D%22%236A6C8A%22%20id%3D%22editor-crop-glyph%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

 .joint-halo {
    position: absolute;
    pointer-events: none;
 }

 .joint-halo .handle {
    position: absolute;
    pointer-events: auto;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-user-drag: none;
     user-drag: none;
 }

 .joint-halo .handle {
    cursor: pointer;
 }

 .joint-halo .handle.hidden {
     display: none;
 }

 /* Built-in handles. */
 /* remove and unlink handles should have a pointer cursor */

 .joint-halo .resize {
    cursor: se-resize;
 }

 .joint-halo .clone {
    cursor: move;
 }

 .joint-halo .link {
    cursor: move;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
 }

 .joint-halo .fork {
    cursor: move;
 }

 .joint-halo .rotate {
    cursor: move;
 }

 /* Box */

 .joint-halo .box {
    position: absolute;
    top: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
    border-radius: 6px;
    padding: 6px;
 }

 /* Type surrounding */

 .joint-halo.surrounding .box {
    left: -20px;
    right: -20px;
    margin-top: 30px;
 }


 .joint-halo.surrounding.small .box {
    margin-top: 25px;
 }

 .joint-halo.surrounding.tiny .box {
    margin-top: 20px;
 }

 .joint-halo.surrounding.animate .handle {
    transition: background-size 80ms, width 80ms, height 80ms, top 150ms, left 150ms, bottom 150ms, right 150ms;
 }

 .joint-halo.surrounding.small .handle {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    font-size: 15px;
 }

 .joint-halo.surrounding.tiny .handle {
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
    font-size: 10px;
 }

 /* Positions */

 .joint-halo.surrounding .handle.se {
    bottom: -25px;
    right: -25px;
 }
 .joint-halo.surrounding.small .handle.se {
    bottom: -19px;
    right: -19px;
 }
 .joint-halo.surrounding.tiny .handle.se {
    bottom: -13px;
    right: -15px;
 }

 .joint-halo.surrounding .handle.nw {
    top: -21px;
    left: -25px;
 }
 .joint-halo.surrounding.small .handle.nw {
    top: -19px;
    left: -19px;
 }
 .joint-halo.surrounding.tiny .handle.nw {
    top: -13px;
    left: -15px;
 }

 .joint-halo.surrounding .handle.n {
    top: -22px;
    left: 50%;
    margin-left: -10px;
 }
 .joint-halo.surrounding.small .handle.n {
    top: -19px;
    margin-left: -7.5px;
 }
 .joint-halo.surrounding.tiny .handle.n {
    top: -13px;
    margin-left: -5px;
 }

 .joint-halo.surrounding .handle.e {
    right: -26px;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 9px);
 }
 .joint-halo.surrounding.small .handle.e {
    right: -19px;
    top: -webkit-calc(50% - 8px);
    top: calc(50% - 8px);
 }
 .joint-halo.surrounding.tiny .handle.e {
    right: -15px;
    top: -webkit-calc(50% - 5px);
    top: calc(50% - 5px);
 }

 .joint-halo.surrounding .handle.ne {
    top: -21px;
    right: -25px;
 }
 .joint-halo.surrounding.small .handle.ne {
    top: -19px;
    right: -19px;
 }
 .joint-halo.surrounding.tiny .handle.ne {
    top: -13px;
    right: -15px;
 }

 .joint-halo.surrounding .handle.w {
    left: -25px;
    top: 50%;
    margin-top: -10px;
 }
 .joint-halo.surrounding.small .handle.w {
    left: -19px;
    margin-top: -8px;
 }
 .joint-halo.surrounding.tiny .handle.w {
    left: -15px;
    margin-top: -5px;
 }

 .joint-halo.surrounding .handle.sw {
    bottom: -25px;
    left: -25px;
 }
 .joint-halo.surrounding.small .handle.sw {
    bottom: -19px;
    left: -19px;
 }
 .joint-halo.surrounding.tiny .handle.sw {
    bottom: -13px;
    left: -15px;
 }

 .joint-halo.surrounding .handle.s {
    bottom: -24px;
    left: 50%;
    margin-left: -10px;
 }
 .joint-halo.surrounding.small .handle.s {
    bottom: -19px;
    margin-left: -7.5px;
 }
 .joint-halo.surrounding.tiny .handle.s {
    bottom: -13px;
    margin-left: -5px;
 }

 .joint-halo.surrounding .handle.selected {
     background-color: rgba(0,0,0,0.1);
     border-radius: 3px;
 }

 /* Pie type */

 .joint-halo.pie .box {
     margin-top: 10px;
     left: 0;
     right: 0;
 }

 @-webkit-keyframes pie-visibility {
     0% { visibility: hidden; }
     100% { visibility: visible; }
 }

 @-moz-keyframes pie-visibility {
     0% { visibility: hidden; }
     100% { visibility: visible; }
 }

 @-o-keyframes pie-visibility {
     0% { visibility: hidden; }
     100% { visibility: visible; }
 }

 @keyframes pie-visibility {
     0% { visibility: hidden; }
     100% { visibility: visible; }
 }

 @-webkit-keyframes pie-opening {
     0% { transform: scale(0.4) rotate(-20deg); }
     100% { transform: scale(1) rotate(0deg); }
 }

 @-moz-keyframes pie-opening {
     0% { transform: scale(0.4) rotate(-20deg); }
     100% { transform: scale(1) rotate(0deg); }
 }

 @-o-keyframes pie-opening {
     0% { transform: scale(0.4) rotate(-20deg); }
     100% { transform: scale(1) rotate(0deg); }
 }

 @keyframes pie-opening {
     0% { transform: scale(0.4) rotate(-20deg); }
     100% { transform: scale(1) rotate(0deg); }
 }

 .joint-halo.pie {
     margin: -2px 0 0 -2px;
 }

 .joint-halo.pie .handles {
     display: none;
     z-index: 1;
     pointer-events: visiblePainted;
     height: 100px;
     width: 100px;
     position: absolute;
     right: -50px;
     top: -webkit-calc(50% - 50px);
     top: calc(50% - 50px);
     margin: -2px -2px 0 0;
     border-radius: 50%;
     cursor: default;
 }

 .joint-halo.pie.open .handles {
     display: block;
     -webkit-animation: pie-visibility 0.1s, pie-opening 0.1s;
     -moz-animation: pie-visibility 0.1s, pie-opening 0.1s;
     -o-animation: pie-visibility 0.1s, pie-opening 0.1s;
     animation: pie-visibility 0.1s, pie-opening 0.1s;
     -webkit-animation-delay: 0s, 0.1s;
     -moz-animation-delay: 0s, 0.1s;
     -o-animation-delay: 0s, 0.1s;
     animation-delay: 0s, 0.1s;
     -webkit-animation-timing-function: step-end, ease;
     -moz-animation-timing-function: step-end, ease;
     -o-animation-timing-function: step-end, ease;
     animation-timing-function: step-end, ease;
 }

 /* It's not possible to override the pointer-events in IE on SVG elements.
    So we make the parent element of the slice really small and set the
    overflow: visible. */
 .joint-halo.pie .handle {
     pointer-events: visiblePainted;
     height: auto;
     width: 1px;
 }

 .joint-halo.pie .slice-text-icon,
 .joint-halo.pie .slice-img-icon {
     pointer-events: none;
     display: none;
 }

 .joint-halo.pie .slice-svg {
     width: 100%;
     height: 100%;
     overflow: visible;
 }

 /* toggle pie button  */

 .joint-halo.pie .pie-toggle {
     z-index: 2;
     pointer-events: visiblePainted;
     cursor: pointer;
     display: block;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     box-sizing: border-box;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 20px 20px;
     position: absolute;
     right: -15px;
     top: -webkit-calc(50% - 15px);
     top: calc(50% - 15px);
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-user-drag: none;
     user-drag: none;
 }

 .joint-halo.pie .pie-toggle.e {
     top: -webkit-calc(50% - 15px);
     top: calc(50% - 15px);
     right: -15px;
     left: auto;
     bottom: auto;
 }
 .joint-halo.pie .pie-toggle.w {
     top: -webkit-calc(50% - 15px);
     top: calc(50% - 15px);
     left: -15px;
     right: auto;
     bottom: auto;
 }
 .joint-halo.pie .pie-toggle.n {
     left: -webkit-calc(50% - 15px);
     left: calc(50% - 15px);
     top: -15px;
     right: auto;
     bottom: auto;
 }
 .joint-halo.pie .pie-toggle.s {
     left: -webkit-calc(50% - 15px);
     left: calc(50% - 15px);
     bottom: -15px;
     right: auto;
     top: auto;
 }

 .joint-halo.pie[data-pie-toggle-position="e"] .handles {
     left: auto;
     right: -50px;
     top: -webkit-calc(50% - 50px);
     top: calc(50% - 50px);
 }
 .joint-halo.pie[data-pie-toggle-position="w"] .handles {
     left: -52px;
     right: auto;
     top: -webkit-calc(50% - 50px);
     top: calc(50% - 50px);
 }
 .joint-halo.pie[data-pie-toggle-position="n"] .handles {
     bottom: auto;
     top: -50px;
     right: auto;
     left: -webkit-calc(50% - 52px);
     left: calc(50% - 52px);
 }
 .joint-halo.pie[data-pie-toggle-position="s"] .handles {
     top: auto;
     bottom: -52px;
     right: auto;
     left: -webkit-calc(50% - 52px);
     left: calc(50% - 52px);
 }

 .joint-halo.pie.open .pie-toggle {
     -webkit-transition: 0.1s background-image;
     -moz-transition: 0.1s background-image;
     -ms-transition: 0.1s background-image;
     -o-transition: 0.1s background-image;
     transition: 0.1s background-image;
 }

 /* Type toolbar */

 .joint-halo.toolbar .handles {
     display: table-row;
     position: absolute;
     top: -50px;
     padding: 7px 5px;
 }

 .joint-halo.toolbar .handles:after {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     top: 100%;
     margin-top: 4px;
     left: 10px;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
 }

 .joint-halo.toolbar .handle {
     display: table-cell;
     position: relative;
     margin: 0 2px;
     background-size: 16px 16px;
     background-position: 3px 3px;
     /* disallow the cell shrinking */
     min-width: 20px;
 }

 .joint-halo.toolbar .handle.hidden {
     display: none;
 }

 /* It's important to add the pseudo element to the dom when we render the table cell (handle)
    otherwise FF would expand the entire table on hover. */
 .joint-halo.toolbar .handle:after {
     content: '';
     position: absolute;
     /* top: 100%; margin-top: 7px;  does not work in IE. */
     bottom: -11px;
     width: 100%;
 }

 .joint-halo.toolbar .box {
    left: -20px;
    right: -20px;
    margin-top: 30px;
 }

 @font-face {
     font-family: 'halo-icons-dark';
     src: url('data:application/octet-stream;base64, ') format('woff');
 }
 .joint-halo.joint-theme-dark .handle {
     font-family: "halo-icons-dark";
     font-size: 18px;
     color: #acaca3;
 }
 .joint-halo.joint-theme-dark .handle:hover:before {
     color: #dadada;
 }
 .joint-halo.joint-theme-dark .handle.resize:before {
     content: '\e802';
 }

 .joint-halo.joint-theme-dark .handle.remove:before {
     content: '\e800';
 }

 .joint-halo.joint-theme-dark .handle.clone:before {
     content: '\e805';
 }

 .joint-halo.joint-theme-dark .handle.link:before {
     content: '\e803';
 }

 .joint-halo.joint-theme-dark .handle.fork:before {
     content: '\e804';
 }

 .joint-halo.joint-theme-dark .handle.unlink:before {
     content: '\e806';
 }

 .joint-halo.joint-theme-dark .handle.direction:before {
     content: '\e807';
 }

 .joint-halo.joint-theme-dark .handle.rotate:before {
     content: '\e801';
 }

 .joint-halo.joint-theme-dark.surrounding.tiny .handle.se,
 .joint-halo.joint-theme-dark.surrounding.tiny .handle.e,
 .joint-halo.joint-theme-dark.surrounding.tiny .handle.ne {
    right: -16px;
 }

 .joint-halo.joint-theme-dark.surrounding.tiny .handle.nw,
 .joint-halo.joint-theme-dark.surrounding.tiny .handle.w,
 .joint-halo.joint-theme-dark.surrounding.tiny .handle.sw {
    left: -16px;
 }

 joint-halo.joint-theme-dark.surrounding.tiny .handle.w {
     margin-top: -6px;
 }

 .joint-halo.joint-theme-dark.pie .handle:before {
     display: none;
 }
 .joint-halo.joint-theme-dark .box {
     color: #fff;
     background-color: #828278;
 }

 /*  Surrounding  */
 /*  Surrounding for link */
 .joint-halo.joint-theme-dark.surrounding.type-link .handle.remove {
     background-color: #fff;
     border-radius: 50%;
 }
 /*  Surrounding for link */
 /*  Surrounding  */
 /*  Pie  */
 .joint-halo.joint-theme-dark.pie .handles {
     background: url('data:image/png;base64, ') repeat;
     border: 2px solid #acaca3;
 }
 .joint-halo.joint-theme-dark.pie .slice {
     stroke: #acaca3;
     stroke-width: 1;
     fill: transparent;
 }
 .joint-halo.joint-theme-dark.pie .slice:hover {
     fill: #92979b;
 }
 .joint-halo.joint-theme-dark.pie .slice-text-icon {
     display: block;
     fill: #acaca3;
 }
 .joint-halo.joint-theme-dark.pie .slice:hover + image + .slice-text-icon {
     fill: #52575b;
 }
 .joint-halo.joint-theme-dark.pie .handle.selected .slice {
     fill: #fff;
 }
 .joint-halo.joint-theme-dark.pie .pie-toggle {
     background-color: #fff;
     background-size: 16px 16px;
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20height%3D%2216px%22%20id%3D%22Layer_1%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M15%2C6h-5V1c0-0.55-0.45-1-1-1H7C6.45%2C0%2C6%2C0.45%2C6%2C1v5H1C0.45%2C6%2C0%2C6.45%2C0%2C7v2c0%2C0.55%2C0.45%2C1%2C1%2C1h5v5c0%2C0.55%2C0.45%2C1%2C1%2C1h2%20c0.55%2C0%2C1-0.45%2C1-1v-5h5c0.55%2C0%2C1-0.45%2C1-1V7C16%2C6.45%2C15.55%2C6%2C15%2C6z%22%2F%3E%3C%2Fsvg%3E');
     border: 2px solid #937b7b;
     -webkit-filter: brightness(0.5) invert(80%);
     filter: brightness(0.5) invert(80%);
 }
 .joint-halo.joint-theme-dark.pie .pie-toggle:hover {
     background-color: #acaca3;
     border-color: #828278;
     -webkit-filter: brightness(1);
     filter: brightness(1);
 }
 .joint-halo.joint-theme-dark.pie .pie-toggle.open {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20id%3D%22Layer_1%22%20xml%3Aspace%3D%22preserve%22%3E%3Cmetadata%20id%3D%22metadata9%22%3E%3Crdf%3ARDF%3E%3Ccc%3AWork%20rdf%3Aabout%3D%22%22%3E%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%3Cdc%3Atype%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%3C%2Fcc%3AWork%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%20id%3D%22defs7%22%20%2F%3E%3Cpath%20d%3D%22M%2015%2C6%2010%2C6%20C%201.0301983%2C6.00505%2015.002631%2C6.011353%206%2C6%20L%201%2C6%20C%200.45%2C6%200%2C6.45%200%2C7%20l%200%2C2%20c%200%2C0.55%200.45%2C1%201%2C1%20l%205%2C0%20c%208.988585%2C-0.019732%20-5.02893401%2C-0.018728%204%2C0%20l%205%2C0%20c%200.55%2C0%201%2C-0.45%201%2C-1%20L%2016%2C7%20C%2016%2C6.45%2015.55%2C6%2015%2C6%20z%22%20id%3D%22path3%22%20style%3D%22fill%3A%236a6c8a%22%20%2F%3E%3C%2Fsvg%3E');
 }
 /*  Pie  */


 /*  Toolbar  */
 .joint-halo.joint-theme-dark.toolbar .handles {
     position: static;
     display: inline-block;
     vertical-align: top;
     white-space: nowrap;
     border: 1px solid #937b7b;
     border-bottom-width: 5px;
     border-radius: 3px;
     box-shadow: 0 1px 2px #202132;
     margin-top: -50px;
     margin-left: 45px;
     background: url('data:image/png;base64, ') repeat;
 }
 .joint-halo.joint-theme-dark.toolbar .handles:after {
     top: -12px;
     left: 55px;
     border-top: 6px solid #937b7b;
     border-right: 10px solid transparent;
     border-left: 10px solid transparent;
     margin-top: 3px;
 }
 .joint-halo.joint-theme-dark.toolbar .handle:hover:after {
     border-bottom: 3px solid #dadada;
     left: -1px;
 }
 .joint-halo.joint-theme-dark.toolbar .handle {
     display: inline-block;
     vertical-align: top;
 }
 .joint-halo.joint-theme-dark.toolbar .handle + .handle {
     margin-left: 4px;
 }
 .joint-halo.joint-theme-dark.toolbar .handle.rotate {
     position: absolute;
     right: 100%;
     top: 100%;
     margin-right: 6px;
     margin-top: 3px;
 }
 .joint-halo.joint-theme-dark.toolbar .handle.remove:hover:after,
 .joint-halo.joint-theme-dark.toolbar .handle.rotate:hover:after {
     border-bottom: none;
 }

 /* Toolbar for element */
 .joint-halo.joint-theme-dark.toolbar.type-element .handle.remove {
     position: absolute;
     right: 100%;
     bottom: 100%;
     margin-right: 6px;
     margin-bottom: 3px;
 }
 /* Toolbar for element */

 /* Toolbar for link */
 .joint-halo.joint-theme-dark.toolbar.type-link .handles {
     margin-left: -18px;
 }

 .joint-halo.joint-theme-dark.toolbar.type-link .handles:after {
     left:-9px;
 }
 .joint-halo.joint-theme-dark.toolbar.type-link .handles {
     margin-top: -60px;
 }
 .joint-halo.joint-theme-dark.toolbar.type-link .handles:after {
     top: -22px;
 }

 /* Toolbar for link */

 /*  Toolbar  */

 .joint-halo.joint-theme-default .handle {
     background-color: transparent;
     background-position: 0 0;
     background-repeat: no-repeat;
     background-size: 20px 20px;
 }

 .joint-halo.joint-theme-default .handle.resize {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NjREODhDMjc4MkVFMjExODUyOEU5NTNCRjg5OEI3QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQTc4MzUwQjJGMEIxMUUyOTFFNUE1RTAwQ0EwMjU5NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQTc4MzUwQTJGMEIxMUUyOTFFNUE1RTAwQ0EwMjU5NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjREODhDMjc4MkVFMjExODUyOEU5NTNCRjg5OEI3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjREODhDMjc4MkVFMjExODUyOEU5NTNCRjg5OEI3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk3oY88AAAEMSURBVHja7JftDYMgEIbRdABHcARG6CalGziCG3QE3KAj0A0cod3AEa6YUEMpcKeI9oeXvP5QuCeA90EBAGwPK7SU1hkZ12ldiT6F1oUycARDRHLBgiTiEzCwTNhNuRT8XOEog/AyMqlOXPEuZzx7q29aXGtIhLvQwfNuAgtrYgrcB+VWqH2BhceBD45ZE4EyB/7zIQTvCeAWgdpw1CqT2Sri2LsRZ4cddtg/GLfislo55oNZxE2ZLcFXT8haU7YED9yXpxsCGMvTn4Uqe7DIXJnsAqGYB5CjFnNT6yEE3qr7iIJT+60YXJUZQ3G8ALyof+JWfTV6xrluEuqkHw/ESW3CoJsBRVubtwADAI2b6h9uJAFqAAAAAElFTkSuQmCC');
 }

 .joint-halo.joint-theme-default .handle.remove {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO5JREFUeNrUV9sNwyAMtLoAI3SEjJIRMgqjdBRG8CiMQGnlVHwEOBAE19L9OdwRGz+IcNsibISLCBk48dlooB0RXCDNgeXbbntWbovCyVlNtkf4AeQnvJwJ//IwCQdy8zAZeynm/gYBPpcT7gbyNDGb4/4CnyOLb1M+MED+MVPxZfEhQASnFQ4hp4qIlJxAEd+KaQGlpiIC8bmCRZOvRNBL/kvGltp+RdRLfqK5wZhCITMdjaury5lB5OFBCuxvQjAtCZc/w+WFaHkpXt6MVLTj5QOJipFs+VCqYixXsZioWM1GLaf7yK45ZT1/CzAAESidXQn9F/MAAAAASUVORK5CYII=');
 }

 .joint-halo.joint-theme-default .handle.clone {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NjREODhDMjc4MkVFMjExODUyOEU5NTNCRjg5OEI3QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNTM0NjJBRjJGMkQxMUUyQkRFM0FCRTMxMDhFQkE2QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNTM0NjJBRTJGMkQxMUUyQkRFM0FCRTMxMDhFQkE2QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjREODhDMjc4MkVFMjExODUyOEU5NTNCRjg5OEI3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjREODhDMjc4MkVFMjExODUyOEU5NTNCRjg5OEI3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkJFWv4AAAD3SURBVHja5FfRDYMgED2bDsAIjsAIMAluoqs4CY7gCI7ABtTTnsEUNCVQanzJGT/Qx7t7HFBZa6EEHlAIxYh90HPYzCHul+pixM93TV1wfDRNA0qppGRSyh2x8A2q6xqEEIc/mqZpCcTZWJ/iaPR9D13XLe/fNqKiNd6lahxHMMb8jlhrvRlgGAbvYJwQTsytMcH9hjEGnPN0NUZS15khx2L2SMi1GwgqQfdSkKPJ1RRnau/ZMq9J3LbtVtfodezrw6H1nAp2NeWK2bm5Tx9lTyAfilNhXuOkTv/n7hTqwbFwN5DDVGcMHVIsM2fVu7lXt7s7vQQYAIMHB7xhVbHdAAAAAElFTkSuQmCC');
 }

 .joint-halo.joint-theme-default .handle.link {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwRkVFNkM3MkU3RjExRTJBMDA3RkZBQzMyMzExQzIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwRkVFNkM4MkU3RjExRTJBMDA3RkZBQzMyMzExQzIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjBGRUU2QzUyRTdGMTFFMkEwMDdGRkFDMzIzMTFDMjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjBGRUU2QzYyRTdGMTFFMkEwMDdGRkFDMzIzMTFDMjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5hjT/5AAAA8ElEQVR42syXwQ3DIAxFUbtAR+gIHLsSN2+SboA6CSOEMbghJqCAHKlNmwYwkWvpKwdinmRsY4Sos2sSJJkknxRX8rgG+C/ZJG4YG2XQt9kuSVMHcK0J96qGzgOgi+Ya+GhoFfwo6C5890wBIGqto5SScuYf2fvTKcMW895T4G/ZblrARLh5bQ5VTjnMg+ClyUCL0yA4iJ7ONABewu17koQIz8z+2iTCaY3hG7zG7yQYjS3UbMnFVk5sDYStZbJdEizX4hnBDqeD21bNOedECKF8lVLCWttTuvekx9+MPmzDHut4yzrQsz5hDn+0PQUYAOGQcmTsT0IpAAAAAElFTkSuQmCC');
 }

 .joint-halo.joint-theme-default .handle.fork {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUUEAUZcNUVHAAAALtJREFUWMPtlt0RgjAMgL9zAkZglI7ACLoJm8RNHIERGMER6ksfsIeRtsGq9LvLW2i+oz8JNBoHYAZcTQEfQoCupoAH7sBZS1jGDAwbCgwh1yfEDejfCSx/3SsksXAcIxsTZYfiSQJrEiUCT1sQ45TFNQkJ33aphzB1f9ckZK9rKBkHM2YqfYgsJIr5aYnJshfkSJj3Ak3C5fQCSwmTh+hTEh4YTwUCF+D6DRNPcTuuPpD8/UhWfShtNFQe+d/oVK9MAB0AAAAASUVORK5CYII=');
 }

 .joint-halo.joint-theme-default .handle.unlink {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJCNjcxNUZBMkU3RjExRTI5RURCRDA5NDlGRDBFMDgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJCNjcxNUZCMkU3RjExRTI5RURCRDA5NDlGRDBFMDgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkI2NzE1RjgyRTdGMTFFMjlFREJEMDk0OUZEMEUwODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkI2NzE1RjkyRTdGMTFFMjlFREJEMDk0OUZEMEUwODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5htS6kAAABHElEQVR42uxW0Q2DIBBV0wEcwRHsBo7QERjBbkAnYARGaDdghI5gN9ANKCRHQy4HxFakH77kxeTAe95xd1JrrasSaKpCOIR3R2+oDLXHp+GQU3RAYhyezsZyCU8gwJGdgX3+wXcHfi1HyOwHGsQpuMjXprwFMU3QavGTtzHkwGJZIXoxFBBtyOer8opKog0ykQ0qrSoQpTsy7gfZg9EtKu/cnbBvm4iC454PijKUgQ4WYy9rot0Y6gBMhQvKoY70dYs+TERqAcOe4dXwsUXbWdF7IgsztM3/jsziqd69uLZqp/GbdgoNEJF7gMR+BC7KfuXInBIfwJrELF4Ss5yCLaiz4S3isyv6W8QXAbHXRaDI1ac+LvSHcC68BRgAHv/CnODh8mEAAAAASUVORK5CYII=');
 }

 .joint-halo.joint-theme-default .handle.direction {
     background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3C!DOCTYPE%20svg%20%20PUBLIC%20'-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN'%20%20'http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd'%3E%3Csvg%20id%3D%22Layer_1%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%236A6C8A%3Bstroke%3A%236A6C8A%3Bstroke-width%3A30%7D%0A%09.dot%7Bfill%3A%236A6C8A%3B%7D%0A%3C%2Fstyle%3E%3Cg%3E%3Cg%20id%3D%22XMLID_475_%22%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M133.1%2C277.1c1.8%2C0%2C3.7-0.6%2C5.4-1.7c4.1-3%2C5-8.7%2C2-12.8c-3-4.1-8.7-5-12.8-2c0%2C0%2C0%2C0%2C0%2C0%20%20%20%20%20c-4.1%2C3-5%2C8.7-2%2C12.8C127.5%2C275.8%2C130.3%2C277.1%2C133.1%2C277.1z%22%20id%3D%22XMLID_489_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M138.5%2C359.6c-4.1-3-9.8-2.1-12.8%2C2c-3%2C4.1-2.1%2C9.8%2C2%2C12.8c1.6%2C1.2%2C3.5%2C1.7%2C5.4%2C1.7%20%20%20%20%20c2.8%2C0%2C5.6-1.3%2C7.4-3.7C143.5%2C368.3%2C142.6%2C362.6%2C138.5%2C359.6z%22%20id%3D%22XMLID_726_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M108.1%2C327.7c-4.8%2C1.6-7.4%2C6.7-5.9%2C11.5c1.3%2C3.9%2C4.8%2C6.3%2C8.7%2C6.3c0.9%2C0%2C1.9-0.1%2C2.8-0.4%20%20%20%20%20c4.8-1.6%2C7.4-6.7%2C5.9-11.5C118%2C328.8%2C112.9%2C326.2%2C108.1%2C327.7z%22%20id%3D%22XMLID_776_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M108.1%2C307.3c0.9%2C0.3%2C1.9%2C0.4%2C2.8%2C0.4c3.8%2C0%2C7.4-2.4%2C8.7-6.3c1.6-4.8-1.1-9.9-5.9-11.5%20%20%20%20%20c-4.8-1.6-9.9%2C1.1-11.5%2C5.9C100.7%2C300.6%2C103.3%2C305.7%2C108.1%2C307.3z%22%20id%3D%22XMLID_777_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M169.2%2C265.4c2.4%2C0%2C4.7-1%2C6.5-2.6c1.7-1.7%2C2.7-4.1%2C2.7-6.5c0-2.4-1-4.8-2.7-6.5%20%20%20%20%20c-1.7-1.7-4.1-2.7-6.5-2.7s-4.7%2C1-6.5%2C2.7c-1.7%2C1.7-2.7%2C4-2.7%2C6.5c0%2C2.4%2C1%2C4.7%2C2.7%2C6.5C164.4%2C264.4%2C166.8%2C265.4%2C169.2%2C265.4z%22%20id%3D%22XMLID_797_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M247.7%2C256.3c0-5-4.1-9.1-9.1-9.1c-5%2C0-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20C243.7%2C265.4%2C247.7%2C261.3%2C247.7%2C256.3z%22%20id%3D%22XMLID_798_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M213%2C256.3c0-5-4.1-9.1-9.1-9.1c-5%2C0-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20C208.9%2C265.4%2C213%2C261.3%2C213%2C256.3z%22%20id%3D%22XMLID_799_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M317.2%2C256.3c0-5-4.1-9.1-9.1-9.1c-5%2C0-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20C313.1%2C265.4%2C317.2%2C261.3%2C317.2%2C256.3z%22%20id%3D%22XMLID_800_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M282.5%2C256.3c0-5-4.1-9.1-9.1-9.1s-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20S282.5%2C261.3%2C282.5%2C256.3z%22%20id%3D%22XMLID_801_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M401.1%2C185.2c0.9%2C0%2C1.9-0.1%2C2.8-0.5c4.8-1.6%2C7.4-6.7%2C5.9-11.5c-1.6-4.8-6.7-7.4-11.5-5.8%20%20%20%20%20c-4.8%2C1.6-7.4%2C6.7-5.8%2C11.5C393.6%2C182.8%2C397.2%2C185.2%2C401.1%2C185.2z%22%20id%3D%22XMLID_802_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M403.9%2C205.2c-4.8-1.6-9.9%2C1-11.5%2C5.9l0%2C0c-1.6%2C4.8%2C1.1%2C9.9%2C5.9%2C11.5%20%20%20%20%20c0.9%2C0.3%2C1.9%2C0.5%2C2.8%2C0.5c3.9%2C0%2C7.4-2.5%2C8.7-6.3c0%2C0%2C0%2C0%2C0%2C0C411.3%2C211.9%2C408.7%2C206.8%2C403.9%2C205.2z%22%20id%3D%22XMLID_803_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M373.5%2C237.2L373.5%2C237.2c-4.1%2C3-5%2C8.7-2%2C12.8c1.8%2C2.4%2C4.6%2C3.7%2C7.4%2C3.7%20%20%20%20%20c1.8%2C0%2C3.7-0.6%2C5.4-1.8c4.1-3%2C4.9-8.7%2C2-12.8C383.3%2C235.1%2C377.6%2C234.2%2C373.5%2C237.2z%22%20id%3D%22XMLID_804_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M373.5%2C152.9c1.6%2C1.2%2C3.5%2C1.8%2C5.4%2C1.8c2.8%2C0%2C5.6-1.3%2C7.4-3.8c3-4.1%2C2.1-9.8-2-12.7%20%20%20%20%20c-4.1-3-9.8-2.1-12.7%2C2C368.5%2C144.2%2C369.4%2C149.9%2C373.5%2C152.9z%22%20id%3D%22XMLID_805_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M342.8%2C247.1c-2.4%2C0-4.8%2C1-6.5%2C2.7c-1.7%2C1.7-2.7%2C4-2.7%2C6.5c0%2C2.4%2C1%2C4.7%2C2.7%2C6.4%20%20%20%20%20c1.7%2C1.7%2C4%2C2.7%2C6.5%2C2.7c2.4%2C0%2C4.7-1%2C6.5-2.7c1.7-1.7%2C2.7-4%2C2.7-6.4c0-2.4-1-4.8-2.7-6.5C347.6%2C248.1%2C345.2%2C247.1%2C342.8%2C247.1z%22%20id%3D%22XMLID_806_%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M342.8%2C124.7H206.6l36.4-36.4c3.6-3.6%2C3.6-9.3%2C0-12.9c-3.6-3.6-9.3-3.6-12.9%2C0l-51.5%2C51.5%20%20%20%20%20c-1.9%2C1.9-2.8%2C4.4-2.7%2C6.9c-0.1%2C2.5%2C0.7%2C5%2C2.7%2C6.9l51.5%2C51.5c1.8%2C1.8%2C4.1%2C2.7%2C6.5%2C2.7c2.3%2C0%2C4.7-0.9%2C6.5-2.7%20%20%20%20%20c3.6-3.6%2C3.6-9.3%2C0-12.9l-36.4-36.4h136.1c0%2C0%2C0.1%2C0%2C0.1%2C0c0.6%2C0%2C1.2-0.1%2C1.8-0.2c0.2%2C0%2C0.4-0.1%2C0.6-0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1%20%20%20%20%20c3.2-1%2C5.6-3.6%2C6.3-6.9c0.1-0.6%2C0.2-1.2%2C0.2-1.8c0-0.6-0.1-1.2-0.2-1.8C351%2C127.8%2C347.3%2C124.7%2C342.8%2C124.7z%22%20id%3D%22XMLID_807_%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M322.1%2C371.3l-51.5-51.5c-3.6-3.6-9.3-3.6-12.9%2C0c-3.6%2C3.6-3.6%2C9.3%2C0%2C12.9l36.9%2C36.9H169.2%20%20%20%20%20c-2.8%2C0-5.4%2C1.3-7%2C3.3c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.4c-0.1%2C0.1-0.2%2C0.2-0.2%2C0.3c-0.1%2C0.1-0.1%2C0.2-0.2%2C0.4c-0.1%2C0.1-0.2%2C0.3-0.2%2C0.4%20%20%20%20%20c0%2C0.1-0.1%2C0.2-0.1%2C0.2c-0.1%2C0.2-0.2%2C0.4-0.3%2C0.6c0%2C0%2C0%2C0%2C0%2C0.1c-0.4%2C1.1-0.7%2C2.2-0.7%2C3.4c0%2C1.5%2C0.4%2C2.9%2C1%2C4.2c0%2C0%2C0%2C0.1%2C0.1%2C0.1%20%20%20%20%20c0.1%2C0.1%2C0.1%2C0.2%2C0.2%2C0.3c0.4%2C0.7%2C0.9%2C1.3%2C1.4%2C1.8c0.4%2C0.4%2C0.7%2C0.7%2C1.2%2C1c0.1%2C0.1%2C0.1%2C0.1%2C0.2%2C0.2c0%2C0%2C0.1%2C0%2C0.1%2C0.1%20%20%20%20%20c1.4%2C0.9%2C3.1%2C1.5%2C5%2C1.5h124.4l-36%2C36c-3.6%2C3.6-3.6%2C9.3%2C0%2C12.9c1.8%2C1.8%2C4.1%2C2.7%2C6.5%2C2.7c2.3%2C0%2C4.7-0.9%2C6.5-2.7l51.5-51.5%20%20%20%20%20c1.9-1.9%2C2.8-4.4%2C2.7-6.9C324.8%2C375.7%2C324%2C373.2%2C322.1%2C371.3z%22%20id%3D%22XMLID_808_%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }

 .joint-halo.joint-theme-default .handle.rotate {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI1NTk5RUFBMkU3RjExRTI4OUIyQzYwMkMyN0MxMDE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI1NTk5RUFCMkU3RjExRTI4OUIyQzYwMkMyN0MxMDE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjU1OTlFQTgyRTdGMTFFMjg5QjJDNjAyQzI3QzEwMTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjU1OTlFQTkyRTdGMTFFMjg5QjJDNjAyQzI3QzEwMTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6W+5aDAAABJElEQVR42syXbRGDMAyGYTcBOBgSkICESWAOmAMcTAJzgAQksCnYHFRC13Jlx7qkDf0Acvf+6ZF7mjRNQ8o5T/ZqmVAt1AkxIa5JrvXqmywUsAVANkmf3BV6RqKjSvpWlqD+7OYBhKKHoMNS6EuddaPUqjUqfIJyPb2Ysyye0pC6Qm0I8680KJ/vhDmcFbU2mAb9glvk48KhMAtiYY7RYunxuRVWcI2cqa/ZegBYFGWA5jPYwAy4MrGhI1hf6FaA8gPg/PSA9tSbcAz8il2XOIRM9SILXVxki3GdEvUmD6bhIHYDQeFrtEwUvsYj0WBRx34Wc5cXJcQg8GMpMPrUBsBb6DHrbie1IdNUeRe6UNLVRB72Nh1v9zfQR/+FSbf6afsIMAB0elCwFZfPigAAAABJRU5ErkJggg==');
 }

 .joint-halo.joint-theme-default .box {
    color: black;
    background-color: lightgrey;
 }

 /*  Surrounding  */
 .joint-halo.joint-theme-default.surrounding.type-link .handle.remove {
     background-color: white;
     border-radius: 50%;
 }
 /*  Surrounding  */


 /*  Pie  */
 .joint-halo.joint-theme-default.pie .handles {
     background-color: white;
     border: 2px solid black;
     overflow: hidden;
 }
 .joint-halo.joint-theme-default.pie .slice {
     stroke: lightgrey;
     stroke-width: 1;
     fill: transparent;
 }
 .joint-halo.joint-theme-default.pie .slice:hover {
     fill: lightgrey;
 }
 .joint-halo.joint-theme-default.pie .slice-img-icon {
     display: block;
 }
 .joint-halo.joint-theme-default.pie .handle.selected .slice {
     fill: white;
 }
 .joint-halo.joint-theme-default.pie .pie-toggle {
     background-color: white;
     background-size: 16px 16px;
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20height%3D%2216px%22%20id%3D%22Layer_1%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15%2C6h-5V1c0-0.55-0.45-1-1-1H7C6.45%2C0%2C6%2C0.45%2C6%2C1v5H1C0.45%2C6%2C0%2C6.45%2C0%2C7v2c0%2C0.55%2C0.45%2C1%2C1%2C1h5v5c0%2C0.55%2C0.45%2C1%2C1%2C1h2%20c0.55%2C0%2C1-0.45%2C1-1v-5h5c0.55%2C0%2C1-0.45%2C1-1V7C16%2C6.45%2C15.55%2C6%2C15%2C6z%22%2F%3E%3C%2Fsvg%3E');
     border: 2px solid black;
 }
 .joint-halo.joint-theme-default.pie .pie-toggle.open {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20id%3D%22Layer_1%22%20xml%3Aspace%3D%22preserve%22%3E%3Cmetadata%20id%3D%22metadata9%22%3E%3Crdf%3ARDF%3E%3Ccc%3AWork%20rdf%3Aabout%3D%22%22%3E%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%3Cdc%3Atype%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%3C%2Fcc%3AWork%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%20id%3D%22defs7%22%20%2F%3E%3Cpath%20d%3D%22M%2015%2C6%2010%2C6%20C%201.0301983%2C6.00505%2015.002631%2C6.011353%206%2C6%20L%201%2C6%20C%200.45%2C6%200%2C6.45%200%2C7%20l%200%2C2%20c%200%2C0.55%200.45%2C1%201%2C1%20l%205%2C0%20c%208.988585%2C-0.019732%20-5.02893401%2C-0.018728%204%2C0%20l%205%2C0%20c%200.55%2C0%201%2C-0.45%201%2C-1%20L%2016%2C7%20C%2016%2C6.45%2015.55%2C6%2015%2C6%20z%22%20id%3D%22path3%22%20style%3D%22fill%3A%23%23000%22%20%2F%3E%3C%2Fsvg%3E');
 }
 /*  Pie  */


 /*  Toolbar  */
 .joint-halo.joint-theme-default.toolbar .handles {
     position: static;
     display: inline-block;
     vertical-align: top;
     white-space: nowrap;
     background-color: white;
     border: 1px solid lightgrey;
     border-bottom: 3px solid black;
     border-radius: 5px;
     margin-top: -50px;
     margin-left: 45px;
 }
 .joint-halo.joint-theme-default.toolbar .handles:after {
     top: -12px;
     left: 55px;
     border-top: 6px solid black;
     border-right: 10px solid transparent;
     border-left: 10px solid transparent;
     margin-top: 0;
 }

 .joint-halo.joint-theme-default.toolbar .handle {
     display: inline-block;
     vertical-align: top;
 }
 .joint-halo.joint-theme-default.toolbar .handle + .handle {
     margin-left: 4px;
 }
 .joint-halo.joint-theme-default.toolbar .handle.rotate {
     position: absolute;
     right: 100%;
     top: 100%;
     margin-right: 6px;
     margin-top: 3px;
 }
 .joint-halo.joint-theme-default.toolbar .handle.remove:hover:after,
 .joint-halo.joint-theme-default.toolbar .handle.rotate:hover:after {
     border-bottom: none;
 }

 /* Toolbar for element */
 .joint-halo.joint-theme-default.toolbar.type-element .handle.remove {
     position: absolute;
     right: 100%;
     bottom: 100%;
     margin-right: 6px;
     margin-bottom: 3px;
 }
 /* Toolbar for element */

 /* Toolbar for link */

 .joint-halo.joint-theme-default.toolbar.type-link .handles {
     margin-left: -18px;
 }
 .joint-halo.joint-theme-default.toolbar.type-link .handles:after {
     left:-9px;
 }
 .joint-halo.joint-theme-default.toolbar.type-link .handles {
     margin-top: -60px;
 }
 .joint-halo.joint-theme-default.toolbar.type-link .handles:after {
     top: -22px;
 }
 /* Toolbar for link */

 /*  Toolbar  */

 @font-face {
     font-family: 'halo-icons-material';
     src: url('data:application/octet-stream;base64, ') format('woff');
 }
 .joint-halo.joint-theme-material .handle {
     font-family: "halo-icons-material";
     font-size: 18px;
     color: #5fa9ee;
 }
 .joint-halo.joint-theme-material .handle:hover:before {
     color: #717d98;
 }
 .joint-halo.joint-theme-material .handle.resize:before {
     content: '\e802';
 }

 .joint-halo.joint-theme-material .handle.remove:before {
     content: '\e800';
 }

 .joint-halo.joint-theme-material .handle.clone:before {
     content: '\e805';
 }

 .joint-halo.joint-theme-material .handle.link:before {
     content: '\e803';
 }

 .joint-halo.joint-theme-material .handle.fork:before {
     content: '\e804';
 }

 .joint-halo.joint-theme-material .handle.unlink:before {
     content: '\e806';
 }

 .joint-halo.joint-theme-material .handle.direction:before {
     content: '\e807';
 }

 .joint-halo.joint-theme-material .handle.rotate:before {
     content: '\e801';
 }

 .joint-halo.joint-theme-material.surrounding.tiny .handle.se,
 .joint-halo.joint-theme-material.surrounding.tiny .handle.e,
 .joint-halo.joint-theme-material.surrounding.tiny .handle.ne {
    right: -16px;
 }

 .joint-halo.joint-theme-material.surrounding.tiny .handle.nw,
 .joint-halo.joint-theme-material.surrounding.tiny .handle.w,
 .joint-halo.joint-theme-material.surrounding.tiny .handle.sw {
    left: -16px;
 }

 joint-halo.joint-theme-material.surrounding.tiny .handle.w {
     margin-top: -6px;
 }

 .joint-halo.joint-theme-material.pie .handle:before {
     display: none;
 }
 .joint-halo.joint-theme-material .box {
     color: #717d98;
     border: 1px solid #d0d8e8;
     background-color: #ecf0f8;
 }

 /*  Surrounding  */
 /*  Surrounding for link */
 .joint-halo.joint-theme-material.surrounding.type-link .handle.remove {
     background-color: #fff;
     border-radius: 50%;
 }
 /*  Surrounding for link */
 /*  Surrounding  */
 /*  Pie  */
 .joint-halo.joint-theme-material.pie .handles {
     background: #ecf0f8;
     border: 2px solid #717d98;
 }
 .joint-halo.joint-theme-material.pie .slice {
     stroke: #717d98;
     stroke-width: 1;
     fill: transparent;
 }
 .joint-halo.joint-theme-material.pie .slice:hover {
     fill: #d0d8e8;
 }
 .joint-halo.joint-theme-material.pie .slice-text-icon {
     display: block;
     fill: #5fa9ee;
 }
 .joint-halo.joint-theme-material.pie .slice:hover + image + .slice-text-icon {
     fill: #717d98;
 }
 .joint-halo.joint-theme-material.pie .handle.selected .slice {
     fill: #fff;
 }
 .joint-halo.joint-theme-material.pie .pie-toggle {
     background-color: #ecf0f8;
     background-size: 16px 16px;
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20height%3D%2216px%22%20id%3D%22Layer_1%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M15%2C6h-5V1c0-0.55-0.45-1-1-1H7C6.45%2C0%2C6%2C0.45%2C6%2C1v5H1C0.45%2C6%2C0%2C6.45%2C0%2C7v2c0%2C0.55%2C0.45%2C1%2C1%2C1h5v5c0%2C0.55%2C0.45%2C1%2C1%2C1h2%20c0.55%2C0%2C1-0.45%2C1-1v-5h5c0.55%2C0%2C1-0.45%2C1-1V7C16%2C6.45%2C15.55%2C6%2C15%2C6z%22%2F%3E%3C%2Fsvg%3E');
     border: 2px solid #717d98;
 }
 .joint-halo.joint-theme-material.pie .pie-toggle:hover {
     background-color: #d0d8e8;
 }
 .joint-halo.joint-theme-material.pie .pie-toggle.open {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20id%3D%22Layer_1%22%20xml%3Aspace%3D%22preserve%22%3E%3Cmetadata%20id%3D%22metadata9%22%3E%3Crdf%3ARDF%3E%3Ccc%3AWork%20rdf%3Aabout%3D%22%22%3E%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%3Cdc%3Atype%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%3C%2Fcc%3AWork%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%20id%3D%22defs7%22%20%2F%3E%3Cpath%20d%3D%22M%2015%2C6%2010%2C6%20C%201.0301983%2C6.00505%2015.002631%2C6.011353%206%2C6%20L%201%2C6%20C%200.45%2C6%200%2C6.45%200%2C7%20l%200%2C2%20c%200%2C0.55%200.45%2C1%201%2C1%20l%205%2C0%20c%208.988585%2C-0.019732%20-5.02893401%2C-0.018728%204%2C0%20l%205%2C0%20c%200.55%2C0%201%2C-0.45%201%2C-1%20L%2016%2C7%20C%2016%2C6.45%2015.55%2C6%2015%2C6%20z%22%20id%3D%22path3%22%20style%3D%22fill%3A%236a6c8a%22%20%2F%3E%3C%2Fsvg%3E');
 }
 /*  Pie  */


 /*  Toolbar  */
 .joint-halo.joint-theme-material.toolbar .handles {
     position: static;
     display: inline-block;
     vertical-align: top;
     white-space: nowrap;
     border: 1px solid #d0d8e8;
     border-bottom-width: 5px;
     border-radius: 3px;
     box-shadow: 0 1px 2px #d0d8e8;
     margin-top: -50px;
     margin-left: 45px;
     background: #ecf0f8;
 }
 .joint-halo.joint-theme-material.toolbar .handles:after {
     top: -12px;
     left: 55px;
     border-top: 6px solid #d0d8e8;
     border-right: 10px solid transparent;
     border-left: 10px solid transparent;
     margin-top: 3px;
 }
 .joint-halo.joint-theme-material.toolbar .handle:hover:after {
     border-bottom: 3px solid #717d98;
     left: -1px;
 }
 .joint-halo.joint-theme-material.toolbar .handle {
     display: inline-block;
     vertical-align: top;
 }
 .joint-halo.joint-theme-material.toolbar .handle + .handle {
     margin-left: 4px;
 }
 .joint-halo.joint-theme-material.toolbar .handle.rotate {
     position: absolute;
     right: 100%;
     top: 100%;
     margin-right: 6px;
     margin-top: 3px;
 }
 .joint-halo.joint-theme-material.toolbar .handle.remove:hover:after,
 .joint-halo.joint-theme-material.toolbar .handle.rotate:hover:after {
     border-bottom: none;
 }

 /* Toolbar for element */
 .joint-halo.joint-theme-material.toolbar.type-element .handle.remove {
     position: absolute;
     right: 100%;
     bottom: 100%;
     margin-right: 6px;
     margin-bottom: 3px;
 }
 /* Toolbar for element */

 /* Toolbar for link */
 .joint-halo.joint-theme-material.toolbar.type-link .handles {
     margin-left: -18px;
 }

 .joint-halo.joint-theme-material.toolbar.type-link .handles:after {
     left:-9px;
 }
 .joint-halo.joint-theme-material.toolbar.type-link .handles {
     margin-top: -60px;
 }
 .joint-halo.joint-theme-material.toolbar.type-link .handles:after {
     top: -22px;
 }

 /* Toolbar for link */

 /*  Toolbar  */

 .joint-halo.joint-theme-modern .handle {
     background-color: transparent;
     background-position: 0 0;
     background-repeat: no-repeat;
     background-size: 20px 20px;
 }

 .joint-halo.joint-theme-modern .handle.resize {
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20height%3D%2224px%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%2F%3E%3Cdesc%2F%3E%3Cdefs%2F%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20id%3D%22miu%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%3E%3Cg%20id%3D%22Artboard-1%22%20transform%3D%22translate%28-251.000000%2C%20-443.000000%29%22%3E%3Cg%20id%3D%22slice%22%20transform%3D%22translate%28215.000000%2C%20119.000000%29%22%2F%3E%3Cpath%20d%3D%22M252%2C448%20L256%2C448%20L256%2C444%20L252%2C444%20L252%2C448%20Z%20M257%2C448%20L269%2C448%20L269%2C446%20L257%2C446%20L257%2C448%20Z%20M257%2C464%20L269%2C464%20L269%2C462%20L257%2C462%20L257%2C464%20Z%20M270%2C444%20L270%2C448%20L274%2C448%20L274%2C444%20L270%2C444%20Z%20M252%2C462%20L252%2C466%20L256%2C466%20L256%2C462%20L252%2C462%20Z%20M270%2C462%20L270%2C466%20L274%2C466%20L274%2C462%20L270%2C462%20Z%20M254%2C461%20L256%2C461%20L256%2C449%20L254%2C449%20L254%2C461%20Z%20M270%2C461%20L272%2C461%20L272%2C449%20L270%2C449%20L270%2C461%20Z%22%20fill%3D%22%236A6C8A%22%20id%3D%22editor-crop-glyph%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.joint-halo.joint-theme-modern .handle.resize:hover {
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20height%3D%2224px%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%2F%3E%3Cdesc%2F%3E%3Cdefs%2F%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20id%3D%22miu%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%3E%3Cg%20id%3D%22Artboard-1%22%20transform%3D%22translate%28-251.000000%2C%20-443.000000%29%22%3E%3Cg%20id%3D%22slice%22%20transform%3D%22translate%28215.000000%2C%20119.000000%29%22%2F%3E%3Cpath%20d%3D%22M252%2C448%20L256%2C448%20L256%2C444%20L252%2C444%20L252%2C448%20Z%20M257%2C448%20L269%2C448%20L269%2C446%20L257%2C446%20L257%2C448%20Z%20M257%2C464%20L269%2C464%20L269%2C462%20L257%2C462%20L257%2C464%20Z%20M270%2C444%20L270%2C448%20L274%2C448%20L274%2C444%20L270%2C444%20Z%20M252%2C462%20L252%2C466%20L256%2C466%20L256%2C462%20L252%2C462%20Z%20M270%2C462%20L270%2C466%20L274%2C466%20L274%2C462%20L270%2C462%20Z%20M254%2C461%20L256%2C461%20L256%2C449%20L254%2C449%20L254%2C461%20Z%20M270%2C461%20L272%2C461%20L272%2C449%20L270%2C449%20L270%2C461%20Z%22%20fill%3D%22%23FD6EB6%22%20id%3D%22editor-crop-glyph%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

 .joint-halo.joint-theme-modern .handle.remove {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M15.386%2C3.365c-3.315-3.314-8.707-3.313-12.021%2C0c-3.314%2C3.315-3.314%2C8.706%2C0%2C12.02%20c3.314%2C3.314%2C8.707%2C3.314%2C12.021%2C0S18.699%2C6.68%2C15.386%2C3.365L15.386%2C3.365z%20M4.152%2C14.598C1.273%2C11.719%2C1.273%2C7.035%2C4.153%2C4.154%20c2.88-2.88%2C7.563-2.88%2C10.443%2C0c2.881%2C2.88%2C2.881%2C7.562%2C0%2C10.443C11.716%2C17.477%2C7.032%2C17.477%2C4.152%2C14.598L4.152%2C14.598z%22%2F%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M12.157%2C11.371L7.38%2C6.593C7.162%2C6.375%2C6.809%2C6.375%2C6.592%2C6.592c-0.218%2C0.219-0.218%2C0.572%2C0%2C0.79%20l4.776%2C4.776c0.218%2C0.219%2C0.571%2C0.219%2C0.79%2C0C12.375%2C11.941%2C12.375%2C11.588%2C12.157%2C11.371L12.157%2C11.371z%22%2F%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M11.369%2C6.593l-4.777%2C4.778c-0.217%2C0.217-0.217%2C0.568%2C0%2C0.787c0.219%2C0.219%2C0.571%2C0.217%2C0.788%2C0l4.777-4.777%20c0.218-0.218%2C0.218-0.571%2C0.001-0.789C11.939%2C6.375%2C11.587%2C6.375%2C11.369%2C6.593L11.369%2C6.593z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .handle.remove:hover {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M15.386%2C3.365c-3.315-3.314-8.707-3.313-12.021%2C0c-3.314%2C3.315-3.314%2C8.706%2C0%2C12.02%20c3.314%2C3.314%2C8.707%2C3.314%2C12.021%2C0S18.699%2C6.68%2C15.386%2C3.365L15.386%2C3.365z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M12.157%2C11.371L7.38%2C6.593C7.162%2C6.375%2C6.809%2C6.375%2C6.592%2C6.592c-0.218%2C0.219-0.218%2C0.572%2C0%2C0.79%20l4.776%2C4.776c0.218%2C0.219%2C0.571%2C0.219%2C0.79%2C0C12.375%2C11.941%2C12.375%2C11.588%2C12.157%2C11.371L12.157%2C11.371z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.369%2C6.593l-4.777%2C4.778c-0.217%2C0.217-0.217%2C0.568%2C0%2C0.787c0.219%2C0.219%2C0.571%2C0.217%2C0.788%2C0l4.777-4.777%20c0.218-0.218%2C0.218-0.571%2C0.001-0.789C11.939%2C6.375%2C11.587%2C6.375%2C11.369%2C6.593L11.369%2C6.593z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .handle.clone {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M12.852%2C0.875h-9.27c-0.853%2C0-1.547%2C0.694-1.547%2C1.547v10.816h1.547V2.422h9.27V0.875z%20M15.172%2C3.965h-8.5%20c-0.849%2C0-1.547%2C0.698-1.547%2C1.547v10.816c0%2C0.849%2C0.698%2C1.547%2C1.547%2C1.547h8.5c0.85%2C0%2C1.543-0.698%2C1.543-1.547V5.512%20C16.715%2C4.663%2C16.021%2C3.965%2C15.172%2C3.965L15.172%2C3.965z%20M15.172%2C16.328h-8.5V5.512h8.5V16.328z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .handle.clone:hover {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23FD6EB6%22%20d%3D%22M12.852%2C0.875h-9.27c-0.853%2C0-1.547%2C0.694-1.547%2C1.547v10.816h1.547V2.422h9.27V0.875z%20M15.172%2C3.965h-8.5%20c-0.849%2C0-1.547%2C0.698-1.547%2C1.547v10.816c0%2C0.849%2C0.698%2C1.547%2C1.547%2C1.547h8.5c0.849%2C0%2C1.543-0.698%2C1.543-1.547V5.512%20C16.715%2C4.663%2C16.021%2C3.965%2C15.172%2C3.965L15.172%2C3.965z%20M15.172%2C16.328h-8.5V5.512h8.5V16.328z%20M15.172%2C16.328%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .handle.link {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M9.884%2C9.838c0.54-0.551%2C1.005-0.955%2C1.384-1.201c0.463-0.308%2C0.749-0.352%2C0.887-0.352h1.34v1.367%20c0%2C0.104%2C0.061%2C0.2%2C0.154%2C0.242s0.204%2C0.027%2C0.284-0.038l3.168-2.669c0.06-0.051%2C0.096-0.125%2C0.096-0.203S17.16%2C6.83%2C17.101%2C6.781%20l-3.168-2.677c-0.08-0.067-0.19-0.081-0.284-0.038c-0.094%2C0.045-0.154%2C0.139-0.154%2C0.242v1.414h-1.343%20c-1.24%2C0.014-2.215%2C0.67-2.927%2C1.242c-0.797%2C0.65-1.533%2C1.447-2.245%2C2.217c-0.361%2C0.391-0.7%2C0.759-1.044%2C1.1%20c-0.541%2C0.549-1.011%2C0.951-1.395%2C1.199c-0.354%2C0.231-0.678%2C0.357-0.921%2C0.357h-1.8c-0.146%2C0-0.266%2C0.12-0.266%2C0.265v2.029%20c0%2C0.148%2C0.12%2C0.268%2C0.266%2C0.268h1.8l0%2C0c1.255-0.014%2C2.239-0.667%2C2.958-1.24c0.82-0.661%2C1.572-1.475%2C2.297-2.256%20C9.225%2C10.524%2C9.555%2C10.169%2C9.884%2C9.838z%22%2F%3E%3C%2Fsvg%3E%20');
 }
 .joint-halo.joint-theme-modern .handle.link:hover {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FD6EB6%22%20d%3D%22M9.884%2C9.838c0.54-0.551%2C1.005-0.955%2C1.384-1.201c0.463-0.308%2C0.749-0.352%2C0.887-0.352h1.34v1.367%20c0%2C0.104%2C0.061%2C0.2%2C0.154%2C0.242s0.204%2C0.027%2C0.284-0.038l3.168-2.669c0.06-0.051%2C0.096-0.125%2C0.096-0.203S17.16%2C6.83%2C17.101%2C6.781%20l-3.168-2.677c-0.08-0.067-0.19-0.081-0.284-0.038c-0.094%2C0.045-0.154%2C0.139-0.154%2C0.242v1.414h-1.343%20c-1.24%2C0.014-2.215%2C0.67-2.927%2C1.242c-0.797%2C0.65-1.533%2C1.447-2.245%2C2.217c-0.361%2C0.391-0.7%2C0.759-1.044%2C1.1%20c-0.541%2C0.549-1.011%2C0.951-1.395%2C1.199c-0.354%2C0.231-0.678%2C0.357-0.921%2C0.357h-1.8c-0.146%2C0-0.266%2C0.12-0.266%2C0.265v2.029%20c0%2C0.148%2C0.12%2C0.268%2C0.266%2C0.268h1.8l0%2C0c1.255-0.014%2C2.239-0.667%2C2.958-1.24c0.82-0.661%2C1.572-1.475%2C2.297-2.256%20C9.225%2C10.524%2C9.555%2C10.169%2C9.884%2C9.838z%22%2F%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .handle.fork {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%236A6C8A%22%20d%3D%22M13.307%2C11.593c-0.69%2C0-1.299%2C0.33-1.693%2C0.835l-4.136-2.387%20C7.552%2C9.82%2C7.602%2C9.589%2C7.602%2C9.344c0-0.25-0.051-0.487-0.129-0.71l4.097-2.364c0.393%2C0.536%2C1.022%2C0.888%2C1.737%2C0.888%20c1.193%2C0%2C2.16-0.967%2C2.16-2.159s-0.967-2.159-2.16-2.159c-1.191%2C0-2.158%2C0.967-2.158%2C2.159c0%2C0.076%2C0.014%2C0.149%2C0.021%2C0.223%20L6.848%2C7.716C6.469%2C7.39%2C5.982%2C7.185%2C5.442%2C7.185c-1.191%2C0-2.158%2C0.967-2.158%2C2.159s0.967%2C2.159%2C2.158%2C2.159%20c0.545%2C0%2C1.037-0.208%2C1.417-0.541l4.319%2C2.493c-0.014%2C0.098-0.029%2C0.194-0.029%2C0.296c0%2C1.193%2C0.967%2C2.159%2C2.158%2C2.159%20c1.193%2C0%2C2.16-0.966%2C2.16-2.159C15.467%2C12.559%2C14.5%2C11.593%2C13.307%2C11.593z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .handle.fork:hover {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FD6EB6%22%20d%3D%22M13.307%2C11.593c-0.69%2C0-1.299%2C0.33-1.693%2C0.835l-4.136-2.387%20c0.075-0.22%2C0.125-0.452%2C0.125-0.697c0-0.25-0.051-0.487-0.129-0.71l4.097-2.365c0.394%2C0.536%2C1.022%2C0.888%2C1.737%2C0.888%20c1.193%2C0%2C2.16-0.967%2C2.16-2.159s-0.967-2.159-2.16-2.159c-1.191%2C0-2.158%2C0.967-2.158%2C2.159c0%2C0.076%2C0.015%2C0.148%2C0.022%2C0.223%20L6.848%2C7.716C6.469%2C7.39%2C5.981%2C7.185%2C5.442%2C7.185c-1.191%2C0-2.158%2C0.967-2.158%2C2.159s0.967%2C2.159%2C2.158%2C2.159%20c0.545%2C0%2C1.037-0.208%2C1.417-0.541l4.319%2C2.493c-0.013%2C0.098-0.029%2C0.194-0.029%2C0.296c0%2C1.193%2C0.967%2C2.159%2C2.158%2C2.159%20c1.193%2C0%2C2.16-0.966%2C2.16-2.159C15.467%2C12.559%2C14.5%2C11.593%2C13.307%2C11.593z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .handle.unlink {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M12.285%2C9.711l-2.104-0.302L9.243%2C8.568L6.669%2C7.095C6.948%2C6.6%2C6.995%2C6.026%2C6.845%2C5.474%20c-0.191-0.698-0.695-1.36-1.438-1.786C4.068%2C2.922%2C2.464%2C3.214%2C1.82%2C4.338C1.536%2C4.836%2C1.489%2C5.414%2C1.64%2C5.97%20c0.189%2C0.698%2C0.694%2C1.36%2C1.438%2C1.787c0.328%2C0.187%2C0.67%2C0.31%2C1.01%2C0.372c0.002%2C0%2C0.006%2C0.002%2C0.008%2C0.004%20c0.027%2C0.004%2C0.057%2C0.009%2C0.088%2C0.011c2.12%2C0.316%2C3.203%2C0.915%2C3.73%2C1.337c-0.527%2C0.424-1.61%2C1.021-3.731%2C1.339%20c-0.029%2C0.003-0.058%2C0.007-0.087%2C0.012c-0.002%2C0.002-0.004%2C0.002-0.007%2C0.003c-0.341%2C0.062-0.684%2C0.187-1.013%2C0.374%20c-0.74%2C0.425-1.246%2C1.089-1.437%2C1.787c-0.149%2C0.555-0.105%2C1.133%2C0.181%2C1.632c0.011%2C0.018%2C0.021%2C0.033%2C0.033%2C0.049l0.883%2C0.783%20c0.765%2C0.366%2C1.775%2C0.328%2C2.67-0.184c0.744-0.425%2C1.248-1.088%2C1.439-1.786c0.148-0.552%2C0.104-1.126-0.176-1.62l2.573-1.473%20c0.573%2C0.287%2C2.299%2C1.292%2C2.299%2C1.292s3.602%2C1.445%2C4.241%2C1.812c0.773%2C0.191%2C0.566-0.151%2C0.566-0.151L12.285%2C9.711z%20M5.571%2C6.482%20C5.279%2C6.993%2C4.425%2C7.076%2C3.705%2C6.664C3.282%2C6.424%2C2.966%2C6.039%2C2.856%2C5.64C2.81%2C5.464%2C2.778%2C5.203%2C2.917%2C4.963%20c0.291-0.51%2C1.146-0.593%2C1.866-0.182C5.21%2C5.027%2C5.521%2C5.4%2C5.632%2C5.807C5.679%2C5.98%2C5.708%2C6.242%2C5.571%2C6.482z%20M5.632%2C13.159%20c-0.111%2C0.406-0.422%2C0.778-0.848%2C1.025c-0.719%2C0.409-1.576%2C0.327-1.867-0.184c-0.137-0.239-0.106-0.499-0.06-0.676%20c0.108-0.398%2C0.426-0.781%2C0.847-1.022c0.72-0.412%2C1.574-0.329%2C1.866%2C0.181C5.708%2C12.723%2C5.679%2C12.983%2C5.632%2C13.159z%20M16.181%2C5.139%20c-0.448%2C0.258-4.435%2C1.9-4.435%2C1.9s-1.556%2C0.855-2.104%2C1.13l0.937%2C0.843l2.057-0.229l4.11-3.638%20C16.745%2C5.146%2C17.013%2C4.664%2C16.181%2C5.139z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .handle.unlink:hover {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23FD6EB6%22%20d%3D%22M12.285%2C9.711l-2.104-0.302L9.243%2C8.568L6.669%2C7.095C6.948%2C6.6%2C6.995%2C6.026%2C6.845%2C5.474%20c-0.191-0.698-0.695-1.36-1.438-1.786C4.068%2C2.922%2C2.464%2C3.214%2C1.82%2C4.338C1.536%2C4.836%2C1.489%2C5.414%2C1.64%2C5.97%20c0.189%2C0.698%2C0.694%2C1.36%2C1.438%2C1.787c0.328%2C0.187%2C0.67%2C0.31%2C1.01%2C0.372c0.002%2C0%2C0.006%2C0.002%2C0.008%2C0.004%20c0.027%2C0.004%2C0.057%2C0.009%2C0.088%2C0.011c2.12%2C0.316%2C3.203%2C0.915%2C3.73%2C1.337c-0.527%2C0.424-1.61%2C1.021-3.731%2C1.339%20c-0.029%2C0.003-0.058%2C0.007-0.087%2C0.012c-0.002%2C0.002-0.004%2C0.002-0.007%2C0.003c-0.341%2C0.062-0.684%2C0.187-1.013%2C0.374%20c-0.74%2C0.425-1.246%2C1.089-1.437%2C1.787c-0.149%2C0.555-0.105%2C1.133%2C0.181%2C1.632c0.011%2C0.018%2C0.021%2C0.033%2C0.033%2C0.049l0.883%2C0.783%20c0.765%2C0.366%2C1.775%2C0.328%2C2.67-0.184c0.744-0.425%2C1.248-1.088%2C1.439-1.786c0.148-0.552%2C0.104-1.126-0.176-1.62l2.573-1.473%20c0.573%2C0.287%2C2.299%2C1.292%2C2.299%2C1.292s3.602%2C1.445%2C4.241%2C1.812c0.773%2C0.191%2C0.566-0.151%2C0.566-0.151L12.285%2C9.711z%20M5.571%2C6.482%20C5.279%2C6.993%2C4.425%2C7.076%2C3.705%2C6.664C3.282%2C6.424%2C2.966%2C6.039%2C2.856%2C5.64C2.81%2C5.464%2C2.778%2C5.203%2C2.917%2C4.963%20c0.291-0.51%2C1.146-0.593%2C1.866-0.182C5.21%2C5.027%2C5.521%2C5.4%2C5.632%2C5.807C5.679%2C5.98%2C5.708%2C6.242%2C5.571%2C6.482z%20M5.632%2C13.159%20c-0.111%2C0.406-0.422%2C0.778-0.848%2C1.025c-0.719%2C0.409-1.576%2C0.327-1.867-0.184c-0.137-0.239-0.106-0.499-0.06-0.676%20c0.108-0.398%2C0.426-0.781%2C0.847-1.022c0.72-0.412%2C1.574-0.329%2C1.866%2C0.181C5.708%2C12.723%2C5.679%2C12.983%2C5.632%2C13.159z%20M16.181%2C5.139%20c-0.448%2C0.258-4.435%2C1.9-4.435%2C1.9s-1.556%2C0.855-2.104%2C1.13l0.937%2C0.843l2.057-0.229l4.11-3.638%20C16.745%2C5.146%2C17.013%2C4.664%2C16.181%2C5.139z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .handle.direction {
     background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3C!DOCTYPE%20svg%20%20PUBLIC%20'-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN'%20%20'http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd'%3E%3Csvg%20id%3D%22Layer_1%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%236A6C8A%3Bstroke%3A%236A6C8A%3Bstroke-width%3A30%7D%0A%09.dot%7Bfill%3A%236A6C8A%3B%7D%0A%3C%2Fstyle%3E%3Cg%3E%3Cg%20id%3D%22XMLID_475_%22%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M133.1%2C277.1c1.8%2C0%2C3.7-0.6%2C5.4-1.7c4.1-3%2C5-8.7%2C2-12.8c-3-4.1-8.7-5-12.8-2c0%2C0%2C0%2C0%2C0%2C0%20%20%20%20%20c-4.1%2C3-5%2C8.7-2%2C12.8C127.5%2C275.8%2C130.3%2C277.1%2C133.1%2C277.1z%22%20id%3D%22XMLID_489_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M138.5%2C359.6c-4.1-3-9.8-2.1-12.8%2C2c-3%2C4.1-2.1%2C9.8%2C2%2C12.8c1.6%2C1.2%2C3.5%2C1.7%2C5.4%2C1.7%20%20%20%20%20c2.8%2C0%2C5.6-1.3%2C7.4-3.7C143.5%2C368.3%2C142.6%2C362.6%2C138.5%2C359.6z%22%20id%3D%22XMLID_726_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M108.1%2C327.7c-4.8%2C1.6-7.4%2C6.7-5.9%2C11.5c1.3%2C3.9%2C4.8%2C6.3%2C8.7%2C6.3c0.9%2C0%2C1.9-0.1%2C2.8-0.4%20%20%20%20%20c4.8-1.6%2C7.4-6.7%2C5.9-11.5C118%2C328.8%2C112.9%2C326.2%2C108.1%2C327.7z%22%20id%3D%22XMLID_776_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M108.1%2C307.3c0.9%2C0.3%2C1.9%2C0.4%2C2.8%2C0.4c3.8%2C0%2C7.4-2.4%2C8.7-6.3c1.6-4.8-1.1-9.9-5.9-11.5%20%20%20%20%20c-4.8-1.6-9.9%2C1.1-11.5%2C5.9C100.7%2C300.6%2C103.3%2C305.7%2C108.1%2C307.3z%22%20id%3D%22XMLID_777_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M169.2%2C265.4c2.4%2C0%2C4.7-1%2C6.5-2.6c1.7-1.7%2C2.7-4.1%2C2.7-6.5c0-2.4-1-4.8-2.7-6.5%20%20%20%20%20c-1.7-1.7-4.1-2.7-6.5-2.7s-4.7%2C1-6.5%2C2.7c-1.7%2C1.7-2.7%2C4-2.7%2C6.5c0%2C2.4%2C1%2C4.7%2C2.7%2C6.5C164.4%2C264.4%2C166.8%2C265.4%2C169.2%2C265.4z%22%20id%3D%22XMLID_797_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M247.7%2C256.3c0-5-4.1-9.1-9.1-9.1c-5%2C0-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20C243.7%2C265.4%2C247.7%2C261.3%2C247.7%2C256.3z%22%20id%3D%22XMLID_798_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M213%2C256.3c0-5-4.1-9.1-9.1-9.1c-5%2C0-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20C208.9%2C265.4%2C213%2C261.3%2C213%2C256.3z%22%20id%3D%22XMLID_799_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M317.2%2C256.3c0-5-4.1-9.1-9.1-9.1c-5%2C0-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20C313.1%2C265.4%2C317.2%2C261.3%2C317.2%2C256.3z%22%20id%3D%22XMLID_800_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M282.5%2C256.3c0-5-4.1-9.1-9.1-9.1s-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20S282.5%2C261.3%2C282.5%2C256.3z%22%20id%3D%22XMLID_801_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M401.1%2C185.2c0.9%2C0%2C1.9-0.1%2C2.8-0.5c4.8-1.6%2C7.4-6.7%2C5.9-11.5c-1.6-4.8-6.7-7.4-11.5-5.8%20%20%20%20%20c-4.8%2C1.6-7.4%2C6.7-5.8%2C11.5C393.6%2C182.8%2C397.2%2C185.2%2C401.1%2C185.2z%22%20id%3D%22XMLID_802_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M403.9%2C205.2c-4.8-1.6-9.9%2C1-11.5%2C5.9l0%2C0c-1.6%2C4.8%2C1.1%2C9.9%2C5.9%2C11.5%20%20%20%20%20c0.9%2C0.3%2C1.9%2C0.5%2C2.8%2C0.5c3.9%2C0%2C7.4-2.5%2C8.7-6.3c0%2C0%2C0%2C0%2C0%2C0C411.3%2C211.9%2C408.7%2C206.8%2C403.9%2C205.2z%22%20id%3D%22XMLID_803_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M373.5%2C237.2L373.5%2C237.2c-4.1%2C3-5%2C8.7-2%2C12.8c1.8%2C2.4%2C4.6%2C3.7%2C7.4%2C3.7%20%20%20%20%20c1.8%2C0%2C3.7-0.6%2C5.4-1.8c4.1-3%2C4.9-8.7%2C2-12.8C383.3%2C235.1%2C377.6%2C234.2%2C373.5%2C237.2z%22%20id%3D%22XMLID_804_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M373.5%2C152.9c1.6%2C1.2%2C3.5%2C1.8%2C5.4%2C1.8c2.8%2C0%2C5.6-1.3%2C7.4-3.8c3-4.1%2C2.1-9.8-2-12.7%20%20%20%20%20c-4.1-3-9.8-2.1-12.7%2C2C368.5%2C144.2%2C369.4%2C149.9%2C373.5%2C152.9z%22%20id%3D%22XMLID_805_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M342.8%2C247.1c-2.4%2C0-4.8%2C1-6.5%2C2.7c-1.7%2C1.7-2.7%2C4-2.7%2C6.5c0%2C2.4%2C1%2C4.7%2C2.7%2C6.4%20%20%20%20%20c1.7%2C1.7%2C4%2C2.7%2C6.5%2C2.7c2.4%2C0%2C4.7-1%2C6.5-2.7c1.7-1.7%2C2.7-4%2C2.7-6.4c0-2.4-1-4.8-2.7-6.5C347.6%2C248.1%2C345.2%2C247.1%2C342.8%2C247.1z%22%20id%3D%22XMLID_806_%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M342.8%2C124.7H206.6l36.4-36.4c3.6-3.6%2C3.6-9.3%2C0-12.9c-3.6-3.6-9.3-3.6-12.9%2C0l-51.5%2C51.5%20%20%20%20%20c-1.9%2C1.9-2.8%2C4.4-2.7%2C6.9c-0.1%2C2.5%2C0.7%2C5%2C2.7%2C6.9l51.5%2C51.5c1.8%2C1.8%2C4.1%2C2.7%2C6.5%2C2.7c2.3%2C0%2C4.7-0.9%2C6.5-2.7%20%20%20%20%20c3.6-3.6%2C3.6-9.3%2C0-12.9l-36.4-36.4h136.1c0%2C0%2C0.1%2C0%2C0.1%2C0c0.6%2C0%2C1.2-0.1%2C1.8-0.2c0.2%2C0%2C0.4-0.1%2C0.6-0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1%20%20%20%20%20c3.2-1%2C5.6-3.6%2C6.3-6.9c0.1-0.6%2C0.2-1.2%2C0.2-1.8c0-0.6-0.1-1.2-0.2-1.8C351%2C127.8%2C347.3%2C124.7%2C342.8%2C124.7z%22%20id%3D%22XMLID_807_%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M322.1%2C371.3l-51.5-51.5c-3.6-3.6-9.3-3.6-12.9%2C0c-3.6%2C3.6-3.6%2C9.3%2C0%2C12.9l36.9%2C36.9H169.2%20%20%20%20%20c-2.8%2C0-5.4%2C1.3-7%2C3.3c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.4c-0.1%2C0.1-0.2%2C0.2-0.2%2C0.3c-0.1%2C0.1-0.1%2C0.2-0.2%2C0.4c-0.1%2C0.1-0.2%2C0.3-0.2%2C0.4%20%20%20%20%20c0%2C0.1-0.1%2C0.2-0.1%2C0.2c-0.1%2C0.2-0.2%2C0.4-0.3%2C0.6c0%2C0%2C0%2C0%2C0%2C0.1c-0.4%2C1.1-0.7%2C2.2-0.7%2C3.4c0%2C1.5%2C0.4%2C2.9%2C1%2C4.2c0%2C0%2C0%2C0.1%2C0.1%2C0.1%20%20%20%20%20c0.1%2C0.1%2C0.1%2C0.2%2C0.2%2C0.3c0.4%2C0.7%2C0.9%2C1.3%2C1.4%2C1.8c0.4%2C0.4%2C0.7%2C0.7%2C1.2%2C1c0.1%2C0.1%2C0.1%2C0.1%2C0.2%2C0.2c0%2C0%2C0.1%2C0%2C0.1%2C0.1%20%20%20%20%20c1.4%2C0.9%2C3.1%2C1.5%2C5%2C1.5h124.4l-36%2C36c-3.6%2C3.6-3.6%2C9.3%2C0%2C12.9c1.8%2C1.8%2C4.1%2C2.7%2C6.5%2C2.7c2.3%2C0%2C4.7-0.9%2C6.5-2.7l51.5-51.5%20%20%20%20%20c1.9-1.9%2C2.8-4.4%2C2.7-6.9C324.8%2C375.7%2C324%2C373.2%2C322.1%2C371.3z%22%20id%3D%22XMLID_808_%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
 .joint-halo.joint-theme-modern .handle.direction:hover {
     background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3C!DOCTYPE%20svg%20%20PUBLIC%20'-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN'%20%20'http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd'%3E%3Csvg%20id%3D%22Layer_1%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FD6EB6%3Bstroke%3A%23FD6EB6%3Bstroke-width%3A30%7D%0A%09.dot%7Bfill%3A%23FD6EB6%3B%7D%0A%3C%2Fstyle%3E%3Cg%3E%3Cg%20id%3D%22XMLID_475_%22%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M133.1%2C277.1c1.8%2C0%2C3.7-0.6%2C5.4-1.7c4.1-3%2C5-8.7%2C2-12.8c-3-4.1-8.7-5-12.8-2c0%2C0%2C0%2C0%2C0%2C0%20%20%20%20%20c-4.1%2C3-5%2C8.7-2%2C12.8C127.5%2C275.8%2C130.3%2C277.1%2C133.1%2C277.1z%22%20id%3D%22XMLID_489_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M138.5%2C359.6c-4.1-3-9.8-2.1-12.8%2C2c-3%2C4.1-2.1%2C9.8%2C2%2C12.8c1.6%2C1.2%2C3.5%2C1.7%2C5.4%2C1.7%20%20%20%20%20c2.8%2C0%2C5.6-1.3%2C7.4-3.7C143.5%2C368.3%2C142.6%2C362.6%2C138.5%2C359.6z%22%20id%3D%22XMLID_726_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M108.1%2C327.7c-4.8%2C1.6-7.4%2C6.7-5.9%2C11.5c1.3%2C3.9%2C4.8%2C6.3%2C8.7%2C6.3c0.9%2C0%2C1.9-0.1%2C2.8-0.4%20%20%20%20%20c4.8-1.6%2C7.4-6.7%2C5.9-11.5C118%2C328.8%2C112.9%2C326.2%2C108.1%2C327.7z%22%20id%3D%22XMLID_776_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M108.1%2C307.3c0.9%2C0.3%2C1.9%2C0.4%2C2.8%2C0.4c3.8%2C0%2C7.4-2.4%2C8.7-6.3c1.6-4.8-1.1-9.9-5.9-11.5%20%20%20%20%20c-4.8-1.6-9.9%2C1.1-11.5%2C5.9C100.7%2C300.6%2C103.3%2C305.7%2C108.1%2C307.3z%22%20id%3D%22XMLID_777_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M169.2%2C265.4c2.4%2C0%2C4.7-1%2C6.5-2.6c1.7-1.7%2C2.7-4.1%2C2.7-6.5c0-2.4-1-4.8-2.7-6.5%20%20%20%20%20c-1.7-1.7-4.1-2.7-6.5-2.7s-4.7%2C1-6.5%2C2.7c-1.7%2C1.7-2.7%2C4-2.7%2C6.5c0%2C2.4%2C1%2C4.7%2C2.7%2C6.5C164.4%2C264.4%2C166.8%2C265.4%2C169.2%2C265.4z%22%20id%3D%22XMLID_797_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M247.7%2C256.3c0-5-4.1-9.1-9.1-9.1c-5%2C0-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20C243.7%2C265.4%2C247.7%2C261.3%2C247.7%2C256.3z%22%20id%3D%22XMLID_798_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M213%2C256.3c0-5-4.1-9.1-9.1-9.1c-5%2C0-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20C208.9%2C265.4%2C213%2C261.3%2C213%2C256.3z%22%20id%3D%22XMLID_799_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M317.2%2C256.3c0-5-4.1-9.1-9.1-9.1c-5%2C0-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20C313.1%2C265.4%2C317.2%2C261.3%2C317.2%2C256.3z%22%20id%3D%22XMLID_800_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M282.5%2C256.3c0-5-4.1-9.1-9.1-9.1s-9.1%2C4.1-9.1%2C9.1c0%2C5%2C4.1%2C9.1%2C9.1%2C9.1%20%20%20%20%20S282.5%2C261.3%2C282.5%2C256.3z%22%20id%3D%22XMLID_801_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M401.1%2C185.2c0.9%2C0%2C1.9-0.1%2C2.8-0.5c4.8-1.6%2C7.4-6.7%2C5.9-11.5c-1.6-4.8-6.7-7.4-11.5-5.8%20%20%20%20%20c-4.8%2C1.6-7.4%2C6.7-5.8%2C11.5C393.6%2C182.8%2C397.2%2C185.2%2C401.1%2C185.2z%22%20id%3D%22XMLID_802_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M403.9%2C205.2c-4.8-1.6-9.9%2C1-11.5%2C5.9l0%2C0c-1.6%2C4.8%2C1.1%2C9.9%2C5.9%2C11.5%20%20%20%20%20c0.9%2C0.3%2C1.9%2C0.5%2C2.8%2C0.5c3.9%2C0%2C7.4-2.5%2C8.7-6.3c0%2C0%2C0%2C0%2C0%2C0C411.3%2C211.9%2C408.7%2C206.8%2C403.9%2C205.2z%22%20id%3D%22XMLID_803_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M373.5%2C237.2L373.5%2C237.2c-4.1%2C3-5%2C8.7-2%2C12.8c1.8%2C2.4%2C4.6%2C3.7%2C7.4%2C3.7%20%20%20%20%20c1.8%2C0%2C3.7-0.6%2C5.4-1.8c4.1-3%2C4.9-8.7%2C2-12.8C383.3%2C235.1%2C377.6%2C234.2%2C373.5%2C237.2z%22%20id%3D%22XMLID_804_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M373.5%2C152.9c1.6%2C1.2%2C3.5%2C1.8%2C5.4%2C1.8c2.8%2C0%2C5.6-1.3%2C7.4-3.8c3-4.1%2C2.1-9.8-2-12.7%20%20%20%20%20c-4.1-3-9.8-2.1-12.7%2C2C368.5%2C144.2%2C369.4%2C149.9%2C373.5%2C152.9z%22%20id%3D%22XMLID_805_%22%2F%3E%0A%3Cpath%20class%3D%22dot%22%20d%3D%22M342.8%2C247.1c-2.4%2C0-4.8%2C1-6.5%2C2.7c-1.7%2C1.7-2.7%2C4-2.7%2C6.5c0%2C2.4%2C1%2C4.7%2C2.7%2C6.4%20%20%20%20%20c1.7%2C1.7%2C4%2C2.7%2C6.5%2C2.7c2.4%2C0%2C4.7-1%2C6.5-2.7c1.7-1.7%2C2.7-4%2C2.7-6.4c0-2.4-1-4.8-2.7-6.5C347.6%2C248.1%2C345.2%2C247.1%2C342.8%2C247.1z%22%20id%3D%22XMLID_806_%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M342.8%2C124.7H206.6l36.4-36.4c3.6-3.6%2C3.6-9.3%2C0-12.9c-3.6-3.6-9.3-3.6-12.9%2C0l-51.5%2C51.5%20%20%20%20%20c-1.9%2C1.9-2.8%2C4.4-2.7%2C6.9c-0.1%2C2.5%2C0.7%2C5%2C2.7%2C6.9l51.5%2C51.5c1.8%2C1.8%2C4.1%2C2.7%2C6.5%2C2.7c2.3%2C0%2C4.7-0.9%2C6.5-2.7%20%20%20%20%20c3.6-3.6%2C3.6-9.3%2C0-12.9l-36.4-36.4h136.1c0%2C0%2C0.1%2C0%2C0.1%2C0c0.6%2C0%2C1.2-0.1%2C1.8-0.2c0.2%2C0%2C0.4-0.1%2C0.6-0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1%20%20%20%20%20c3.2-1%2C5.6-3.6%2C6.3-6.9c0.1-0.6%2C0.2-1.2%2C0.2-1.8c0-0.6-0.1-1.2-0.2-1.8C351%2C127.8%2C347.3%2C124.7%2C342.8%2C124.7z%22%20id%3D%22XMLID_807_%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M322.1%2C371.3l-51.5-51.5c-3.6-3.6-9.3-3.6-12.9%2C0c-3.6%2C3.6-3.6%2C9.3%2C0%2C12.9l36.9%2C36.9H169.2%20%20%20%20%20c-2.8%2C0-5.4%2C1.3-7%2C3.3c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.4c-0.1%2C0.1-0.2%2C0.2-0.2%2C0.3c-0.1%2C0.1-0.1%2C0.2-0.2%2C0.4c-0.1%2C0.1-0.2%2C0.3-0.2%2C0.4%20%20%20%20%20c0%2C0.1-0.1%2C0.2-0.1%2C0.2c-0.1%2C0.2-0.2%2C0.4-0.3%2C0.6c0%2C0%2C0%2C0%2C0%2C0.1c-0.4%2C1.1-0.7%2C2.2-0.7%2C3.4c0%2C1.5%2C0.4%2C2.9%2C1%2C4.2c0%2C0%2C0%2C0.1%2C0.1%2C0.1%20%20%20%20%20c0.1%2C0.1%2C0.1%2C0.2%2C0.2%2C0.3c0.4%2C0.7%2C0.9%2C1.3%2C1.4%2C1.8c0.4%2C0.4%2C0.7%2C0.7%2C1.2%2C1c0.1%2C0.1%2C0.1%2C0.1%2C0.2%2C0.2c0%2C0%2C0.1%2C0%2C0.1%2C0.1%20%20%20%20%20c1.4%2C0.9%2C3.1%2C1.5%2C5%2C1.5h124.4l-36%2C36c-3.6%2C3.6-3.6%2C9.3%2C0%2C12.9c1.8%2C1.8%2C4.1%2C2.7%2C6.5%2C2.7c2.3%2C0%2C4.7-0.9%2C6.5-2.7l51.5-51.5%20%20%20%20%20c1.9-1.9%2C2.8-4.4%2C2.7-6.9C324.8%2C375.7%2C324%2C373.2%2C322.1%2C371.3z%22%20id%3D%22XMLID_808_%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }

 .joint-halo.joint-theme-modern .handle.rotate {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M9.374%2C17.592c-4.176%2C0-7.57-3.401-7.57-7.575c0-4.175%2C3.395-7.574%2C7.57-7.574c0.28%2C0%2C0.56%2C0.018%2C0.837%2C0.05%20V1.268c0-0.158%2C0.099-0.3%2C0.239-0.36c0.151-0.058%2C0.315-0.026%2C0.428%2C0.086l2.683%2C2.688c0.152%2C0.154%2C0.152%2C0.399%2C0%2C0.553l-2.68%2C2.693%20c-0.115%2C0.112-0.279%2C0.147-0.431%2C0.087c-0.141-0.063-0.239-0.205-0.239-0.361V5.296C9.934%2C5.243%2C9.654%2C5.22%2C9.374%2C5.22%20c-2.646%2C0-4.796%2C2.152-4.796%2C4.797s2.154%2C4.798%2C4.796%2C4.798c2.645%2C0%2C4.798-2.153%2C4.798-4.798c0-0.214%2C0.174-0.391%2C0.391-0.391h1.991%20c0.217%2C0%2C0.394%2C0.177%2C0.394%2C0.391C16.947%2C14.19%2C13.549%2C17.592%2C9.374%2C17.592L9.374%2C17.592z%20M9.374%2C17.592%22%2F%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .handle.rotate:hover {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FD6EB6%22%20d%3D%22M9.374%2C17.592c-4.176%2C0-7.57-3.401-7.57-7.575c0-4.175%2C3.395-7.574%2C7.57-7.574c0.28%2C0%2C0.56%2C0.018%2C0.837%2C0.05%20V1.268c0-0.158%2C0.099-0.3%2C0.239-0.36c0.151-0.058%2C0.315-0.026%2C0.428%2C0.086l2.683%2C2.688c0.152%2C0.154%2C0.152%2C0.399%2C0%2C0.553l-2.68%2C2.693%20c-0.115%2C0.112-0.279%2C0.147-0.431%2C0.087c-0.141-0.063-0.239-0.205-0.239-0.361V5.296C9.934%2C5.243%2C9.654%2C5.22%2C9.374%2C5.22%20c-2.646%2C0-4.796%2C2.152-4.796%2C4.797s2.154%2C4.798%2C4.796%2C4.798c2.645%2C0%2C4.798-2.153%2C4.798-4.798c0-0.214%2C0.174-0.391%2C0.391-0.391h1.991%20c0.217%2C0%2C0.394%2C0.177%2C0.394%2C0.391C16.947%2C14.19%2C13.549%2C17.592%2C9.374%2C17.592L9.374%2C17.592z%20M9.374%2C17.592%22%2F%3E%3C%2Fsvg%3E%20');
 }

 .joint-halo.joint-theme-modern .box {
     color: #fff;
     background-color: #6a6b8a;
 }

     /*  Surrounding  */
     /*  Surrounding for link */
     .joint-halo.joint-theme-modern.surrounding.type-link .handle.remove {
         background-color: #fff;
         border-radius: 50%;
     }
     /*  Surrounding for link */
     /*  Surrounding  */
     /*  Pie  */
     .joint-halo.joint-theme-modern.pie .handles {
         background-color: #f6f6f6;
         border: 2px solid #3B425F;
     }
     .joint-halo.joint-theme-modern.pie .slice {
         stroke: #E2CEFF;
         stroke-width: 1;
         fill: transparent;
     }
     .joint-halo.joint-theme-modern.pie .slice:hover {
         fill: #fff;
     }
     .joint-halo.joint-theme-modern.pie .slice-img-icon {
         display: block;
     }
     .joint-halo.joint-theme-modern.pie .handle.selected .slice {
         fill: #fff;
     }
     .joint-halo.joint-theme-modern.pie .pie-toggle {
         background-color: #f6f6f6;
         background-size: 16px 16px;
         background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20height%3D%2216px%22%20id%3D%22Layer_1%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20fill%3D%22%236A6C8A%22%20d%3D%22M15%2C6h-5V1c0-0.55-0.45-1-1-1H7C6.45%2C0%2C6%2C0.45%2C6%2C1v5H1C0.45%2C6%2C0%2C6.45%2C0%2C7v2c0%2C0.55%2C0.45%2C1%2C1%2C1h5v5c0%2C0.55%2C0.45%2C1%2C1%2C1h2%20c0.55%2C0%2C1-0.45%2C1-1v-5h5c0.55%2C0%2C1-0.45%2C1-1V7C16%2C6.45%2C15.55%2C6%2C15%2C6z%22%2F%3E%3C%2Fsvg%3E');
         border: 2px solid #3B425F;
     }
     .joint-halo.joint-theme-modern.pie .pie-toggle:hover {
         background-color: #fff;
         background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20height%3D%2216px%22%20id%3D%22Layer_1%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20fill%3D%22%23FD6EB6%22%20d%3D%22M15%2C6h-5V1c0-0.55-0.45-1-1-1H7C6.45%2C0%2C6%2C0.45%2C6%2C1v5H1C0.45%2C6%2C0%2C6.45%2C0%2C7v2c0%2C0.55%2C0.45%2C1%2C1%2C1h5v5c0%2C0.55%2C0.45%2C1%2C1%2C1h2%20c0.55%2C0%2C1-0.45%2C1-1v-5h5c0.55%2C0%2C1-0.45%2C1-1V7C16%2C6.45%2C15.55%2C6%2C15%2C6z%22%2F%3E%3C%2Fsvg%3E');
         border-color: #FD6EB6;
     }
     .joint-halo.joint-theme-modern.pie .pie-toggle.open {
         background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20id%3D%22Layer_1%22%20xml%3Aspace%3D%22preserve%22%3E%3Cmetadata%20id%3D%22metadata9%22%3E%3Crdf%3ARDF%3E%3Ccc%3AWork%20rdf%3Aabout%3D%22%22%3E%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%3Cdc%3Atype%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%3C%2Fcc%3AWork%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%20id%3D%22defs7%22%20%2F%3E%3Cpath%20d%3D%22M%2015%2C6%2010%2C6%20C%201.0301983%2C6.00505%2015.002631%2C6.011353%206%2C6%20L%201%2C6%20C%200.45%2C6%200%2C6.45%200%2C7%20l%200%2C2%20c%200%2C0.55%200.45%2C1%201%2C1%20l%205%2C0%20c%208.988585%2C-0.019732%20-5.02893401%2C-0.018728%204%2C0%20l%205%2C0%20c%200.55%2C0%201%2C-0.45%201%2C-1%20L%2016%2C7%20C%2016%2C6.45%2015.55%2C6%2015%2C6%20z%22%20id%3D%22path3%22%20style%3D%22fill%3A%236a6c8a%22%20%2F%3E%3C%2Fsvg%3E');
     }
     .joint-halo.joint-theme-modern.pie .pie-toggle.open:hover {
         background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20id%3D%22Layer_1%22%20xml%3Aspace%3D%22preserve%22%3E%3Cmetadata%20id%3D%22metadata9%22%3E%3Crdf%3ARDF%3E%3Ccc%3AWork%20rdf%3Aabout%3D%22%22%3E%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%3Cdc%3Atype%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%3C%2Fcc%3AWork%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%20id%3D%22defs7%22%20%2F%3E%3Cpath%20d%3D%22M%2015%2C6%2010%2C6%20C%201.0301983%2C6.00505%2015.002631%2C6.011353%206%2C6%20L%201%2C6%20C%200.45%2C6%200%2C6.45%200%2C7%20l%200%2C2%20c%200%2C0.55%200.45%2C1%201%2C1%20l%205%2C0%20c%208.988585%2C-0.019732%20-5.02893401%2C-0.018728%204%2C0%20l%205%2C0%20c%200.55%2C0%201%2C-0.45%201%2C-1%20L%2016%2C7%20C%2016%2C6.45%2015.55%2C6%2015%2C6%20z%22%20id%3D%22path3%22%20style%3D%22fill%3A%23FD6EB6%22%20%2F%3E%3C%2Fsvg%3E');
     }
     /*  Pie  */


     /*  Toolbar  */
     .joint-halo.joint-theme-modern.toolbar .handles {
         position: static;
         display: inline-block;
         vertical-align: top;
         white-space: nowrap;
         background-color: #f7f7f7;
         border-bottom: 3px solid #3B425F;
         border-radius: 5px;
         box-shadow: 0 1px 2px #202132;
         margin-top: -50px;
         margin-left: 45px;
     }
     .joint-halo.joint-theme-modern.toolbar .handles:after {
         top: -12px;
         left: 55px;
         border-top: 6px solid #3B425F;
         border-right: 10px solid transparent;
         border-left: 10px solid transparent;
         margin-top: 0;
     }
     .joint-halo.joint-theme-modern.toolbar .handle:hover:after {
         border-bottom: 4px solid #FC6CB8;
     }
     .joint-halo.joint-theme-modern.toolbar .handle {
         display: inline-block;
         vertical-align: top;
     }
     .joint-halo.joint-theme-modern.toolbar .handle + .handle {
         margin-left: 4px;
     }
     .joint-halo.joint-theme-modern.toolbar .handle.rotate {
         position: absolute;
         right: 100%;
         top: 100%;
         margin-right: 6px;
         margin-top: 3px;
     }
     .joint-halo.joint-theme-modern.toolbar .handle.remove:hover:after,
     .joint-halo.joint-theme-modern.toolbar .handle.rotate:hover:after {
         border-bottom: none;
     }

     /* Toolbar for element */
     .joint-halo.joint-theme-modern.toolbar.type-element .handle.remove {
         position: absolute;
         right: 100%;
         bottom: 100%;
         margin-right: 6px;
         margin-bottom: 3px;
     }
     /* Toolbar for element */

     /* Toolbar for link */
     .joint-halo.joint-theme-modern.toolbar.type-link .handles {
         margin-left: -18px;
     }

     .joint-halo.joint-theme-modern.toolbar.type-link .handles:after {
         left:-9px;
     }
     .joint-halo.joint-theme-modern.toolbar.type-link .handles {
         margin-top: -60px;
     }
     .joint-halo.joint-theme-modern.toolbar.type-link .handles:after {
         top: -22px;
     }

     /* Toolbar for link */

 /*  Toolbar  */

 .joint-stencil {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
 }

 .joint-stencil > .content {
     position: absolute;
     overflow-y: auto;
     overflow-x: hidden;
     height: auto;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
 }

 .joint-stencil.searchable > .content {
     top: 30px;
 }

 .joint-stencil.collapsible > .content {
     top: 30px;
 }

 .joint-stencil.collapsible.searchable > .content {
     top: 50px;
 }

 .joint-stencil .joint-elements {
     height: 100%;
     width: 100%;
 }

 /* This element is being dragged when a new element is about to be dropped into the main paper. */
 .stencil-paper-drag {
     position: absolute;
     z-index: 100;
     top: -10000px;
     left: -10000px;
     display: none;
     background: none !important;
     opacity: .7;
     cursor: none;
     pointer-events: none;
 }
 .stencil-paper-drag.dragging {
     display: inline-block;
 }
 .stencil-paper-drag.dragging * {
     pointer-events: none !important;
 }

 .joint-stencil .group {
     overflow: hidden;
     padding: 0;
     padding-bottom: 10px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 .joint-stencil .group.closed {
     height: auto;
     padding-bottom: 0;
 }

 .joint-stencil .group > .group-label {
     position: relative;
     padding: 5px 4px;
     margin-top: 0;
     margin-bottom: 0;
     cursor: pointer;
 }

 .joint-stencil .joint-element [magnet]:not([magnet="passive"]) {
     pointer-events: none;
 }

 /* .group.unmatched and .joint-element.unmatched */
 .joint-stencil .unmatched {
     opacity: 0.3;
 }

 .joint-stencil .search {
     width: 100%;
     box-sizing: border-box;
     height: 30px;
     max-height: 30px;
     line-height: 30px;
     z-index: 1;
     outline: none;
     position: relative;
 }

 /* Not found popover. */

 .joint-stencil:after {
     display: block;
     content: '';
     pointer-events: none;
     position: absolute;
     top: 0;
     width: 100%;
     height: 20px;
     line-height: 20px;
     padding: 8px 0;
     text-align: center;
     opacity: 0;
     transition: top 100ms linear, opacity 100ms linear;
 }

 .joint-stencil.not-found:after {
     content: 'No matches found';
     opacity: 1;
 }

 .joint-stencil.not-found.searchable:after {
     top: 30px;
 }

 .joint-stencil.not-found.searchable.collapsible:after {
     top: 50px;
 }

 .joint-stencil .groups-toggle .group-label:hover {
     cursor: pointer;
 }

 .joint-stencil .group > .group-label,
 .joint-stencil .groups-toggle > .group-label {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }

 .joint-stencil .groups-toggle > .group-label {
     padding: 0 5px 0 53px;
 }

 /* By default, unmatched elements are hidden. See below for making them opaque instead. */
 .joint-stencil .joint-element.unmatched {
     display: none;
 }
 .joint-stencil .group.unmatched {
     display: none;
 }

 /*
 Use the following in your custom CSS to make
 unmatched elements opaque instead of completely invisible which is the default.
 */
 /*
 .joint-stencil .joint-element.unmatched {
     display: block;
 }
 .joint-stencil .group.unmatched {
     display: block;
 }
 */

 @font-face {
   font-family: 'stencil-icons-dark';
   src: url('data:application/octet-stream;base64,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') format('woff');
 }

 .joint-stencil.joint-theme-dark .joint-paper,
 .joint-stencil.joint-theme-dark {
   color: #feffff;
   background: #5e6366;
 }

 .joint-stencil.joint-theme-dark > .content {
   position: absolute;
 }

 .joint-stencil.joint-theme-dark.searchable > .content{
   top: 90px;
 }

 .joint-stencil.joint-theme-dark.collapsible > .content {
   top: 30px;
 }

 .joint-stencil.joint-theme-dark.searchable.collapsible > .content {
   top: 110px;
 }

 .joint-stencil.joint-theme-dark.not-found:after {
   position: absolute;
 }

 .joint-stencil.joint-theme-dark.not-found.searchable.collapsible:after {
   top: 80px;
 }

 .joint-stencil.joint-theme-dark.not-found.searchable:after {
   top: 60px;
 }

 .joint-stencil.joint-theme-dark .group {
   height: auto;
   padding: 0;
   margin-bottom: 1px;
   transition: none;
 }

 .joint-stencil.joint-theme-dark .group > .joint-elements {
   margin: 0;
 }

 .joint-stencil.joint-theme-dark .group.closed {
   height: auto;
   max-height: 31px;
 }

 .joint-stencil.joint-theme-dark input[type="search"] {
   -webkit-appearance: textfield;
 }

 .joint-stencil.joint-theme-dark input[type="search"]::-webkit-search-decoration,
 .joint-stencil.joint-theme-dark input[type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: none;
 }

 .joint-stencil.joint-theme-dark .group > .group-label,
 .joint-stencil.joint-theme-dark .groups-toggle > .group-label {
   position: relative;
   left: 0;
   width: 100%;
   height: 31px;
   line-height: 31px;
   color: #F5F5F5;
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
   box-sizing: border-box;
   border-bottom: 1px solid #383c3f;
   border-top: 1px solid #383c3f;
   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAdCAYAAAA6lTUKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMWDTgSBLydUQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAP4SURBVFjDjVhBtuQgCCyI25nTzWYWc/9L/FCzUBCJprvfy2tjEBELCpU/f/8RAHgbKAAAiAhEBCQBAAqJb95HEqoabR9jZvHuv6zL+0lGH4BFl7+7rrCJgF4CY7e3mVkfBILGMCoPpipALJPmif1dVaPf9WZH1AXn/yxT9QLAfd+4RAFVkICB0KpAVRevZW/ld19g9bzL5vcsV3egjjn9rusKPe6YVo3frbp62+Xytvp3V5y9mfvevF6/VRsAWeZuoYCAAKBgxSI61lg8kWV2+K6O2DmnxsDJ+9FH9/rY+dhWnUG5YFUAqCwwqNu8g8IJdju4nOD5aXFavVi9u/v21veG25ORvlMZKnVxdUdJ9myzw15u3/cNWMoCggXHi1wxJqe9LHOKi6yrt11Xh3bv72PbLj1tsek7IYBAHlywC8RvdurzT8JYkjE3STTPzdnoXcqDueF7DJ/IaEd6GSJvYyocRftjRogAShpIO3osSAdP8tgRVpbZpdI6z+wnui3f62sVa9lTwbAbaOS268i7eJq4Mu6U8YXgyDUKtwkgDSqiA9F4MOMpJVYoCPcZZZcOd0zbZQTdlv3PGd1ZFkDONtwGSP+3x4Qkcd/WAxkE+YlNLfSv/a5PXhkWAG6zYWZfbMtePZHGjjWR9ss9904077rOpFb6BeFcnR80eV2i7c+E1/wGURCC285pL3u46l7bdQFuuM/p2Uk7SmhovTjmUj/EYokVUpnhbBCI10VeG9kKLQEA63ERpDN0uz4aITrn796aKxYRGBm1jeuNbGNmy5bmjGBmgAz8OUbBMU9vmSEyVA1yVQVhXS5h2pnT+wWTiVEqTaaFuV0tSGK4TmS6X2Q0BUtG2hZh/FyIVSKrmQkgOiqkP+DrnA3qtur58JFOSKcyQsYhJg+N7KRL1PVxFegbXUyxFD5Ncm3Hgn6aygS2Oyys3+xBUmsVeCYpkriuKxHeDdVrYd9+5ujOIQ0gp7ufpFEZVZZHREsG+kRUM8PkTPOJnHJSrra1yGGWIONtSl+0zUBZYGXEkq2MOSd2NuSUk9EO3OdicF5PxMmuZ8Q1qcdukGg+Xw9QwSiRYsH0+Enhw1Fj/9g9iCONG7IiMos5zv7+z5CFuEHusW7l7cWiX8eM6xeOYyAINJUc09yUt4SbtsYxZ2Z6nHaA56kXM8eP+PR8neVrXMRhBFyCXBSzPDhmkU1xtbun+eaIdzrfvpUmj/o/JYX2c9tmMicczgupYqQZo86Yhp3OtSk7GR9zzd1Kcsjn2Z5hhBIwgwENqIE4awgpeKxyeMCJh2sRHo+MKJCdi7DSLw8ktt+/fh3hcjqLflMZ1tR7Oh19um2oNwZ+VWNm+A8qy7Bl/n+ONAAAAABJRU5ErkJggg==') repeat;
 }
 .joint-stencil.joint-theme-dark .groups-toggle > .group-label {
   padding-left: 58px;
 }
 .joint-stencil.joint-theme-dark .group > .group-label {
   padding: 0 5px 0 34px;
   border-top: 1px solid #383c3f;
 }


 .joint-stencil.joint-theme-dark .groups-toggle > .group-label {
   position: absolute;
 }

 .joint-stencil.joint-theme-dark .groups-toggle .btn.btn-expand,
 .joint-stencil.joint-theme-dark .groups-toggle .btn.btn-collapse {
   background: transparent;
   border: none;
   margin-top: 2px;
 }

 .joint-stencil.joint-theme-dark .groups-toggle .btn-expand:before,
 .joint-stencil.joint-theme-dark .groups-toggle .btn-collapse:before,
 .joint-stencil.joint-theme-dark .group > .group-label:before {
   position: absolute;
   color: #717276;
   font-family: stencil-icons-dark;
   font-style: normal;
   font-weight: 400;
   speak: none;
   display: inline-block;
   text-decoration: inherit;
   text-align: center;
   font-variant: normal;
   text-transform: none;
   line-height: 1em;
   margin-left: .2em;
   font-size: 16px;
   text-shadow: 0px 1px #35393c;
 }
 .joint-stencil.joint-theme-dark .groups-toggle .btn-expand:before,
 .joint-stencil.joint-theme-dark .groups-toggle .btn-collapse:before {
   left: 3px;
   top: 6px;
 }
 .joint-stencil.joint-theme-dark .group > .group-label:before {
   left: 5px;
   top: 7px;
 }
 .joint-stencil.joint-theme-dark .groups-toggle .btn {
   line-height: 20px;
   color: transparent;
   position: relative;
   display: inline-block;
   width: 23px;
 }

 .joint-stencil.joint-theme-dark .groups-toggle .btn:focus {
   outline: none;
 }

 .joint-stencil.joint-theme-dark .groups-toggle .btn:hover {
   cursor: pointer;
 }

 .joint-stencil.joint-theme-dark .groups-toggle .btn-collapse:before,
 .joint-stencil.joint-theme-dark .group > .group-label:before {
   content: '\e80a';
 }

 .joint-stencil.joint-theme-dark .group > .group-label:hover,
 .joint-stencil.joint-theme-dark .groups-toggle > .group-label:hover,
 .joint-stencil.joint-theme-dark .groups-toggle .btn-expand:hover:before,
 .joint-stencil.joint-theme-dark .groups-toggle .btn-collapse:hover:before,
 .joint-stencil.joint-theme-dark .group.closed > .group-label:hover:before,
 .joint-stencil.joint-theme-dark .group > .group-label:hover:before {
   color: #8b9094;
 }
 .joint-stencil.joint-theme-dark .groups-toggle .btn-expand:before,
 .joint-stencil.joint-theme-dark .group.closed > .group-label:before {
   content: '\e80b';
 }

 .joint-stencil.joint-theme-dark .search {
   display: block;
   width: 90%;
   color: #24282b;
   background: #92979b;
   background: -webkit-linear-gradient(#8b9094, #92979b);
   background: -o-linear-gradient(#8b9094, #92979b);
   background: -moz-linear-gradient(#8b9094, #92979b);
   background: linear-gradient(#8b9094, #92979b);
   border: 1px solid #42474a;
   border-radius: 3px;
   outline: none;
   padding-left: 8px;
   margin: 30px 5% 24px 5%;
 }

 .joint-stencil.joint-theme-dark .search::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color: #444549;
 }

 .joint-stencil.joint-theme-dark .search:-moz-placeholder { /* Mozilla Firefox  */
   color: #444549;
   opacity:  1;
 }

 .joint-stencil.joint-theme-dark .search:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #444549;
 }

 .joint-stencil.joint-theme-dark .search:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
   color: #444549;
 }

 .joint-stencil.joint-theme-dark .search:focus {
   outline: none;
 }

 .joint-stencil.joint-theme-dark:after {
   font-size: 12px;
   font-weight: 700;
   background: transparent;
   color: #92979b;
 }

 .joint-stencil.joint-theme-default {
     color: black;
     background: white;
     border: 1px solid lightgrey;
 }

 .joint-stencil.joint-theme-default.collapsible > .content {
     top: 20px;
 }

 .joint-stencil.joint-theme-default.collapsible.searchable > .content {
     top: 52px;
 }

 .joint-stencil.joint-theme-default .group.closed {
     height: auto;
     max-height: 24px;
 }

 .joint-stencil.joint-theme-default .groups-toggle {
     line-height: 20px;
 }

 .joint-stencil.joint-theme-default .group > .group-label {
     text-transform: uppercase;
     font-size: 10px;
 }

 .joint-stencil.joint-theme-default .group:first-child {
     border-top: 1px solid lightgrey;
 }

 .joint-stencil.joint-theme-default .group {
     border-bottom: 1px solid lightgrey;
 }

 .joint-stencil.joint-theme-default .groups-toggle > .group-label {
     display: block;
 }

 /* arrow */
 .joint-stencil.joint-theme-default .group > .group-label:before {
     position: relative;
     top: 5px;
     content: '';
     width: 0;
     height: 0;
     display: inline-block;
     border: 5px solid transparent;
     border-top-color: black;
     margin-left: 2px;
     margin-right: 5px;
 }

 .joint-stencil.joint-theme-default .group.closed > .group-label:before {
     top: 2px;
     left: 2px;
     border: 5px solid transparent;
     border-left-color: black;
 }

 /* input search field */
 .joint-stencil.joint-theme-default .search {
     color: black;
     border: none;
     background: white;
 }

 /* no matches found - search */
 .joint-stencil.joint-theme-default:after {
     font-size: 12px;
     border-top: 1px solid lightgrey;
     background: white;
     color: black;
 }

 /* expand, collapse buttons */
 .joint-stencil.joint-theme-default .groups-toggle .btn {
     position: absolute;
     top: 2px;
     left: 2px;
     background: none;
     outline: none;
     color: black;
     cursor: pointer;
     width: 20px;
     height: 16px;
     line-height: 12px;
     margin: 0;
     padding: 0;
     border: 1px solid lightgrey;
     border-radius: 4px;
 }

 .joint-stencil.joint-theme-default .groups-toggle .btn-collapse {
     left: 25px;
 }

 .joint-stencil.joint-theme-default .groups-toggle .btn:focus {
     outline: none;
 }

 .joint-stencil.joint-theme-default .groups-toggle .btn:hover {
     cursor: pointer;
     background: lightgrey;
 }

 .joint-stencil.joint-theme-material {
     color: #55627b;
     background: #717d98;
     font-family: lato-light;
 }

 .joint-stencil.joint-theme-material > .content {
     position: absolute;
 }

 .joint-stencil.joint-theme-material.searchable > .content{
     top: 48px;
     border: none;
     background: #ecf0f8;
 }

 .joint-stencil.joint-theme-material.collapsible > .content {
     top: 30px;
 }

 .joint-stencil.joint-theme-material.searchable.collapsible > .content {
     top: 80px;
 }

 .joint-stencil.joint-theme-material.not-found:after {
     position: absolute;
 }

 .joint-stencil.joint-theme-material.not-found.searchable.collapsible:after {
     top: 80px;
 }

 .joint-stencil.joint-theme-material.not-found.searchable:after {
     top: 60px;
 }

 .joint-stencil.joint-theme-material .group {
     height: auto;
     max-height: 5000px;
     padding: 0;
     margin-bottom: 1px;
     transition: max-height 0.25s cubic-bezier(0.5, 0, 1, 0) -.1s;
     transition-delay: 0s;
 }

 .joint-stencil.joint-theme-material .group > .elements {
     background: #ecf0f8;
     margin: 0;
 }

 .joint-stencil.joint-theme-material .group.closed {
     height: auto;
     max-height: 31px;
     overflow: hidden;
     transition: max-height 0.25s cubic-bezier(0, 1, 0, 1) -.1s;
 }

 .joint-stencil.joint-theme-material input[type="search"] {
     -webkit-appearance: textfield;
     appearance: textfield;
 }

 .joint-stencil.joint-theme-material input[type="search"]::-webkit-search-decoration,
 .joint-stencil.joint-theme-material input[type="search"]::-webkit-search-cancel-button {
     -webkit-appearance: none;
 }

 .joint-stencil.joint-theme-material input[type="search"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
     color: #d2d7e2;
 }

 .joint-stencil.joint-theme-material input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #d2d7e2;
    opacity: 1;
 }

 .joint-stencil.joint-theme-material input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #d2d7e2;
    opacity: 1;
 }

 .joint-stencil.joint-theme-material input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d2d7e2;
 }

 .joint-stencil.joint-theme-material .group > .group-label {
     position: relative;
     left: 0;
     width: 100%;
     height: 31px;
     line-height: 31px;
     color: #55627b;
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
     box-sizing: border-box;
 }

 .joint-stencil.joint-theme-material .group > .group-label {
     padding: 0 5px 0 10px;
     background: #ecf0f8;
 }
 .joint-stencil.joint-theme-material .group:not(.closed) > div:after,
 .joint-stencil.joint-theme-material .group > .group-label:after {
   content: "";
   position: absolute;
   bottom: -3px;
   left: -3px;
 }
 .joint-stencil.joint-theme-material .group:not(.closed) > div:after,
 .joint-stencil.joint-theme-material .group > .group-label:after {
   right: 0px;
   height: 4px;
   background-image: -webkit-gradient(linear, 0 0, #dfe3f0 0, from(transparent), to(#dfe3f0));
   background-image: -webkit-linear-gradient(right, #dfe3f0, transparent);
   background-image: -moz-linear-gradient(right, #dfe3f0, transparent);
   background-image: -o-linear-gradient(right, #dfe3f0, transparent);
 }

 .joint-stencil.joint-theme-material .group > .group-label:hover,
 .joint-stencil.joint-theme-material .groups-toggle > .group-label:hover {
     color: #5faaee;
 }
 .joint-stencil.joint-theme-material .group > .group-label:hover {
     border-right: 5px solid #5fa9ee;
 }
 .joint-stencil.joint-theme-material .search {
     display: block;
     width: 90%;
     color: #ecf0f8;
     background: #717d98;
     border: none;
     border-bottom: 1px solid #ecf0f8;
     outline: none;
     padding-left: 8px;
     background: url('data:image/png;base64, ') no-repeat right center;
 }

 .joint-stencil.joint-theme-material .search:focus {
     outline: none;
 }

 .joint-stencil.joint-theme-material:after {
     font-size: 12px;
     font-weight: 700;
     background: transparent;
     color: #55627b;
 }

 .joint-stencil.joint-theme-material .groups-toggle > .group-label {
     padding: 0 5px 0 10px;
     position: relative;
     float: left;
     color: white;
     padding: 10px;
     font-weight: bold;
 }

 .joint-stencil.joint-theme-material .groups-toggle .btn {
     line-height: 25px;
     position: relative;
     display: inline-block;
     width: 28px;
     right: 0px;
     margin-left: 2px;
     float: right;
     cursor: pointer;
     background: #828da6;
     color: #deebfb;
     font-weight: bold;
     font-size: 17px;
     border: none;
     outline: none;
 }

 .joint-stencil.joint-theme-material .btn:hover {
     background-color: #5fa9ee;
 }
 .joint-stencil.joint-theme-material.searchable .search-wrap {
     position: relative;
     margin: 8px 5%;
 }
 .joint-stencil.joint-theme-material.searchable .search-wrap:after {
     background: #3f51b5;
     bottom: 0px;
     content: '';
     height: 2px;
     left: 40%;
     position: absolute;
     transition-duration: .2s;
     transition-timing-function: cubic-bezier(.4,0,.2,1);
     z-index: -1;
     width: 10px;
     transition-property: width, left, z-index;
     display: block;
 }

 .joint-stencil.joint-theme-material.searchable.is-focused .search-wrap:after {
     z-index: 1000;
     left: 0;
     width: 90%;
 }
 .joint-stencil.joint-theme-material.searchable .groups-toggle {
     height: 30px;
 }

 .joint-stencil.joint-theme-modern {
   color: #c6c7e2;
   background: #383b61;
 }

 .joint-stencil.joint-theme-modern > .content {
   position: absolute;
 }

 .joint-stencil.joint-theme-modern.searchable > .content{
   top: 48px;
 }

 .joint-stencil.joint-theme-modern.collapsible > .content {
   top: 30px;
 }

 .joint-stencil.joint-theme-modern.searchable.collapsible > .content {
   top: 70px;
 }

 .joint-stencil.joint-theme-modern.not-found:after {
   position: absolute;
 }

 .joint-stencil.joint-theme-modern.not-found.searchable.collapsible:after {
   top: 80px;
 }

 .joint-stencil.joint-theme-modern.not-found.searchable:after {
   top: 60px;
 }

 .joint-stencil.joint-theme-modern .group {
   height: auto;
   padding: 0;
   margin-bottom: 1px;
   transition: none;
 }

 .joint-stencil.joint-theme-modern .group > .joint-elements {
   background: #4a4d6e;
   margin: 0;
 }

 .joint-stencil.joint-theme-modern .group.closed {
   height: auto;
   max-height: 31px;
 }

 .joint-stencil.joint-theme-modern input[type="search"] {
   -webkit-appearance: textfield;
 }

 .joint-stencil.joint-theme-modern input[type="search"]::-webkit-search-decoration,
 .joint-stencil.joint-theme-modern input[type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: none;
 }

 .joint-stencil.joint-theme-modern .group > .group-label,
 .joint-stencil.joint-theme-modern .groups-toggle > .group-label {
   position: relative;
   left: 0;
   width: 100%;
   height: 31px;
   line-height: 31px;
   color: #9093b1;
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
   box-sizing: border-box;
 }

 .joint-stencil.joint-theme-modern .group > .group-label {
   padding: 0 5px 0 34px;
   background: #424568;
 }


 .joint-stencil.joint-theme-modern .groups-toggle > .group-label {
   position: absolute;
 }

 .joint-stencil.joint-theme-modern .group > .group-label:hover,
 .joint-stencil.joint-theme-modern .groups-toggle > .group-label:hover {
   color: #d8d8ec;
 }

 .joint-stencil.joint-theme-modern .groups-toggle .btn-expand,
 .joint-stencil.joint-theme-modern .groups-toggle .btn-collapse,
 .joint-stencil.joint-theme-modern .group > .group-label:before {
   position: absolute;
   left: 5px;
   top: 6px;
   display: block;
   width: 19px;
   height: 19px;
   background-color: transparent;
   background-position: 0 0;
   background-repeat: no-repeat;
   border: none;
   content: ' ';
   margin: 0;
   padding: 0;
 }

 .joint-stencil.joint-theme-modern .groups-toggle .btn {
   line-height: 30px;
   color: transparent;
   position: relative;
   display: inline-block;
 }

 .joint-stencil.joint-theme-modern .groups-toggle .btn:focus {
   outline: none;
 }

 .joint-stencil.joint-theme-modern .groups-toggle .btn:hover {
   cursor: pointer;
 }

 .joint-stencil.joint-theme-modern .groups-toggle .btn-expand {
   background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M8.817%2C5.623v6.756c0%2C0.307%2C0.25%2C0.557%2C0.558%2C0.557c0.309%2C0%2C0.558-0.25%2C0.558-0.557V5.623%20c0-0.309-0.25-0.559-0.558-0.559S8.817%2C5.314%2C8.817%2C5.623L8.817%2C5.623z%20M8.817%2C5.623%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-stencil.joint-theme-modern .groups-toggle .btn-expand:hover {
   background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M8.817%2C5.623v6.756c0%2C0.307%2C0.25%2C0.557%2C0.558%2C0.557c0.309%2C0%2C0.558-0.25%2C0.558-0.557V5.623%20c0-0.309-0.25-0.559-0.558-0.559S8.817%2C5.314%2C8.817%2C5.623L8.817%2C5.623z%20M8.817%2C5.623%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-stencil.joint-theme-modern .groups-toggle .btn-collapse {
   background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-stencil.joint-theme-modern .groups-toggle .btn-collapse:hover {
   background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-stencil.joint-theme-modern .group > .group-label:before {
   background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-stencil.joint-theme-modern .group > .group-label:hover:before {
   background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-stencil.joint-theme-modern .group.closed > .group-label:before {
   background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M8.817%2C5.623v6.756c0%2C0.307%2C0.25%2C0.557%2C0.558%2C0.557c0.309%2C0%2C0.558-0.25%2C0.558-0.557V5.623%20c0-0.309-0.25-0.559-0.558-0.559S8.817%2C5.314%2C8.817%2C5.623L8.817%2C5.623z%20M8.817%2C5.623%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-stencil.joint-theme-modern .group.closed > .group-label:hover:before {
   background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M8.817%2C5.623v6.756c0%2C0.307%2C0.25%2C0.557%2C0.558%2C0.557c0.309%2C0%2C0.558-0.25%2C0.558-0.557V5.623%20c0-0.309-0.25-0.559-0.558-0.559S8.817%2C5.314%2C8.817%2C5.623L8.817%2C5.623z%20M8.817%2C5.623%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-stencil.joint-theme-modern .search {
   display: block;
   width: 90%;
   color: #d8d8ec;
   background: #3a3c62;
   border: 1px solid #525676;
   border-radius: 12px;
   outline: none;
   padding-left: 8px;
   margin: 8px 5%;
 }

 .joint-stencil.joint-theme-modern .search:focus {
   outline: none;
 }

 .joint-stencil.joint-theme-modern:after {
   font-size: 12px;
   font-weight: 700;
   background: transparent;
   color: #d8d8ec;
 }

 .joint-inspector {
    /* position: absolute; */
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
 }

 .joint-inspector label {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
 }
 .joint-inspector label:after {
     content: ':';
 }
 .joint-inspector input,
 .joint-inspector textarea {
    width: 200px;
    /*QMS-CKEditor*/
    /* height: 20px; */
    height: auto;
    line-height: 20px;
 }

 .joint-inspector label.with-output {
     float: left;
 }

 .joint-inspector output {
     float: left;
     margin: 5px 2px 10px 2px;
 }

 .joint-inspector .units {
     float: left;
     margin: 5px 0 10px 0;
 }

 .joint-inspector input[type="range"] {
    clear: both;
    display: block;
 }

 .joint-inspector select {
    display: block;
 }

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     /* IE10 only */
     .joint-inspector .group > .field > form {
     height: 60px;
     }

     .joint-inspector input[type="range"] {
     height: 10px;
     }

     .joint-inspector input[type="range"]::-ms-tooltip {
     display: none;
     }
 }

 .joint-inspector .group {
     overflow: hidden;
     padding: 0;
     padding-bottom: 10px;
 }
 .joint-inspector .group.closed {
     height: auto;
     padding-bottom: 0;
 }
 .joint-inspector .group.empty {
     display: none;
 }

 /* prevent tabbing into a close group */
 .joint-inspector .group.closed .field {
    display: none;
 }

 .joint-inspector .group > .group-label {
    position: relative;
    padding: 5px 4px;
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }
 .joint-inspector .group > .group-label:before {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    margin-left: 2px;
    margin-right: 5px;
    position: relative;
    top: 5px;
 }
 .joint-inspector .group.closed > .group-label:before {
    top: 2px;
    left: 2px;
 }

 .link-tools .tool-options {
    display: block;
 }

 /* Toggle */

 .joint-inspector .toggle {
    position: relative;
    width: 97px;
    height: 14px;
 }
 .joint-inspector .toggle input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
 }
 .joint-inspector .toggle span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    position: relative;
 }
 .joint-inspector .toggle span:before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    content: "";
    position: absolute;
    z-index: -1;
    top: -18px;
    right: -18px;
    bottom: -18px;
    left: -18px;
    border-radius: inherit;
 }
 .joint-inspector .toggle input:checked + span i {
    right: 0;
 }
 .joint-inspector .toggle span i {
    display: block;
    height: 100%;
    width: 60%;
    border-radius: inherit;
    position: absolute;
    z-index: 2;
    right: 40%;
    top: 0;
 }
 .joint-inspector .btn-list-add,
 .joint-inspector .btn-list-del {
    cursor: pointer;
    border-radius: 2px;
    min-width: 23px;
    margin: 2px;
    margin-right: 8px;
 }

 .joint-inspector .list-items {
    margin-top: 4px;
 }
 .joint-inspector .list-item {
    margin-top: 2px;
    padding: 10px;
 }

 .joint-inspector .list-item > .field > label {
    display: none;
 }

 .joint-inspector .field {
     display: block;
     box-sizing: border-box;
     padding: 4px 10px;
 }

 .joint-inspector .hidden {
    display: none !important;
 }

 /* Built-in types */

 .joint-inspector .joint-select-box {
     width: 100%;
 }
 .joint-inspector .joint-color-palette {
     width: auto;
 }

 .joint-inspector .content-editable {
     white-space: pre-wrap;
     /* Safari & Firefox: `user-select: none` is preventing the cursor
     from ever being positioned within the contentEditable div */
     -webkit-user-select: auto;
     -moz-user-select: text;
 }

 /* IE: content-editable adds <p> tags, so remove their default spacing */
 .joint-inspector .content-editable * {
     margin: 0;
     padding: 0;
 }

 @font-face {
     font-family: 'inspector-icons-dark';
     src: url('data:application/octet-stream;base64,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') format('woff');
 }

 .joint-inspector.joint-theme-dark {
     color: #dddfde;
     background: #5e6366;
 }

 .joint-inspector.joint-theme-dark label {
     font-size: 12px;
     padding-right: 4px;

 }
 .joint-inspector.joint-theme-dark label,
 .joint-inspector.joint-theme-dark output,
 .joint-inspector.joint-theme-dark .units {
     text-transform: uppercase;
     text-shadow: 0px 1px 1px #313538;
     font-size: 12px;
     margin-bottom: 6px;
 }
 .joint-inspector.joint-theme-dark select.select {
     margin: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background:
         url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMYCRwNn4qu7QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAPrSURBVFjDjZfPbu00EMZ/MzFSuwB2FxXeoW/RJ2CBxFsDUqWWQtUKaLut1PagE8+wcOwzdpJ7iRQlcezx/Pnmm7H8+NPPfnl5ycfhgDuYgJgjIrg7qoq7417G6lW/67O+xzXxquMAGWt7vLy8kKoAKAq4OxqExo2B/zVuAohgZqd/AMsSQXAFUeXi4oKkXhak9BVuGXXIeFk0Ka6CLxKaVyzjzqKIgAguAlIsnQZPVAWnacLMUBdEi6HZMgnAzMg5Y27gYHjnZjNrri6uLR6rlqoqqroxz7vvKotFv2pUqsLMDMeLhe4sNqIObo4vi0WkalG9i/qCo2WesITmpHExaJmTzToc6Rjbat0Iqs9917Gydu2FiLs4v96pE+KGDsgflYru7VwcviMORiUjqFs2xcV72o5X3Gg93mNoTN8tI1qKiggqitBzQgVcvSJvbIXE3UkpdaGNe8RUrrJbdpgZ2Q11VgKiG4tbM7Kk45hFAPM8d/+qvGmaWliiMalaZGaI+8IQsopjBGR5eBf3MTRfAnV86hjfMV4jVkaPFGXAvWaGb8oasRPlphjr4hHfpOM6p7r9+fmJj/f3FVbOz8+5+P6HbrOoTJ0XFUkAR8vM87y43oB+YQ2JLSQDcHV1xXefPiGWC8AE3EtB+uXX3zYzrCqUc27AbOEYU6dqOk1T8FCPjdvbW3LOTbh6mXNzc7Pigb1wN0xU2h1jHrNmJBgz4+3tjcfHxxaejPDw8MD7x+GLCozfukWj8Y4e6C0R7u/veTv8y+xwOBz448/7TUKKym/J0z3E7qWciOBa/s3HzN3dHarK73d3zPPc/m1l1p681NoMAVfBTJjo87+6vDGrLf2GCn/9/Q9ff/MtT0/PJWwOkmTVjY0UHoGaAHLOHI9HMqUk5w2uH7Mjhur6+rpz7/F43CxyI1G1fqKrHealSxryeGzftqza60WjNyNHxGuFiXHS+F5Ttlo0TVPn7tplbVdYVrIaJrZ4Ys/C0a0557Zx5Y1RRtfwhgLWYeKUOvv5HTcbO7CYfnvd00hgOedWVTd5YqwbY86Pm8VY13+jMRE/8WlmfY85hiTn3FFzpO+oWM550+I9b63au9IVO9FYcVAERRAHzMEcz1Z4YIOAohIjD3yuOW7AjOeG0TPI0j/XlFVFBqCN6I9g3lKs7pNSIufl8DPPcyuvng10fa6s7yMAbThDbIVs611EyoHLjFS5viqjAm777h7xsLVRxdF45ihzrM3pTmDxBI7bbnt/IrNYlvu71qJ1P+ntYBRJb5om0tnZGaraDqvt6HyyFRFQFVTLuSKS0lblVZ0aIVUZpUhWQ8poSonX11f+A300zYI9/iS2AAAAAElFTkSuQmCC') right center no-repeat,
         linear-gradient(#8b9094, #92979b);
 }

 .joint-inspector.joint-theme-dark option {
     color: #222;
 }

 .joint-inspector.joint-theme-dark output,
 .joint-inspector.joint-theme-dark .units {
     font-weight: 700;
 }

 .joint-inspector.joint-theme-dark .group {
     height: auto;
     padding: 0;
     padding-bottom: 20px;
     margin-bottom: 1px;
 }
 .joint-inspector.joint-theme-dark .group.closed {
     height: auto;
     max-height: 31px;
     padding: 0;
 }

 .joint-inspector.joint-theme-dark .group > .group-label {
     position: relative;
     left: 0;
     width: 100%;
     height: 31px;
     line-height: 31px;
     color: #F5F5F5;
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
     box-sizing: border-box;
     border-bottom: 1px solid #383c3f;
     border-top: 1px solid #383c3f;
     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAdCAYAAAA6lTUKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMWDTgSBLydUQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAP4SURBVFjDjVhBtuQgCCyI25nTzWYWc/9L/FCzUBCJprvfy2tjEBELCpU/f/8RAHgbKAAAiAhEBCQBAAqJb95HEqoabR9jZvHuv6zL+0lGH4BFl7+7rrCJgF4CY7e3mVkfBILGMCoPpipALJPmif1dVaPf9WZH1AXn/yxT9QLAfd+4RAFVkICB0KpAVRevZW/ld19g9bzL5vcsV3egjjn9rusKPe6YVo3frbp62+Xytvp3V5y9mfvevF6/VRsAWeZuoYCAAKBgxSI61lg8kWV2+K6O2DmnxsDJ+9FH9/rY+dhWnUG5YFUAqCwwqNu8g8IJdju4nOD5aXFavVi9u/v21veG25ORvlMZKnVxdUdJ9myzw15u3/cNWMoCggXHi1wxJqe9LHOKi6yrt11Xh3bv72PbLj1tsek7IYBAHlywC8RvdurzT8JYkjE3STTPzdnoXcqDueF7DJ/IaEd6GSJvYyocRftjRogAShpIO3osSAdP8tgRVpbZpdI6z+wnui3f62sVa9lTwbAbaOS268i7eJq4Mu6U8YXgyDUKtwkgDSqiA9F4MOMpJVYoCPcZZZcOd0zbZQTdlv3PGd1ZFkDONtwGSP+3x4Qkcd/WAxkE+YlNLfSv/a5PXhkWAG6zYWZfbMtePZHGjjWR9ss9904077rOpFb6BeFcnR80eV2i7c+E1/wGURCC285pL3u46l7bdQFuuM/p2Uk7SmhovTjmUj/EYokVUpnhbBCI10VeG9kKLQEA63ERpDN0uz4aITrn796aKxYRGBm1jeuNbGNmy5bmjGBmgAz8OUbBMU9vmSEyVA1yVQVhXS5h2pnT+wWTiVEqTaaFuV0tSGK4TmS6X2Q0BUtG2hZh/FyIVSKrmQkgOiqkP+DrnA3qtur58JFOSKcyQsYhJg+N7KRL1PVxFegbXUyxFD5Ncm3Hgn6aygS2Oyys3+xBUmsVeCYpkriuKxHeDdVrYd9+5ujOIQ0gp7ufpFEZVZZHREsG+kRUM8PkTPOJnHJSrra1yGGWIONtSl+0zUBZYGXEkq2MOSd2NuSUk9EO3OdicF5PxMmuZ8Q1qcdukGg+Xw9QwSiRYsH0+Enhw1Fj/9g9iCONG7IiMos5zv7+z5CFuEHusW7l7cWiX8eM6xeOYyAINJUc09yUt4SbtsYxZ2Z6nHaA56kXM8eP+PR8neVrXMRhBFyCXBSzPDhmkU1xtbun+eaIdzrfvpUmj/o/JYX2c9tmMicczgupYqQZo86Yhp3OtSk7GR9zzd1Kcsjn2Z5hhBIwgwENqIE4awgpeKxyeMCJh2sRHo+MKJCdi7DSLw8ktt+/fh3hcjqLflMZ1tR7Oh19um2oNwZ+VWNm+A8qy7Bl/n+ONAAAAABJRU5ErkJggg==') repeat;
     padding: 0 5px 0 30px;
     border-top: 1px solid #383c3f;
 }

 .joint-inspector.joint-theme-dark .group > .group-label:before {
     position: absolute;
     left: 5px;
     top: 7px;
     color: #717276;
     font-family: inspector-icons-dark;
     font-style: normal;
     font-weight: 400;
     speak: none;
     display: inline-block;
     text-decoration: inherit;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
     margin-left: .2em;
     font-size: 16px;
     text-shadow: 0px 1px #35393c;
 }

 .joint-inspector.joint-theme-dark .group > .group-label:before {
     content: '\e80a';
 }

 .joint-inspector.joint-theme-dark .group.closed > .group-label:hover:before,
 .joint-inspector.joint-theme-dark .group > .group-label:hover:before {
     color: #8b9094;
 }

 .joint-inspector.joint-theme-dark .group.closed > .group-label:before {
     content: '\e80b';
 }

 .joint-inspector.joint-theme-dark .toggle {
     width: 72px;
 }
 .joint-inspector.joint-theme-dark .toggle input {
     display: block;
     width: 100%;
     box-sizing: border-box;
     box-shadow: none;
     height: 12px;
 }
 .joint-inspector.joint-theme-dark .toggle span,
 .joint-inspector.joint-theme-dark .toggle input:checked + span {
     background: #8b9094;
 }
 .joint-inspector.joint-theme-dark .toggle span {
     border-radius: 3px;
     box-shadow: none;
 }
 .joint-inspector.joint-theme-dark .toggle span:before {
     background: #f6f6f6;
     box-shadow: none;
 }
 .joint-inspector.joint-theme-dark .toggle span i:before {
     content: "off";
     position: absolute;
     right: -50%;
     top: 0;
     text-transform: uppercase;
     font-style: normal;
     font-weight: bold;
     color: #f5f5f5;
     font-family: Arial, sans-serif;
     font-size: 10px;
     line-height: 16px;
     margin-top: -1px;
     margin-right: -8px;
 }
 .joint-inspector.joint-theme-dark .toggle input:checked + span i:before {
     content: "on";
     right: 100%;
     color: #f5f5f5;
     margin-right: 12px;
 }
 .joint-inspector.joint-theme-dark .toggle span i {
     right: 50%;
     width: 50%;
     background: #414548;
     box-shadow: 0 0 3px #8b9094;
 }

 .joint-inspector.joint-theme-dark .btn-list-add,
 .joint-inspector.joint-theme-dark .btn-list-del {
     background: transparent;
     color: #fff;
     border: 1px solid gray;
     box-shadow: 1px 1px 1px #000;
 }
 .joint-inspector.joint-theme-dark .btn-list-add:hover,
 .joint-inspector.joint-theme-dark .btn-list-del:hover {
     box-shadow: inset 1px 1px 1px #000;
 }

 .joint-inspector.joint-theme-dark .joint-select-box {
     color: #000;
 }

 .joint-inspector.joint-theme-dark .joint-select-box.joint-color-palette.joint-theme-dark div.select-box-selection {
     color: #ddd;
     border: 1px solid #8b9094;
 }

 .joint-select-box[data-attribute$="/stroke"].joint-color-palette.joint-theme-dark .select-box-selection div.select-box-option-content:after {
     left: 5px;
     top: 5px;
 }

 .joint-inspector.joint-theme-dark .group .field {
     box-sizing: border-box;
     padding: 0 18px;
     margin-top: 12px;
 }

 .joint-inspector.joint-theme-dark input {
     width: 100%;
     height: auto;
     text-shadow: none;
     box-shadow: none;
     border: none;
     outline: none;
     box-sizing: border-box;
     padding: 0;
 }

 .joint-inspector.joint-theme-dark input[type="range"] {
     position: relative;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     height: 20px;
     margin: 6px 0 0 0;
     background: transparent;
 }

 .joint-inspector.joint-theme-dark input[type="range"]:focus {
     outline: none;
 }

 .joint-inspector.joint-theme-dark input[type="range"]::-ms-track {
     cursor: pointer;
     background: transparent;
     border-color: transparent;
     color: transparent;
 }

 .joint-inspector.joint-theme-dark input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 8px;
     height: 8px;
     background: #8a9199;
     border-radius: 8px;
     margin-top: -2px;
 }

 .joint-inspector.joint-theme-dark input[type="range"]::-ms-thumb {
     margin-top: 0;
     width: 8px;
     height: 8px;
     background: #8a9199;
     border-radius: 8px;
 }

 .joint-inspector.joint-theme-dark input[type="range"]::-moz-range-thumb {
     -moz-appearance: none;
     appearance: none;
     width: 8px;
     height: 8px;
     background: #8a9199;
     border-radius: 8px;
 }

 .joint-inspector.joint-theme-dark input[type="range"]::-ms-fill-lower,
 .joint-inspector.joint-theme-dark input[type="range"]::-ms-fill-upper {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     background: -webkit-linear-gradient(left, #726bae, #3cbebc);
     background: -o-linear-gradient(right, #726bae, #3cbebc);
     background: -moz-linear-gradient(right, #726bae, #3cbebc);
     background: linear-gradient(to right, #726bae, #3cbebc);
 }

 .joint-inspector.joint-theme-dark input[type="range"]::-moz-range-track {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     background: -webkit-linear-gradient(left, #726bae, #3cbebc);
     background: -o-linear-gradient(right, #726bae, #3cbebc);
     background: -moz-linear-gradient(right, #726bae, #3cbebc);
     background: linear-gradient(to right, #726bae, #3cbebc);
 }

 .joint-inspector.joint-theme-dark input[type="range"]::-webkit-slider-runnable-track {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     background: -webkit-linear-gradient(left, #726bae, #3cbebc);
     background: -o-linear-gradient(right, #726bae, #3cbebc);
     background: -moz-linear-gradient(right, #726bae, #3cbebc);
     background: linear-gradient(to right, #726bae, #3cbebc);
 }


 .joint-inspector.joint-theme-dark input[type="text"],
 .joint-inspector.joint-theme-dark input[type="number"],
 .joint-inspector.joint-theme-dark textarea,
 .joint-inspector.joint-theme-dark .content-editable,
 .joint-inspector.joint-theme-dark select {
     width: 100%;
     height: auto;
     line-height: 16px;
     text-shadow: none;
     box-shadow: none;
     box-sizing: border-box;
     outline: none;
     padding: 6px 10px;
     overflow: auto;

     color: #24282b;
     background: #92979b;
     background: -webkit-linear-gradient(#8b9094, #92979b);
     background: -o-linear-gradient(#8b9094, #92979b);
     background: -moz-linear-gradient(#8b9094, #92979b);
     background: linear-gradient(#8b9094, #92979b);
     border: 1px solid #42474a;
     border-radius: 3px;
 }

 .joint-inspector.joint-theme-dark .content-editable {
     width: calc(100% - 12px); /* twice the padding from above */
     box-sizing: content-box;
     min-height: 1em;
 }

 .joint-inspector.joint-theme-dark input[type="text"],
 .joint-inspector.joint-theme-dark input[type="number"],
 .joint-inspector.joint-theme-dark select:not([multiple]) {
     height: 33px;
 }
 /* Chrome only */
 @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
     /* change "6px padding" for visible text and same size as other browser */
     .joint-inspector.joint-theme-dark input[type="text"],
     .joint-inspector.joint-theme-dark input[type="number"] {
         padding: 0 0 0 10px;
     }
     /* "on/off" text in the center of the button  */
     .joint-inspector.joint-theme-dark .toggle span i:before {
         margin-top: 0;
     }
 }

 .joint-inspector.joint-theme-dark option {
     background: #fff;
     padding: 0 10px
 }

 .joint-inspector.joint-theme-dark input[type="color"] {
     width: 40px;
     height: 40px;
 }

 /*  Select Box  */
 .joint-inspector .joint-select-box.joint-color-palette.joint-theme-dark .select-box-option-content {
     border: none;
 }
 .joint-inspector .joint-select-box.joint-theme-dark[data-type="select-button-group"] .select-box-selection,
 .joint-inspector .joint-select-button-group.joint-theme-dark[data-type="select-button-group"] .select-button-group-button.selected,
 .joint-inspector .joint-select-button-group.joint-theme-dark[data-type="select-button-group"] .select-button-group-button {
     color: #feffff;
     text-align: center;
     border-radius: 4px;
     border: 2px solid transparent;
 }
 .joint-inspector .joint-select-button-group.joint-theme-dark[data-type="select-button-group"] .select-button-group-button.selected {
     border: 2px solid #feffff;
 }
 .joint-inspector .joint-select-box.joint-theme-dark[data-type="select-button-group"] .select-box-selection,
 .joint-inspector .joint-select-button-group.joint-theme-dark.disabled[data-type="select-button-group"] .select-button-group-button.selected,
 .joint-inspector .joint-select-button-group.joint-theme-dark.disabled[data-type="select-button-group"] .select-button-group-button {
     color: #8b9094;
 }
 .joint-inspector .joint-select-button-group.joint-theme-dark.disabled[data-type="select-button-group"] .select-button-group-button.selected {
     border: 2px solid #8b9094;
 }

 /*  Select Box  */


 /*  Lists  */
 .joint-inspector.joint-theme-dark .list-item {
     background: #414548;
     padding: 16px;
     border: 1px solid rgb(36, 36, 36);
     box-shadow: inset 0 0 2px gray;
 }
 .joint-inspector.joint-theme-dark .list-item .field {
     padding: 0;
 }
 /*  Lists  */

 .joint-inspector.joint-theme-default {
     color: black;
     background: white;
     /* border: 1px solid lightgrey; */
 }

 .joint-inspector.joint-theme-default label {
     font-size: 12px;
     margin-bottom: 10px;
 }

 .joint-inspector.joint-theme-default output,
 .joint-inspector.joint-theme-default .units {
     font-size: 12px;
     margin-bottom: 6px;
 }

 .joint-inspector.joint-theme-default .group > .group-label {
     font-size: 10px;
     font-weight: 700;
     text-transform: uppercase;
 }
 .joint-inspector.joint-theme-default .group {
     border-bottom: 1px solid lightgrey;
 }
 /* arrow */
 .joint-inspector.joint-theme-default .group > .group-label:before {
     border-top: 5px solid black;
     border-right: 5px solid transparent;
     border-left: 5px solid transparent;
     border-bottom: 5px solid transparent;
 }
 .joint-inspector.joint-theme-default .group.closed > .group-label:before {
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-right: 5px solid transparent;
     border-left: 5px solid black;
 }

 /* toggle */
 .joint-inspector.joint-theme-default .toggle {
     width: 60px;
 }
 .joint-inspector.joint-theme-default .toggle input:checked + span {
     background: white;
 }
 .joint-inspector.joint-theme-default .toggle span {
     background: lightgrey;
     border: 1px solid lightgrey;
     border-radius: 40px;
 }
 .joint-inspector.joint-theme-default .toggle input:checked + span i:before {
     content: "on";
     right: 115%;
     color: black;
 }
 .joint-inspector.joint-theme-default .toggle span i:before {
     content: "off";
     position: absolute;
     top: 50%;
     margin-top: -5px;
     right: -80%;
     text-transform: uppercase;
     color: black;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 10px;
     font-style: normal;
 }
 .joint-inspector.joint-theme-default .toggle span i {
     background: white;
     width: 50%;
     right: 50%;
 }
 .joint-inspector.joint-theme-default .toggle input:checked + span i {
     background: lightgrey;
 }

 .joint-inspector.joint-theme-default .btn-list-add,
 .joint-inspector.joint-theme-default .btn-list-del {
     background: transparent;
     color: black;
     border: 1px solid lightgrey;
 }

 .joint-inspector.joint-theme-default .list-item {
     border: 1px solid lightgrey;
 }

 .joint-inspector.joint-theme-default input {
     width: 100%;
     height: 15px;
     text-shadow: none;
     box-shadow: none;
     border: none;
     outline: none;
     box-sizing: border-box;
     padding: 0;
 }

 .joint-inspector.joint-theme-default input[type="range"] {
     background: transparent;
     position: relative;
     height: 20px;
     border: none;
     outline: none;
     padding: 0;
 }

 .joint-inspector.joint-theme-default input[type="range"]::-ms-thumb {
     position: relative;
     width: 6px;
     height: 12px;
     top: 0;
     z-index: 2;
     border: 1px solid lightgrey;
     background: white;
 }

 .joint-inspector.joint-theme-default input[type="range"]::-ms-track {
     position: absolute;
     left: 0;
     top: 9px;
     content: ' ';
     width: 100%;
     height: 2px;
     background: lightgrey;
     border-color: transparent;
     border-radius: 3px;
     color: transparent;
 }

 .joint-inspector.joint-theme-default input[type="range"]::-ms-fill-lower {
     background: transparent;
     border-color: transparent;
 }

 .joint-inspector.joint-theme-default input[type="range"]:focus {
     outline: none;
 }

 .joint-inspector.joint-theme-default input[type="text"],
 .joint-inspector.joint-theme-default input[type="number"],
 .joint-inspector.joint-theme-default textarea,
 .joint-inspector.joint-theme-default .content-editable,
 .joint-inspector.joint-theme-default select,
 .joint-inspector.joint-theme-default option {
     width: 100%;
     height: auto;
     line-height: 16px;
     background: transparent;
     border: 1px solid lightgrey;
     box-sizing: border-box;
     outline: none;
     padding: 5px;
 }

 .joint-inspector.joint-theme-default .content-editable {
     width: calc(100% - 10px); /* twice the padding from above */
     box-sizing: content-box;
     min-height: 1em;
 }

 .joint-inspector.joint-theme-default input[type="color"] {
     width: 40px;
     height: 40px;
 }

 .joint-inspector.joint-theme-default select:not([multiple]) {
     height: 28px
 }

 .joint-inspector.joint-theme-material {
     color: #55627b;
     background: #ecf0f8;
     font-family: lato-light, Arial, sans-serif;
 }

 .joint-inspector.joint-theme-material label {
     font-size: 12px;
     padding-right: 4px;
     margin-bottom: 6px;
 }

 .joint-inspector.joint-theme-material input,
 .joint-inspector.joint-theme-material .content-editable,
 .joint-inspector.joint-theme-material textarea {
     color: #55627b;
     border: none;
     outline: none;
     background: transparent;
 }
 .joint-inspector.joint-theme-material input[type="text"],
 .joint-inspector.joint-theme-material input[type="number"],
 .joint-inspector.joint-theme-material .content-editable,
 .joint-inspector.joint-theme-material textarea {
     border-bottom: 2px solid #5fa9ee;
     padding: 4px 0;
     line-height: 16px;
 }

 .joint-inspector.joint-theme-material .content-editable {
     width: calc(100% - 8px); /* twice the padding from above */
     box-sizing: content-box;
     min-height: 1em;
 }
 .joint-inspector.joint-theme-material textarea {
     width: 100%;
     resize: vertical;
 }

 .joint-inspector.joint-theme-material select.select {
     font-size: 14px;
     font-family: lato-light, Arial, sans-serif;
     background: #ecf0f8;
     color: #55627b;
     -moz-appearance: none;
     -webkit-appearance: button;
     -webkit-padding-end: 20px;
     -webkit-padding-start: 2px;
     background-image: url('data:image/png;base64,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');
     background-position: right center;
     background-repeat: no-repeat;
     overflow: hidden;
     padding: 5px 10px;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 200px;
 }

 .joint-inspector.joint-theme-material select.select::-ms-expand {
     visibility: hidden;
 }

 .joint-inspector.joint-theme-material output,
 .joint-inspector.joint-theme-material .units {
     font-size: 12px;
     font-weight: 700;
     margin-bottom: 6px;
 }

 .joint-inspector.joint-theme-material .group {
     height: auto;
     padding: 0;
     padding-bottom: 20px;
     margin-bottom: 1px;
     max-height: 5000px;
     transition: max-height 0.25s cubic-bezier(0.5, 0, 1, 0) -.1s;
     transition-delay: 0s;
 }
 .joint-inspector.joint-theme-material .group.closed {
     height: auto;
     max-height: 31px;
     padding: 0;
     transition: max-height 0.25s cubic-bezier(0, 1, 0, 1) -.1s;
 }

 .joint-inspector.joint-theme-material .group > .group-label {
     position: relative;
     left: 0;
     width: 100%;
     height: 31px;
     line-height: 31px;
     color: #55627b;
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
     box-sizing: border-box;
     background: #d0d8e8;
     padding: 0 5px 0 15px;
 }

 .joint-inspector.joint-theme-material .group > .group-label:hover {
     color: #5faaee;
 }

 .joint-inspector.joint-theme-material .toggle {
     height: 14px;
     width: 36px;
     border-radius: 14px;
 }
 .joint-inspector.joint-theme-material .toggle input:checked + span {
     background: #5fa9ee;
 }
 .joint-inspector.joint-theme-material .toggle span {
     background: rgba(0,0,0,.26);
     color: #f6f6f6;
     border-radius: 14px;
     box-shadow: none;
 }
 .joint-inspector.joint-theme-material .toggle span i {
     right: 50%;
     width: 50%;
     top: -2px;
     height: 130%;
     left: 0;
     border-radius: 50%;
     cursor: pointer;
     background: #fafafa;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
     transition-duration: .28s;
     transition-timing-function: cubic-bezier(.4,0,.2,1);
     transition-property: left;
 }
 .joint-inspector.joint-theme-material .toggle input:checked + span i {
     position: absolute;
     left: 20px;
     background: #3f51b5;
     box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
 }
 .joint-inspector.joint-theme-material .btn-list-add,
 .joint-inspector.joint-theme-material .btn-list-del {
     background: #5fa9ee;
     color: #deebfb;
     font-weight: bold;
     font-size: 17px;
     border: none;
 }
 .joint-inspector.joint-theme-material .btn-list-add:hover,
 .joint-inspector.joint-theme-material .btn-list-del:hover {
     background-color: #4C88BE;
 }

 .joint-inspector.joint-theme-material .select-box {
     color: #000;
 }

 .joint-inspector.joint-theme-material .select-box.color-palette.joint-theme-material div.select-box-selection {
     color: #ddd;
     border: 1px solid transparent;
 }

 .select-box[data-attribute$="/stroke"].color-palette.joint-theme-material .select-box-selection div.select-box-option-content:after {
     left: 5px;
     top: 5px;
 }

 .joint-inspector.joint-theme-material .group .field {
     box-sizing: border-box;
     padding: 0 18px;
     margin-top: 12px;
 }

 .joint-inspector.joint-theme-material input {
     width: 100%;
     height: auto;
     text-shadow: none;
     box-shadow: none;
     border: none;
     outline: none;
     box-sizing: border-box;
     padding: 0;
 }

 .joint-inspector.joint-theme-material input[type="range"] {
     position: relative;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     margin: 0;
     height: 30px;
 }

 .joint-inspector.joint-theme-material input[type="range"]:focus {
     outline: none;
 }

 .joint-inspector.joint-theme-material input[type="range"]::-ms-track {
     cursor: pointer;
     background: transparent;
     border-color: transparent;
     color: transparent;
 }

 .joint-inspector.joint-theme-material input[type="range"]::-webkit-slider-thumb {
     margin-top: -5px;
     cursor: move;
     -webkit-appearance: none;
     width: 12px;
     height: 12px;
     box-sizing: border-box;
     border-radius: 50%;
     background: rgb(63,81,181);
     border: none;
     transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .joint-inspector.joint-theme-material input[type="range"]::-ms-thumb {
     margin-top: 0;
     -webkit-appearance: none;
     width: 12px;
     height: 12px;
     box-sizing: border-box;
     border-radius: 50%;
     background: rgb(63,81,181);
     border: none;
     transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .joint-inspector.joint-theme-material input[type="range"]:active::-webkit-slider-thumb {
     background-image: none;
     background: rgb(63,81,181);
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
 }
 .joint-inspector.joint-theme-material input[type="range"]:active::-ms-thumb {
     background-image: none;
     background: rgb(63,81,181);
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
 }
 .joint-inspector.joint-theme-material input[type="range"]::-moz-range-thumb {
     cursor: move;
     -webkit-appearance: none;
     width: 12px;
     height: 12px;
     box-sizing: border-box;
     border-radius: 50%;
     background: rgb(63,81,181);
     border: none;
     transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .joint-inspector.joint-theme-material input[type="range"]:active::-moz-range-thumb {

     background-image: none;
     background: rgb(63,81,181);
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
 }
 .joint-inspector.joint-theme-material input[type="range"]::-ms-fill-lower,
 .joint-inspector.joint-theme-material input[type="range"]::-ms-fill-upper {
     width: 100%;
     height: 3px;
     background: #5fa9ee;
 }
 .joint-inspector.joint-theme-material input[type="range"]::-ms-fill-lower {
     background: #3f51b5
 }
 .joint-inspector.joint-theme-material input[type="range"]::-moz-range-track {
     width: 100%;
     height: 3px;
     background: #5fa9ee;
     cursor: pointer;
 }
 .joint-inspector.joint-theme-material input[type="range"]::-moz-range-progress {
     height: 3px;
     background: #3f51b5;
 }
 .joint-inspector.joint-theme-material input[type="range"]::-webkit-slider-runnable-track {
     width: 100%;
     height: 3px;
     background: #5fa9ee;
     cursor: pointer;
 }

 .joint-inspector.joint-theme-material select {
     width: 100%;
     height: auto;
     line-height: 14px;
     text-shadow: none;
     box-shadow: none;
     border: 2px solid #5fa9ee;
     box-sizing: border-box;
     outline: none;
     padding: 6px;
     overflow: auto;
 }

 .joint-inspector.joint-theme-material select:not([multiple]) {
     height: 33px;
 }

 /* Chrome only */
 @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
     /* change "6px padding" for visible text and same size as other browser */
     .joint-inspector.joint-theme-material input[type="text"],
     .joint-inspector.joint-theme-material input[type="number"] {
         padding: 0 0 0 10px;
     }
 }

 .joint-inspector.joint-theme-material option {
     background: white;
     padding: 0 10px
 }

 .joint-inspector.joint-theme-material input[type="color"] {
     width: 40px;
     height: 40px;
 }

 /*  Lists  */
 .joint-inspector.joint-theme-material .list-item {
     background: #d0d8e8;
     box-shadow: none;
     border: none;
     padding: 16px;
 }
 .joint-inspector.joint-theme-material .list-item .field {
     padding: 0;
 }
 /*  Lists  */

 /* animation ripple toggle */
 .joint-inspector.joint-theme-material input.toggle + span:after {
     content: '';
     position: absolute;
     z-index: 2;
     box-sizing: border-box;
     border-radius: 50%;
     background: #3f51b5;
     transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
     transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
     transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     top: -12px;
     left: -12px;
     overflow: hidden;
     width: 40px;
     height: 40px;
 }
 .joint-inspector.joint-theme-material .is-in-action input.toggle + span:after {
     opacity: 0.3;
 }
 .joint-inspector.joint-theme-material input.toggle:checked + span:after {
     transform: translate(20px, 0);
 }

 /* input animation */
 .joint-inspector.joint-theme-material .textarea-field > .input-wrapper,
 .joint-inspector.joint-theme-material .number-field > .input-wrapper,
 .joint-inspector.joint-theme-material .content-editable-field > .input-wrapper,
 .joint-inspector.joint-theme-material .text-field > .input-wrapper {
     position: relative;
 }

 .joint-inspector.joint-theme-material .textarea-field > .input-wrapper:after,
 .joint-inspector.joint-theme-material .content-editable-field > .input-wrapper:after,
 .joint-inspector.joint-theme-material .number-field > .input-wrapper:after,
 .joint-inspector.joint-theme-material .text-field > .input-wrapper:after {
     background: #3f51b5;
     bottom: 0;
     content: '';
     height: 2px;
     left: 45%;
     position: absolute;
     transition-duration: .2s;
     transition-timing-function: cubic-bezier(.4,0,.2,1);
     z-index: -1;
     width: 10px;
     transition-property: width, left, z-index;
     display: block;
 }

 .joint-inspector.joint-theme-material .is-focused.textarea-field > .input-wrapper:after,
 .joint-inspector.joint-theme-material .is-focused.content-editable-field > .input-wrapper:after,
 .joint-inspector.joint-theme-material .is-focused.number-field > .input-wrapper:after,
 .joint-inspector.joint-theme-material .is-focused.text-field > .input-wrapper:after {
     z-index: 1000;
     left:0;
     width: 100%;
 }

 @-moz-document url-prefix() {
     .joint-inspector.joint-theme-material .textarea-field > .input-wrapper:after {
         bottom: 1px;
     }
 }
 @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
     .joint-inspector.joint-theme-material .textarea-field > .input-wrapper:after {
         bottom: 3px;
     }
 }

 .joint-inspector.joint-theme-modern {
     color: #c6c7e2;
     background: #383b61;
 }

 .joint-inspector.joint-theme-modern label {
     font-size: 12px;
     padding-right: 4px;
     margin-bottom: 6px;
 }

 .joint-inspector.joint-theme-modern input,
 .joint-inspector.joint-theme-modern .content-editable,
 .joint-inspector.joint-theme-modern textarea {
     color: #ddd;
     border: 2px solid #444;
     background: transparent;
 }

 .joint-inspector.joint-theme-modern select.select {
     color: #ddd;
     -moz-appearance: none;
 }

 .joint-inspector.joint-theme-modern select.select::-ms-expand {
     visibility: hidden;
 }

 .joint-inspector.joint-theme-modern option {
     color: #222;
 }

 .joint-inspector.joint-theme-modern output,
 .joint-inspector.joint-theme-modern .units {
     font-size: 12px;
     font-weight: 700;
     color: #e6e6e6;
     margin-bottom: 6px;
 }

 .joint-inspector.joint-theme-modern .group {
     height: auto;
     padding: 0;
     padding-bottom: 20px;
     margin-bottom: 1px;
 }
 .joint-inspector.joint-theme-modern .group.closed {
     height: auto;
     max-height: 31px;
     padding: 0;
 }

 .joint-inspector.joint-theme-modern .group > .group-label {
     position: relative;
     left: 0;
     width: 100%;
     height: 31px;
     line-height: 31px;
     color: #9093b1;
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
     box-sizing: border-box;
     background: #424568;
     padding: 0 5px 0 34px;
 }

 .joint-inspector.joint-theme-modern .group > .group-label:before {
     position: absolute;
     left: 5px;
     top: 6px;
     display: block;
     width: 19px;
     height: 19px;
     background-color: transparent;
     background-position: 0 0;
     background-repeat: no-repeat;
     border: none;
     content: ' ';
     margin: 0;
     padding: 0;
 }

 .joint-inspector.joint-theme-modern .group > .group-label:before {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-inspector.joint-theme-modern .group > .group-label:hover:before {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-inspector.joint-theme-modern .group.closed > .group-label:before {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3Cpath%20fill%3D%22%23C6C7E2%22%20d%3D%22M8.817%2C5.623v6.756c0%2C0.307%2C0.25%2C0.557%2C0.558%2C0.557c0.309%2C0%2C0.558-0.25%2C0.558-0.557V5.623%20c0-0.309-0.25-0.559-0.558-0.559S8.817%2C5.314%2C8.817%2C5.623L8.817%2C5.623z%20M8.817%2C5.623%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-inspector.joint-theme-modern .group.closed > .group-label:hover:before {
     background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.75px%22%20height%3D%2218.75px%22%20viewBox%3D%220%200%2018.75%2018.75%22%20enable-background%3D%22new%200%200%2018.75%2018.75%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M9.375%2C0.5c-4.688%2C0-8.5%2C3.813-8.5%2C8.5c0%2C4.688%2C3.812%2C8.5%2C8.5%2C8.5c4.687%2C0%2C8.5-3.812%2C8.5-8.5%20C17.875%2C4.313%2C14.062%2C0.5%2C9.375%2C0.5L9.375%2C0.5z%20M9.375%2C16.386C5.303%2C16.386%2C1.99%2C13.072%2C1.99%2C9s3.312-7.385%2C7.385-7.385%20S16.76%2C4.928%2C16.76%2C9S13.447%2C16.386%2C9.375%2C16.386L9.375%2C16.386z%20M9.375%2C16.386%22%2F%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M12.753%2C8.443H5.997c-0.308%2C0-0.558%2C0.25-0.558%2C0.557c0%2C0.309%2C0.25%2C0.559%2C0.558%2C0.559h6.756%20c0.308%2C0%2C0.558-0.25%2C0.558-0.559C13.311%2C8.693%2C13.061%2C8.443%2C12.753%2C8.443L12.753%2C8.443z%20M12.753%2C8.443%22%2F%3E%3Cpath%20fill%3D%22%23D8D8EC%22%20d%3D%22M8.817%2C5.623v6.756c0%2C0.307%2C0.25%2C0.557%2C0.558%2C0.557c0.309%2C0%2C0.558-0.25%2C0.558-0.557V5.623%20c0-0.309-0.25-0.559-0.558-0.559S8.817%2C5.314%2C8.817%2C5.623L8.817%2C5.623z%20M8.817%2C5.623%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20');
 }

 .joint-inspector.joint-theme-modern .toggle {
     width: 72px;
 }
 .joint-inspector.joint-theme-modern .toggle input {
     display: block;
     width: 100%;
     box-sizing: border-box;
     box-shadow: none;
     height: 12px;
 }
 .joint-inspector.joint-theme-modern .toggle input:checked + span {
     background: #31d0c6;
 }
 .joint-inspector.joint-theme-modern .toggle span {
     background: #c6c7e2;
     border-radius: 40px;
     box-shadow: none;
 }
 .joint-inspector.joint-theme-modern .toggle span:before {
     background: #f6f6f6;
     box-shadow: none;
 }
 .joint-inspector.joint-theme-modern .toggle span i:before {
     content: "off";
     position: absolute;
     right: -50%;
     top: 0;
     text-transform: uppercase;
     font-style: normal;
     font-weight: bold;
     color: #6a6c8a;
     font-family: Arial, sans-serif;
     font-size: 10px;
     line-height: 16px;
     margin-top: -1px;
     margin-right: -8px;
 }
 .joint-inspector.joint-theme-modern .toggle input:checked + span i:before {
     content: "on";
     right: 100%;
     color: #f6f6f6;
     margin-right: 12px;
 }
 .joint-inspector.joint-theme-modern .toggle span i {
     right: 50%;
     width: 50%;
     background: #f6f6f6;
     box-shadow: 0 0 3px #111;
 }

 .joint-inspector.joint-theme-modern .btn-list-add,
 .joint-inspector.joint-theme-modern .btn-list-del {
     background: transparent;
     color: #fff;
     border: 1px solid gray;
     box-shadow: 1px 1px 1px #000;
 }
 .joint-inspector.joint-theme-modern .btn-list-add:hover,
 .joint-inspector.joint-theme-modern .btn-list-del:hover {
     box-shadow: inset 1px 1px 1px #000;
 }

 .joint-inspector.joint-theme-modern .joint-select-box {
     color: #000;
 }

 .joint-inspector.joint-theme-modern .joint-select-box.joint-color-palette.joint-theme-modern div.select-box-selection {
     color: #ddd;
     border: 1px solid #4E517A;
 }

 .joint-select-box[data-attribute$="/stroke"].joint-color-palette.joint-theme-modern .select-box-selection div.select-box-option-content:after {
     left: 5px;
     top: 5px;
 }

 .joint-inspector.joint-theme-modern .group .field {
     box-sizing: border-box;
     padding: 0 18px;
     margin-top: 12px;
 }

 .joint-inspector.joint-theme-modern input {
     width: 100%;
     height: auto;
     text-shadow: none;
     box-shadow: none;
     border: none;
     outline: none;
     box-sizing: border-box;
     padding: 0;
 }

 .joint-inspector.joint-theme-modern input[type="range"] {
     position: relative;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     height: 20px;
     margin: 0;
 }

 .joint-inspector.joint-theme-modern input[type="range"]:focus {
     outline: none;
 }

 .joint-inspector.joint-theme-modern input[type="range"]::-ms-track {
     cursor: pointer;
     background: transparent;
     border-color: transparent;
     color: transparent;
 }

 .joint-inspector.joint-theme-modern input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 8px;
     height: 8px;
     background: #fff;
     border-radius: 8px;
     margin-top: -2px;
 }

 .joint-inspector.joint-theme-modern input[type="range"]::-ms-thumb {
     margin-top: 0;
     width: 8px;
     height: 8px;
     background: #fff;
     border-radius: 8px;
 }

 .joint-inspector.joint-theme-modern input[type="range"]::-moz-range-thumb {
     -moz-appearance: none;
     appearance: none;
     width: 8px;
     height: 8px;
     background: #fff;
     border-radius: 8px;
 }

 .joint-inspector.joint-theme-modern input[type="range"]::-ms-fill-lower,
 .joint-inspector.joint-theme-modern input[type="range"]::-ms-fill-upper {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     border-radius: 3px;
 }

 .joint-inspector.joint-theme-modern input[type="range"]::-moz-range-track {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     border-radius: 3px;
 }

 .joint-inspector.joint-theme-modern input[type="range"]::-webkit-slider-runnable-track {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     border-radius: 3px;
 }

 .joint-inspector.joint-theme-modern input[type="text"],
 .joint-inspector.joint-theme-modern input[type="number"],
 .joint-inspector.joint-theme-modern textarea,
 .joint-inspector.joint-theme-modern .content-editable,
 .joint-inspector.joint-theme-modern select {
     width: 100%;
     height: auto;
     line-height: 16px;
     text-shadow: none;
     background: transparent;
     border: 2px solid #4E517A;
     box-shadow: none;
     box-sizing: border-box;
     outline: none;
     padding: 6px;
     overflow: auto;
 }

 .joint-inspector.joint-theme-modern .content-editable {
     width: calc(100% - 12px); /* twice the padding from above */
     box-sizing: content-box;
     min-height: 1em;
 }

 .joint-inspector.joint-theme-modern input[type="text"],
 .joint-inspector.joint-theme-modern input[type="number"],
 .joint-inspector.joint-theme-modern select:not([multiple]) {
     height: 33px;
 }

 /* Chrome only */
 @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
     /* change "6px padding" for visible text and same size as other browser */
     .joint-inspector.joint-theme-modern input[type="text"],
     .joint-inspector.joint-theme-modern input[type="number"] {
         padding: 0 0 0 10px;
     }
     /* "on/off" text in the center of the button  */
     .joint-inspector.joint-theme-modern .toggle span i:before {
         margin-top: 0;
     }
 }

 .joint-inspector.joint-theme-modern option {
     background: #fff;
     padding: 0 10px
 }

 .joint-inspector.joint-theme-modern input[type="color"] {
     width: 40px;
     height: 40px;
 }

 /*  Select Box  */
 .joint-inspector .joint-select-box.joint-theme-modern .select-box-selection {
     border-color: #4E517A;
     color: #fff;
 }
 .joint-inspector .joint-select-box.joint-color-palette.joint-theme-modern .select-box-option-content {
     border: none;
 }
 .joint-inspector .joint-select-button-group.joint-theme-modern.disabled .select-button-group-button {
     color: #4E517A;
 }
 .joint-inspector .joint-select-button-group.joint-theme-modern.disabled .select-button-group-button.selected {
     border-color: #4E517A;
 }
 /*  Select Box  */


 /*  Lists  */
 .joint-inspector.joint-theme-modern .list-item {
     background: #424568;
     box-shadow: none;
     border: none;
     padding: 16px;
 }
 .joint-inspector.joint-theme-modern .list-item .field {
     padding: 0;
 }
 /*  Lists  */

 .joint-free-transform {
     position: absolute;
     pointer-events: none;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-user-drag: none;
     user-drag: none;
     box-sizing: border-box;
 }

 .joint-free-transform > div {
     position: absolute;
     pointer-events: auto;
     box-sizing: content-box;
 }

 /* prevent chromium bug */
 /* https://bugs.chromium.org/p/chromium/issues/detail?id=639227 */
 .joint-free-transform .resize,
 .joint-free-transform .rotate {
     touch-action: none;
 }

 .joint-free-transform .resize {
     border-radius: 6px;
     width: 8px;
     height: 8px;
 }

 .joint-free-transform .resize[data-position="top-left"] {
     top: -5px;
     left: -5px;
 }
 .joint-free-transform .resize[data-position="top-right"] {
     top: -5px;
     right: -5px;
 }
 .joint-free-transform .resize[data-position="bottom-left"] {
     bottom: -5px;
     left: -5px;
 }
 .joint-free-transform .resize[data-position="bottom-right"] {
     bottom: -5px;
     right: -5px;
 }
 .joint-free-transform .resize[data-position="top"] {
     top: -5px;
     left: 50%;
     margin-left: -5px;
 }
 .joint-free-transform .resize[data-position="bottom"] {
     bottom: -5px;
     left: 50%;
     margin-left: -5px;
 }
 .joint-free-transform .resize[data-position="left"] {
     left: -5px;
     top: 50%;
     margin-top: -5px;
 }
 .joint-free-transform .resize[data-position="right"] {
     right: -5px;
     top: 50%;
     margin-top: -5px;
 }

 .joint-free-transform.no-orthogonal-resize .resize[data-position="top"],
 .joint-free-transform.no-orthogonal-resize .resize[data-position="bottom"],
 .joint-free-transform.no-orthogonal-resize .resize[data-position="left"],
 .joint-free-transform.no-orthogonal-resize .resize[data-position="right"] {
     display: none;
 }

 .joint-free-transform .resize.n { cursor: n-resize; }
 .joint-free-transform .resize.s { cursor: s-resize; }
 .joint-free-transform .resize.e { cursor: e-resize; }
 .joint-free-transform .resize.w { cursor: w-resize; }
 .joint-free-transform .resize.ne { cursor: ne-resize; }
 .joint-free-transform .resize.nw { cursor: nw-resize; }
 .joint-free-transform .resize.se { cursor: se-resize; }
 .joint-free-transform .resize.sw { cursor: sw-resize; }

 .joint-free-transform .rotate {
     border-radius: 6px;
     width: 10px;
     height: 10px;
     top: -20px;
     left: -20px;
     cursor: pointer;
 }

 .joint-free-transform.no-rotation .rotate {
     display: none;
 }

 .joint-free-transform.in-operation {
     border-style: hidden;
 }

 .joint-free-transform.in-operation > div{
     display: none;
 }

 .joint-free-transform  > div.in-operation {
     display: block;
 }

 .joint-free-transform.joint-theme-dark {
     border: 1px solid #8f9498;
 }
 .joint-free-transform.joint-theme-dark .resize,
 .joint-free-transform.joint-theme-dark .rotate {
     width: 6px;
     height: 6px;
     background: radial-gradient(circle, #acaca3, #8f9498);
     border-radius: 0;
 }
 .joint-free-transform.joint-theme-dark .resize[data-position="top-left"] {
     top: -3px;
     left: -3px;
 }
 .joint-free-transform.joint-theme-dark .resize[data-position="top-right"] {
     top: -3px;
     right: -3px;
 }
 .joint-free-transform.joint-theme-dark .resize[data-position="bottom-left"] {
     bottom: -3px;
     left: -3px;
 }
 .joint-free-transform.joint-theme-dark .resize[data-position="bottom-right"] {
     bottom: -3px;
     right: -3px;
 }
 .joint-free-transform.joint-theme-dark .resize[data-position="top"] {
     top: -3px;
     margin-left: -3px;
 }
 .joint-free-transform.joint-theme-dark .resize[data-position="bottom"] {
     bottom: -3px;
     margin-left: -3px;
 }
 .joint-free-transform.joint-theme-dark .resize[data-position="left"] {
     left: -3px;
     margin-top: -3px;
 }
 .joint-free-transform.joint-theme-dark .resize[data-position="right"] {
     right: -3px;
     margin-top: -3px;
 }
 .joint-free-transform.joint-theme-default {
     border: 1px dashed black;
 }

 .joint-free-transform.joint-theme-default > div {
     background-color: white;
     border: 1px solid black;
 }

 .joint-free-transform.joint-theme-default > div:hover {
     background-color: lightgrey;
 }

 .joint-free-transform.joint-theme-default > div.in-operation {
     background-color: grey;
 }
 .joint-free-transform.joint-theme-material {
     border: 1px solid #c6c7e2;
 }
 .joint-free-transform.joint-theme-material .resize,
 .joint-free-transform.joint-theme-material .rotate {
     width: 6px;
     height: 6px;
     background: #717d98;
     border-radius: 0;
 }
 .joint-free-transform.joint-theme-material .resize[data-position="top-left"] {
     top: -3px;
     left: -3px;
 }
 .joint-free-transform.joint-theme-material .resize[data-position="top-right"] {
     top: -3px;
     right: -3px;
 }
 .joint-free-transform.joint-theme-material .resize[data-position="bottom-left"] {
     bottom: -3px;
     left: -3px;
 }
 .joint-free-transform.joint-theme-material .resize[data-position="bottom-right"] {
     bottom: -3px;
     right: -3px;
 }
 .joint-free-transform.joint-theme-material .resize[data-position="top"] {
     top: -3px;
     margin-left: -3px;
 }
 .joint-free-transform.joint-theme-material .resize[data-position="bottom"] {
     bottom: -3px;
     margin-left: -3px;
 }
 .joint-free-transform.joint-theme-material .resize[data-position="left"] {
     left: -3px;
     margin-top: -3px;
 }
 .joint-free-transform.joint-theme-material .resize[data-position="right"] {
     right: -3px;
     margin-top: -3px;
 }
 .joint-free-transform.joint-theme-modern {
     border: 1px solid #c6c7e2;
 }
 .joint-free-transform.joint-theme-modern .resize,
 .joint-free-transform.joint-theme-modern .rotate {
     width: 6px;
     height: 6px;
     background: linear-gradient(#6a6c8a, #3c4260);
     border-radius: 0;
 }
 .joint-free-transform.joint-theme-modern .resize[data-position="top-left"] {
     top: -3px;
     left: -3px;
 }
 .joint-free-transform.joint-theme-modern .resize[data-position="top-right"] {
     top: -3px;
     right: -3px;
 }
 .joint-free-transform.joint-theme-modern .resize[data-position="bottom-left"] {
     bottom: -3px;
     left: -3px;
 }
 .joint-free-transform.joint-theme-modern .resize[data-position="bottom-right"] {
     bottom: -3px;
     right: -3px;
 }
 .joint-free-transform.joint-theme-modern .resize[data-position="top"] {
     top: -3px;
     margin-left: -3px;
 }
 .joint-free-transform.joint-theme-modern .resize[data-position="bottom"] {
     bottom: -3px;
     margin-left: -3px;
 }
 .joint-free-transform.joint-theme-modern .resize[data-position="left"] {
     left: -3px;
     margin-top: -3px;
 }
 .joint-free-transform.joint-theme-modern .resize[data-position="right"] {
     right: -3px;
     margin-top: -3px;
 }
 .joint-tooltip {
    position: absolute;
    z-index: 10000;
    border-radius: 5px;
    pointer-events: none;
 }

 .joint-tooltip .tooltip-content{
    padding: 10px;
 }

 .joint-tooltip.left, .joint-tooltip.right {
     margin-top: -2px;
 }

 .joint-tooltip.top, .joint-tooltip.bottom {
     margin-left: -2px;
 }

 .joint-tooltip.small {
    padding: 5px;
    font-size: 10px;
 }

 .joint-tooltip .tooltip-arrow, .joint-tooltip .tooltip-arrow-mask {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
 }

 .joint-tooltip.left .tooltip-arrow-mask, .joint-tooltip.left .tooltip-arrow {
    margin-right: -1px;
    right: 100%;
 }

 .joint-tooltip.right .tooltip-arrow-mask, .joint-tooltip.right .tooltip-arrow {
    margin-left: -1px;
    left: 100%;
 }

 .joint-tooltip.top .tooltip-arrow-mask, .joint-tooltip.top .tooltip-arrow {
    bottom: 100%;
 }

 .joint-tooltip.bottom .tooltip-arrow-mask, .joint-tooltip.bottom .tooltip-arrow {
    top: 100%;
 }

 .joint-tooltip .tooltip-arrow-mask {
    border-width: 6px;
 }

 .joint-tooltip.left .tooltip-arrow-mask {
    margin-top: -6px;
 }

 .joint-tooltip.right .tooltip-arrow-mask {
    margin-top: -6px;
 }

 .joint-tooltip.top .tooltip-arrow-mask {
    margin-left: -6px;
 }

 .joint-tooltip.bottom .tooltip-arrow-mask {
    margin-left: -6px;
 }

 .joint-tooltip .tooltip-arrow {
    border-width: 8px;
 }

 .joint-tooltip.left .tooltip-arrow {
    margin-top: -8px;
 }

 .joint-tooltip.right .tooltip-arrow {
    margin-top: -8px;
 }

 .joint-tooltip.top .tooltip-arrow {
    margin-left: -8px;
 }

 .joint-tooltip.bottom .tooltip-arrow {
    margin-left: -8px;
 }

 /* Fading In */

 @keyframes joint-tooltip-fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
 }
 @-webkit-keyframes joint-tooltip-fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
 }
 @-moz-keyframes joint-tooltip-fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
 }
 @-ms-keyframes joint-tooltip-fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
 }

 .joint-tooltip.animated {
    opacity: 0;
 }
 .joint-tooltip.animated.rendered {
    animation: joint-tooltip-fadein;
    -webkit-animation: joint-tooltip-fadein;
    -moz-animation: joint-tooltip-fadein;
    -ms-animation: joint-tooltip-fadein;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
 }

 .joint-tooltip.joint-theme-dark {
    color: #fff;
    font-size: 14px;
    background: #5e6366;
    border: none;
    border-radius: 10px;
    box-shadow: 0 1px 1px #aaa;
 }

 .joint-tooltip.joint-theme-dark.left .tooltip-arrow-mask {
    border-right-color: #5e6366;
 }

 .joint-tooltip.joint-theme-dark.right .tooltip-arrow-mask {
    border-left-color: #5e6366;
 }

 .joint-tooltip.joint-theme-dark.top .tooltip-arrow-mask {
    border-bottom-color: #5e6366;
 }

 .joint-tooltip.joint-theme-dark.bottom .tooltip-arrow-mask {
    border-top-color: #5e6366;
 }

 .joint-tooltip.joint-theme-dark.left .tooltip-arrow {
    border-right-color: #5e6366;
 }

 .joint-tooltip.joint-theme-dark.right .tooltip-arrow {
    border-left-color: #5e6366;
 }

 .joint-tooltip.joint-theme-dark.top .tooltip-arrow {
    border-bottom-color: #5e6366;
 }

 .joint-tooltip.joint-theme-dark.bottom .tooltip-arrow {
    border-top-color: #5e6366;
 }

 .joint-tooltip.joint-theme-default {
    background-color: lightgrey;
    color: black;
    font-size: 14px;
 }

 .joint-tooltip.joint-theme-default.left .tooltip-arrow-mask {
    border-right-color: lightgrey;
 }

 .joint-tooltip.joint-theme-default.right .tooltip-arrow-mask {
    border-left-color: lightgrey;
 }

 .joint-tooltip.joint-theme-default.top .tooltip-arrow-mask {
    border-bottom-color: lightgrey;
 }

 .joint-tooltip.joint-theme-default.bottom .tooltip-arrow-mask {
    border-top-color: lightgrey;
 }

 .joint-tooltip.joint-theme-default.left .tooltip-arrow {
    border-right-color: lightgrey;
 }

 .joint-tooltip.joint-theme-default.right .tooltip-arrow {
    border-left-color: lightgrey;
 }

 .joint-tooltip.joint-theme-default.top .tooltip-arrow {
    border-bottom-color: lightgrey;
 }

 .joint-tooltip.joint-theme-default.bottom .tooltip-arrow {
    border-top-color: lightgrey;
 }

 .joint-tooltip.joint-theme-material {
     color: #deebfb;
     font-size: 14px;
     background: #5fa9ee;
     border: none;
     border-radius: 3px;
     font-family: lato-light, Arial, sans-serif;
     -webkit-animation: pulse 200ms cubic-bezier(0,0,.2,1);
     animation: pulse 200ms cubic-bezier(0,0,.2,1);
 }
 @-webkit-keyframes pulse {
   0% {
     -webkit-transform: scale(0);
             transform: scale(0);
     opacity: 0; }
   50% {
     -webkit-transform: scale(0.99);
             transform: scale(0.99); }
   100% {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 1;}
 }

 @keyframes pulse {
   0% {
     -webkit-transform: scale(0);
             transform: scale(0);
     opacity: 0; }
   50% {
     -webkit-transform: scale(0.99);
             transform: scale(0.99); }
   100% {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 1;}
 }

 .joint-tooltip.joint-theme-material.left .tooltip-arrow-mask {
     border-right-color: #5fa9ee;
 }

 .joint-tooltip.joint-theme-material.right .tooltip-arrow-mask {
     border-left-color: #5fa9ee;
 }

 .joint-tooltip.joint-theme-material.top .tooltip-arrow-mask {
     border-bottom-color: #5fa9ee;
 }

 .joint-tooltip.joint-theme-material.bottom .tooltip-arrow-mask {
     border-top-color: #5fa9ee;
 }

 .joint-tooltip.joint-theme-material.left .tooltip-arrow {
     border-right-color: #5fa9ee;
 }

 .joint-tooltip.joint-theme-material.right .tooltip-arrow {
     border-left-color: #5fa9ee;
 }

 .joint-tooltip.joint-theme-material.top .tooltip-arrow {
     border-bottom-color: #5fa9ee;
 }

 .joint-tooltip.joint-theme-material.bottom .tooltip-arrow {
     border-top-color: #5fa9ee;
 }

 .joint-tooltip.joint-theme-modern.joint-theme-modern {
    color: #fff;
    font-size: 14px;
    background: #6a6b8a;
    border: none;
    border-radius: 10px;
    box-shadow: 0 1px 1px #aaa;
 }

 .joint-tooltip.joint-theme-modern.left .tooltip-arrow-mask {
    border-right-color: #6a6b8a;
 }

 .joint-tooltip.joint-theme-modern.right .tooltip-arrow-mask {
    border-left-color: #6a6b8a;
 }

 .joint-tooltip.joint-theme-modern.top .tooltip-arrow-mask {
    border-bottom-color: #6a6b8a;
 }

 .joint-tooltip.joint-theme-modern.bottom .tooltip-arrow-mask {
    border-top-color: #6a6b8a;
 }

 .joint-tooltip.joint-theme-modern.left .tooltip-arrow {
    border-right-color: #6a6b8a;
 }

 .joint-tooltip.joint-theme-modern.right .tooltip-arrow {
    border-left-color: #6a6b8a;
 }

 .joint-tooltip.joint-theme-modern.top .tooltip-arrow {
    border-bottom-color: #6a6b8a;
 }

 .joint-tooltip.joint-theme-modern.bottom .tooltip-arrow {
    border-top-color: #6a6b8a;
 }

 .joint-snaplines {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     pointer-events: none;
 }

 .joint-snaplines > .snapline {
     position: absolute;
     pointer-events: none;
     opacity: 1;
 }

 .joint-snaplines > .snapline.horizontal {
     width: 100%;
 }

 .joint-snaplines > .snapline.vertical {
     height: 100%;
 }

 /* When the snaplines are inside the PaperScroller enlarge the snaplines so they appear as they would sit in the PaperScroller. */
 .joint-paper-scroller .joint-snaplines > .snapline.horizontal {
     width: 700%;
     left: -300%;
 }

 .joint-paper-scroller .joint-snaplines > .snapline.vertical {
     height: 700%;
     top: -300%;
 }

 .joint-snaplines.joint-theme-dark .snapline.horizontal {
     border-bottom: 1px solid #feb663;
 }

 .joint-snaplines.joint-theme-dark .snapline.vertical {
     border-right: 1px solid #feb663;
 }

 .joint-snaplines.joint-theme-default .snapline.horizontal {
     border-bottom: 1px solid lightgrey;
 }

 .joint-snaplines.joint-theme-default .snapline.vertical {
     border-right: 1px solid lightgrey;
 }

 .joint-snaplines.joint-theme-material .snapline.horizontal {
     border-bottom: 1px solid #5faaee;
 }

 .joint-snaplines.joint-theme-material .snapline.vertical {
     border-right: 1px solid #5faaee;
 }
 .joint-snaplines.joint-theme-modern .snapline.horizontal {
     border-bottom: 1px solid #2ECC71;
 }

 .joint-snaplines.joint-theme-modern .snapline.vertical {
     border-right: 1px solid #2ECC71;
 }

 .joint-text-editor {
     margin: 0;
     padding: 0;
 }

 @-webkit-keyframes text-editor-caret-blink {
     0%   { opacity: 1 }
     100%  { opacity: 0 }
 }
 @-moz-keyframes text-editor-caret-blink {
     0%   { opacity: 1 }
     100%  { opacity: 0 }
 }
 @-ms-keyframes text-editor-caret-blink {
     0%   { opacity: 1 }
     100%  { opacity: 0 }
 }
 @keyframes text-editor-caret-blink {
     0%   { opacity: 1 }
     100%  { opacity: 0 }
 }

 .joint-text-editor .caret {
     position: absolute;
     height: 15px;
     margin-left: -1px;
     margin-top: 2px;
     width: 1px;
     -webkit-animation: text-editor-caret-blink 1s linear 0s infinite;
     -moz-animation: text-editor-caret-blink 1s linear 0s infinite;
     -ms-animation: text-editor-caret-blink 1s linear 0s infinite;
     animation: text-editor-caret-blink 1s linear 0s infinite;
     pointer-events: none;
     white-space: nowrap;
 }
 .joint-text-editor .caret.placeholder {
     background-color: transparent;
     -webkit-animation: none;
     animation: none;
     width: auto;
 }

 .joint-text-editor .caret.placeholder:before {
     content: '';
     display: inline-block;
     height: 100%;
     width: 1px;
     -webkit-animation: text-editor-caret-blink 1s linear 0s infinite;
     -moz-animation: text-editor-caret-blink 1s linear 0s infinite;
     -ms-animation: text-editor-caret-blink 1s linear 0s infinite;
     animation: text-editor-caret-blink 1s linear 0s infinite;
     float: left;
 }
 .joint-text-editor .caret.placeholder:after {
     content: 'Enter text...';
     vertical-align: middle;
     display: inline-block;
 }

 .joint-text-editor .caret[text-anchor="middle"].placeholder:after {
     -ms-transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
 }

 .joint-text-editor .caret[text-anchor="end"].placeholder:after {
     -ms-transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
 }

 .joint-text-editor .char-selection-box {
     position: absolute;
     opacity: .8;
     padding: 0;
     margin: 0;
     margin-top: 2px;
     pointer-events: none;
 }

 .joint-text-editor .char-selection-box:hover {
     cursor: text;
 }

 .joint-text-editor .textarea-container {
     position: absolute;
     height: 0;
     overflow: hidden;
 }

 .joint-text-editor textarea {
     position: absolute;/* to get document.execCommand('copy') to work in Chrome */
     width: 1000px;
     height: 1em;
     outline: none;
 }

 .joint-text-editor.joint-theme-default .caret {
     background-color: black;
 }

 .joint-text-editor.joint-theme-default .caret.placeholder:before {
     background-color: black;
 }
 .joint-text-editor.joint-theme-default .caret.placeholder:after {
     font-style: italic;
     color: lightgray;
 }

 .joint-text-editor.joint-theme-default .char-selection-box {
     background-color: lightgray;
 }

 .joint-text-editor.joint-theme-modern .caret {
     background-color: black;
 }

 .joint-text-editor.joint-theme-modern .caret.placeholder:before {
     background-color: black;
 }
 .joint-text-editor.joint-theme-modern .caret.placeholder:after {
     font-style: italic;
     color: lightgray;
 }

 .joint-text-editor.joint-theme-modern .char-selection-box {
     background-color: #afd5ff;
 }

 .joint-dialog .bg {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: .5;
     z-index: 10000;
 }

 .joint-dialog .fg {
     width: 80%;
     margin: 0 auto;
     top: 100px;
     left: 0;
     right: 0;
     z-index: 10001;
     position: absolute;
 }

 .joint-dialog.inlined .bg {
     display: none;
 }

 .joint-dialog:not(.modal) .bg {
     display: none;
 }
 .joint-dialog:not(.modal) .fg {
     /* Make sure modal dialogs are always on top. */
     z-index: 9999;
 }

 .joint-dialog.inlined .fg {
     position: relative;
     top: auto;
     left: auto;
     margin: 0;
     z-index: auto;
 }

 .joint-dialog .titlebar {
     text-rendering: optimizeLegibility;
 }

 .joint-dialog.draggable .titlebar {
     cursor: move;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 .joint-dialog .titlebar.empty {
     display: none;
 }

 .joint-dialog .btn-close {
     line-height: 1;
     position: absolute;
     top: 5px;
     right: 5px;
     cursor: pointer;
 }

 .joint-dialog .body {
     padding: 10px;
 }

 .joint-dialog .controls {
     text-align: center; /* to align .center buttons */
 }

 .joint-dialog .controls .control-button {
     float: right; /* buttons are right-aligned by default */
     margin-left: 5px;
     margin-right: 5px;
     line-height: 30px;
     height: 30px;
     cursor: pointer;
     outline: none;
     margin-top: 20px;
     margin-bottom: 10px;
 }
 .joint-dialog .controls .control-button:first-child:not(.left):not(.center) {
     /* requires right-aligned buttons to come first in the generated HTML */
     /* workaround because right-aligned buttons do not have a dedicated class */
     margin-right: 10px; /* extra space for the rightmost right-aligned button */
 }
 .joint-dialog .controls .control-button.left {
     float: left;
 }
 .joint-dialog .controls .control-button.left:not(.left ~ .left) {
     margin-left: 10px; /* extra space for the leftmost left-aligned button */
 }
 .joint-dialog .controls .control-button.center {
     float: none; /* remove default button float */
     display: inline-block; /* align to center */
 }

 @font-face {
   font-family: 'dialog-icons-dark';
   src: url('data:application/octet-stream;base64,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') format('woff');
 }

 .joint-dialog.joint-theme-dark {
     font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
 }

 .joint-dialog.joint-theme-dark .bg {
     background-color: #111;
 }

 .joint-dialog.joint-theme-dark .fg {
     background-color: #f6f6f6;
     box-shadow: 2px 2px 3px #666;
     border-radius: 3px;
     overflow: hidden;
     border: 1px solid #383c3f;
 }

 .joint-dialog.joint-theme-dark.inlined .fg {
     position: relative;
     top: auto;
     left: auto;
     z-index: auto;
     margin: 0;
 }

 .joint-dialog.joint-theme-dark .titlebar {
     background: url('data:image/png;base64, ') repeat;
     color: #F5F5F5;
     padding: 10px;
     padding-right: 25px;
     text-shadow: 1px 2px 1px #313538;
     border-bottom: 1px solid #383c3f;
 }
 .joint-dialog.joint-theme-dark[data-type="alert"] .titlebar {
     background: url('data:image/png;base64,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') repeat;
  }
 .joint-dialog.joint-theme-dark[data-type="warning"] .titlebar {
     background: url('data:image/png;base64,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') repeat;
 }
 .joint-dialog.joint-theme-dark[data-type="info"] .titlebar {
     background: url('data:image/png;base64,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') repeat;
     border-bottom: 1px solid #06416E;
 }
 .joint-dialog.joint-theme-dark[data-type="success"] .titlebar {
     background: url('data:image/png;base64,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') repeat;
 }
 .joint-dialog.joint-theme-dark:not(.joint-lightbox) .btn-close {
     background-color: transparent;
     border: none;
     visibility: hidden;
     top: 10px;
 }
 .joint-dialog.joint-theme-dark:not(.joint-lightbox) .btn-close:before {
     position: absolute;
     color: #F5F5F5;
     font-family: dialog-icons-dark;
     font-style: normal;
     font-weight: 400;
     speak: none;
     display: inline-block;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     font-size: 16px;
     text-shadow: 0px 1px #35393c;
     content: '\e80a';
     visibility: visible;
 }
 .joint-dialog.joint-theme-dark:not(.joint-lightbox) .btn-close:hover:before {
     color: #866B6B;
 }
 .joint-dialog.joint-theme-dark .body {
     color: #3c4260;
     background-color: #f6f6f6;
     padding: 10px;
 }

 .joint-dialog.joint-theme-dark .controls .control-button {
     border: 1px solid #6A6C8B;
     color: #6A6C8B;
     background-color: transparent;
     border-radius: 8px;
     font-weight: bolder;
     min-width: 100px;
     padding: 0 15px;
     font-size: 10pt;
 }

 .joint-dialog.joint-theme-dark .controls .control-button:hover {
     color: #f6f6f6;
     background-color: #6A6C8B;
 }

 .joint-dialog.joint-theme-default {
     font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
 }

 .joint-dialog.joint-theme-default .bg {
     background-color: black;
 }

 .joint-dialog.joint-theme-default .fg {
     border-radius: 5px;
     background-color: white;
     border: 1px solid lightgrey;
 }

 .joint-dialog.joint-theme-default.inlined .fg {
     position: relative;
     top: auto;
     left: auto;
     margin: 0;
     z-index: auto;
 }

 .joint-dialog.joint-theme-default .titlebar {
     background-color: #7c68fc;
     padding: 10px;
     padding-right: 25px;
     color: white;
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
     border-bottom: 1px solid lightgrey;
 }

 .joint-dialog.joint-theme-default[data-type="alert"] .titlebar {
     background-color: #fe854f;
 }
 .joint-dialog.joint-theme-default[data-type="warning"] .titlebar {
     background-color: #feb663;
 }
 .joint-dialog.joint-theme-default[data-type="success"] .titlebar {
     background-color: #31d0c6;
 }
 .joint-dialog.joint-theme-default[data-type="neutral"] .titlebar {
     background-color: #efefef;
     color: #696c8a;
 }

 .joint-dialog.joint-theme-default .btn-close {
     background-color: transparent;
     border: 1px solid transparent;
     font-size: 16px;
     font-family: Arial;
     border-radius: 4px;
 }

 .joint-dialog.joint-theme-default .btn-close:hover {
     border: 1px solid black;
 }

 .joint-dialog.joint-theme-default .body {
     padding: 10px;
 }

 .joint-dialog.joint-theme-default .controls .control-button {
     border: 1px solid lightgrey;
     color: black;
     background-color: transparent;
     padding: 0 15px;
     font-size: 10pt;
     border-radius: 4px;
 }

 .joint-dialog.joint-theme-default .controls .control-button:hover {
     background-color: lightgrey;
 }

 .joint-dialog.joint-theme-material {
     font-family: lato-light, Arial, sans-serif;
 }

 .joint-dialog.joint-theme-material .fg {
     border: 2px solid #d0d8e8;
     background-color: #ecf0f8;
     border-radius: 3px;
     overflow: hidden;
 }

 .joint-dialog.joint-theme-material.inlined .fg {
     position: relative;
     top: auto;
     left: auto;
     z-index: auto;
     margin: 0;
 }

 .joint-dialog.joint-theme-material .titlebar {
     color: #6a6c8a;
     text-shadow: none;
     background-color: #d0d8e8;
     padding: 5px;
     padding-right: 25px;
 }
 .joint-dialog.joint-theme-material[data-type="alert"] .fg {
     border-color: #C00D0F;
 }
 .joint-dialog.joint-theme-material[data-type="alert"] .titlebar {
     color:#deebfb;
     background-color: #C00D0F;
 }
 .joint-dialog.joint-theme-material[data-type="warning"] .fg {
     border-color: #daac0f;
 }
 .joint-dialog.joint-theme-material[data-type="warning"] .titlebar {
     color: #deebfb;
     background-color: #daac0f;
 }
 .joint-dialog.joint-theme-material[data-type="success"] .fg {
     border-color: #5fa9ee;
 }
 .joint-dialog.joint-theme-material[data-type="success"] .titlebar {
     color: #deebfb;
     background-color: #5fa9ee;
 }

 .joint-dialog.joint-theme-material .btn-close {
     color: #6a6c8a;
     font-size: 16px;
     background-color: transparent;
     border: none;
 }
 .joint-dialog.joint-theme-material[data-type="alert"] .btn-close,
 .joint-dialog.joint-theme-material[data-type="warning"] .btn-close,
 .joint-dialog.joint-theme-material[data-type="success"] .btn-close {
     color: #f6f6f6;
 }

 .joint-dialog.joint-theme-material .body {
     color: #55627b;
     padding: 10px;
 }

 .joint-dialog.joint-theme-material .controls .control-button {
     border: none;
     color: #fefefe;
     background-color: #5faaee;
     border-radius: 8px;
     padding: 0 15px;
     font-size: 10pt;
     font-weight: bold;
 }

 .joint-dialog.joint-theme-material .controls .control-button:hover {
     background-color: #4C88BE;
 }

 .joint-dialog.joint-theme-modern {
     font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
 }

 .joint-dialog.joint-theme-modern .bg {
     background-color: #111;
 }

 .joint-dialog.joint-theme-modern .fg {
     background-color: #f6f6f6;
     box-shadow: 0 0 3px #888;
     border-radius: 10px;
     overflow: hidden;
 }

 .joint-dialog.joint-theme-modern.inlined .fg {
     position: relative;
     top: auto;
     left: auto;
     z-index: auto;
     margin: 0;
 }

 .joint-dialog.joint-theme-modern .titlebar {
     color: #6a6c8a;
     text-shadow: none;
     background-color: #efefef;
     padding: 10px;
     padding-right: 25px;
 }
 .joint-dialog.joint-theme-modern[data-type="alert"] .titlebar {
     color: #f6f6f6;
     background-color: #fe854f;
 }
 .joint-dialog.joint-theme-modern[data-type="warning"] .titlebar {
     color: #f6f6f6;
     background-color: #feb663;
 }
 .joint-dialog.joint-theme-modern[data-type="success"] .titlebar {
     color: #f6f6f6;
     background-color: #31d0c6;
 }

 .joint-dialog.joint-theme-modern .btn-close {
     color: #6a6c8a;
     font-size: 16px;
     font-family: Arial;
     background-color: transparent;
     border: none;
 }
 .joint-dialog.joint-theme-modern[data-type="alert"] .btn-close,
 .joint-dialog.joint-theme-modern[data-type="warning"] .btn-close,
 .joint-dialog.joint-theme-modern[data-type="success"] .btn-close {
     color: #f6f6f6;
 }

 .joint-dialog.joint-theme-modern .body {
     color: #3c4260;
     padding: 10px;
 }

 .joint-dialog.joint-theme-modern .controls .control-button {
     border: 1px solid #6A6C8B;
     color: #6A6C8B;
     background-color: transparent;
     border-radius: 15px;
     padding: 0 15px;
     font-size: 10pt;
     font-family: 'Helvetica Neue';
 }

 .joint-dialog.joint-theme-modern .controls .control-button:hover {
     color: #f6f6f6;
     background-color: #6A6C8B;
 }

 .joint-flash-message .fg {
     top: 0;
     max-width: 30%;
     min-width: 300px;
     right: 20px;
     left: auto;
 }
 .joint-flash-message .titlebar {
     border-radius: 0;
     border-bottom: 0;
 }

 .joint-flash-message.joint-theme-default .fg {
     border-radius: 5px;
 }
 .joint-flash-message.joint-theme-default .titlebar {
     padding: 5px;
     padding-right: 25px;
 }
 .joint-flash-message.joint-theme-default .body {
     color: white;
 }
 .joint-flash-message.joint-theme-default .fg {
     background-color: #7c68fc;
 }
 .joint-flash-message.joint-theme-default[data-type="alert"] .fg {
     background-color: #fe854f;
 }
 .joint-flash-message.joint-theme-default[data-type="warning"] .fg {
     background-color: #feb663;
 }
 .joint-flash-message.joint-theme-default[data-type="success"] .fg {
     background-color: #31d0c6;
 }
 .joint-flash-message.joint-theme-default[data-type="neutral"] .fg {
     background-color: #efefef;
 }
 .joint-flash-message.joint-theme-default[data-type="neutral"] .body {
     color: #696c8a;
     text-shadow: none;
 }


 .joint-dialog.joint-lightbox {
     position: fixed;
     z-index: 10000;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     text-align: center; /* to align .fg to center */
 }

 .joint-dialog.joint-lightbox .bg {
     opacity: .87;
 }

 .joint-dialog.joint-lightbox .btn-close {
     background-color: transparent;
     border: 1px solid transparent;
     text-shadow: none;
 }

 .joint-dialog.joint-lightbox .fg {
     position: relative;
     display: inline-block; /* align to center */
     overflow: visible;
     background-color: transparent;
     top: 0;
     width: 80%;
     height: 80%;
     min-width: 10%;
     max-height: none;
     border: none;
     box-shadow: none;
     text-align: center; /* to align .body to center */
 }

 .joint-dialog.joint-lightbox .body {
     display: inline-block; /* align to center */
     background-color: transparent;
     padding: 0;
     width: 100%;
     height: 100%;
 }

 .joint-dialog.joint-lightbox img {
     display: inline-block;
     max-width: 100%;
     max-height: 100%;
 }

 .joint-dialog.joint-lightbox .titlebar {
     position: absolute; /* to position it after .body */
     background-color: transparent;
     background: none;
     top: 100%;
     padding: 10px 0px;
     border-bottom: none;
     text-align: left;
 }

 .joint-dialog.joint-lightbox .controls {
     position: relative; /* to position it after .titlebar */
 }

 .joint-dialog.joint-lightbox.joint-theme-dark .btn-close {
     color: #d1d2d4;
     top: -35px;
     right: -4px;
     font-size: 24px;
 }

 .joint-dialog.joint-lightbox.joint-theme-dark .btn-close:hover {
     color: #d1d2d4;
     border: 1px solid #937b7b;
 }

 .joint-dialog.joint-lightbox.joint-theme-dark .titlebar {
     color: #d1d2d4;
 }

 .joint-dialog.joint-lightbox.joint-theme-dark .control-button {
     color: #d1d2d4;
     border: 1px solid #937b7b;
 }

 .joint-dialog.joint-lightbox.joint-theme-default .btn-close {
     color: #fff;
     top: -35px;
     right: -2px;
     font-size: 24px;
 }

 .joint-dialog.joint-lightbox.joint-theme-default .btn-close:hover {
     border: 1px solid #fff;
 }

 .joint-dialog.joint-lightbox.joint-theme-default .titlebar {
     color: #fff;
 }

 .joint-dialog.joint-lightbox.joint-theme-default .control-button {
     color: #fff;
 }

 .joint-dialog.joint-lightbox.joint-theme-material {
     font-family: lato-light, Arial, sans-serif;
 }

 .joint-dialog.joint-lightbox.joint-theme-material .bg {
     background: #000;
 }

 .joint-dialog.joint-lightbox.joint-theme-material .btn-close {
     color: #fff;
     top: -35px;
     right: -2px;
     font-size: 24px;
 }

 .joint-dialog.joint-lightbox.joint-theme-material .btn-close:hover {
     border: 1px solid #fff;
 }

 .joint-dialog.joint-lightbox.joint-theme-material .titlebar {
     color: #fff;
 }

 .joint-dialog.joint-lightbox.joint-theme-material .control-button {
     color: #fff;
 }

 .joint-dialog.joint-lightbox.joint-theme-modern .btn-close {
     color: #fff;
     top: -35px;
     right: -2px;
     font-size: 24px;
 }

 .joint-dialog.joint-lightbox.joint-theme-modern .btn-close:hover {
     border: 1px solid #fff;
 }

 .joint-dialog.joint-lightbox.joint-theme-modern .titlebar {
     color: #fff;
 }

 .joint-dialog.joint-lightbox.joint-theme-modern .control-button {
     color: #fff;
 }

 .joint-context-toolbar {
     position: absolute;
     z-index: 1000;
 }
 .joint-context-toolbar .tools {
     margin-top: -5px;
     margin-left: -4px;
 }
 .joint-context-toolbar .tool {
     min-height: 30px;
     min-width: 35px;
     cursor: pointer;
     outline: none;
     vertical-align: middle;
     margin: 0;
     padding: 5px;
 }
 .joint-context-toolbar.joint-vertical .tool {
     display: block;
     width: 100%;
 }
 .joint-context-toolbar .tool > img {
     pointer-events: none;
 }

 .joint-context-toolbar.joint-theme-dark .tools {
     border: 1px solid #0f1110;
     padding: 5px;
     border-radius: 3px;
     background: #5e6366;
 }
 .joint-context-toolbar.joint-theme-dark .tool {
     border: 1px solid #0f1110;
     color: #d1d2d4;
     box-shadow: -1px -1px 0 0 hsl(0, 0%, 40%) inset;
     border-right: none;
     background: rgba(104,108,112,1);
     background:
         -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(120,124,128,1)), color-stop(1%, rgba(119,123,127,1)), color-stop(100%, rgba(104,108,112,1))); /*  safari4+,chrome */
     background:
         -webkit-linear-gradient(270deg, rgba(120,124,128,1) 0%, rgba(119,123,127,1) 1%, rgba(104,108,112,1) 100%); /* safari5.1+,chrome10+ */
     background:
         -o-linear-gradient(270deg, rgba(120,124,128,1) 0%, rgba(119,123,127,1) 1%, rgba(104,108,112,1) 100%);  /* opera 11.10+ */
     background:
         -ms-linear-gradient(270deg, rgba(120,124,128,1) 0%, rgba(119,123,127,1) 1%, rgba(104,108,112,1) 100%);  /* ie10+ */
     background:
         linear-gradient(180deg, rgba(120,124,128,1) 0%, rgba(119,123,127,1) 1%, rgba(104,108,112,1) 100%); /* w3c */
 }
 .joint-context-toolbar.joint-theme-dark.joint-vertical .tool {
     border-right: 1px solid #0f1110;
     border-bottom: none;
 }
 .joint-context-toolbar.joint-theme-dark .tool:last-child {
     border-right: 1px solid #0f1110;
 }
 .joint-context-toolbar.joint-theme-dark.joint-vertical .tool:last-child {
     border-bottom: 1px solid #0f1110;
 }
 .joint-context-toolbar.joint-theme-dark .tool:hover,
 .joint-context-toolbar.joint-theme-dark .tool:active {
     background: #92979b;
     background: -webkit-linear-gradient(#3b3f40, #454a4d);
     background: -o-linear-gradient(#3b3f40, #454a4d);
     background: -moz-linear-gradient(#3b3f40, #454a4d);
     background: linear-gradient(#3b3f40, #454a4d);
     box-shadow: -1px -1px 0 0 hsl(0, 0%, 35%) inset;
 }

 .joint-context-toolbar.joint-theme-default .tools {
     border: 1px solid lightgrey;
 }
 .joint-context-toolbar.joint-theme-default .tool {
     background: white;
     border: none;
 }
 .joint-context-toolbar.joint-theme-default .tool:not(:last-child) {
     border-right: 1px solid lightgrey;
 }
 .joint-context-toolbar.joint-theme-default.joint-vertical .tool:not(:last-child) {
     border-right: none;
     border-bottom: 1px solid lightgrey;
 }
 .joint-context-toolbar.joint-theme-default.joint-vertical .tool {
     border-bottom: none;
 }

 .joint-context-toolbar.joint-theme-default .tool:hover {
     background-color: lightgrey;
 }
 .joint-context-toolbar.joint-theme-default .tool:active {
     background-color: grey;
 }

 .joint-context-toolbar.joint-theme-material .tools {
     border: 2px solid #d0d8e8;
     border-radius: 3px;
 }
 .joint-context-toolbar.joint-theme-material .tool {
     background: #f6f6f6;
     border: none;
     border-right: 1px solid #d0d8e8;
 }
 .joint-context-toolbar.joint-theme-material.joint-vertical .tool {
     border-right: none;
     border-bottom: 1px solid #d0d8e8;
 }
 .joint-context-toolbar.joint-theme-material .tool:last-child {
     border-right: none;
 }
 .joint-context-toolbar.joint-theme-material.joint-vertical .tool:last-child {
     border-bottom: none;
     border-right: none;
 }
 .joint-context-toolbar.joint-theme-material .tool:hover,
 .joint-context-toolbar.joint-theme-material .tool:active {
     background-color: #d0d8e8;
 }

 .joint-context-toolbar.joint-theme-modern .tools {
     border: 2px solid #31d0c6;
     border-radius: 10px;
 }
 .joint-context-toolbar.joint-theme-modern .tool {
     background: #f6f6f6;
     border: none;
     border-right: 1px solid #c6c7e2;
 }
 .joint-context-toolbar.joint-theme-modern .tool:last-child {
     border-right: none;
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
 }
 .joint-context-toolbar.joint-theme-modern .tool:first-child {
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
 }
 .joint-context-toolbar.joint-theme-modern.joint-vertical .tool {
     border-right: none;
     border-bottom: 1px solid #c6c7e2;
 }
 .joint-context-toolbar.joint-theme-modern.joint-vertical .tool:last-child {
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
     border-top-right-radius: 0;
     border-bottom: none;
 }
 .joint-context-toolbar.joint-theme-modern.joint-vertical .tool:first-child {
     border-top-right-radius: 8px;
     border-top-left-radius: 8px;
     border-bottom-left-radius: 0;
 }

 .joint-context-toolbar.joint-theme-modern .tool:hover,
 .joint-context-toolbar.joint-theme-modern .tool:active {
     background-color: #c6c7e2;
 }

 .joint-popup {
     position: absolute;
     z-index: 1000;
 }

 /* Arrow styling. */

 .joint-popup:before,
 .joint-popup:after {
     content: ' ';
     height: 0;
     position: absolute;
     width: 0;
 }

 /* top-stacked, smaller arrow */
 .joint-popup:before {

     /* positioning */
     position: absolute;
     top: -18px;
     left: 50%;
     margin-left: -10px;
     z-index: 2;
 }

 /* arrow which acts as a background shadow */
 .joint-popup:after {

     /* positioning */
     position: absolute;
     top: -22px;
     left: 50%;
     margin-left: -10px;
     z-index: 1;
 }

 .joint-popup.joint-theme-dark {
     background-color: #8b9094;
     border: 2px solid #5e6366;
     border-radius: 10px;
     padding: 10px;
 }

 /* Arrow styling. */

 .joint-popup.joint-theme-dark:before,
 .joint-popup.joint-theme-dark:after {
     border: 10px solid transparent; /* arrow size */
 }

 /* top-stacked, smaller arrow */
 .joint-popup.joint-theme-dark:before {
     border-bottom-color: #8b9094;  /* arrow color */
 }

 /* arrow which acts as a background shadow */
 .joint-popup.joint-theme-dark:after {
     border-bottom-color: #5e6366;  /* arrow color */
 }

 .joint-popup.joint-theme-default {
     border: 1px solid lightgrey;
     background-color: white;
     padding: 10px;
 }

 /* Arrow styling. */

 .joint-popup.joint-theme-default:before {
     top: -21px;
 }

 .joint-popup.joint-theme-default:before,
 .joint-popup.joint-theme-default:after {
     border: 11px solid transparent; /* arrow size */
 }

 /* top-stacked, smaller arrow */
 .joint-popup.joint-theme-default:before {
     border-bottom-color: white;  /* arrow color */
 }

 /* arrow which acts as a background shadow */
 .joint-popup.joint-theme-default:after {
     border-bottom-color: lightgrey;  /* arrow color */
 }

 .joint-popup.joint-theme-material {
     background-color: #ecf0f8;
     border: 2px solid #d0d8e8;
     border-radius: 10px;
     padding: 10px;
     font-family: lato-light, Arial, sans-serif;
 }

 /* Arrow styling. */

 .joint-popup.joint-theme-material:before,
 .joint-popup.joint-theme-material:after {
     border: 10px solid transparent; /* arrow size */
 }

 /* top-stacked, smaller arrow */
 .joint-popup.joint-theme-material:before {
     border-bottom-color: #ecf0f8;  /* arrow color */
 }

 /* arrow which acts as a background shadow */
 .joint-popup.joint-theme-material:after {
     border-bottom-color: #d0d8e8;  /* arrow color */
 }

 .joint-popup.joint-theme-modern {
     background-color: #fff;
     border: 2px solid #31d0c6;
     border-radius: 10px;
     padding: 10px;
 }

 /* Arrow styling. */

 .joint-popup.joint-theme-modern:before,
 .joint-popup.joint-theme-modern:after {
     border: 10px solid transparent; /* arrow size */
 }

 /* top-stacked, smaller arrow */
 .joint-popup.joint-theme-modern:before {
     border-bottom-color: #fff;  /* arrow color */
 }

 /* arrow which acts as a background shadow */
 .joint-popup.joint-theme-modern:after {
     border-bottom-color: #31d0c6;  /* arrow color */
 }

 .joint-select-box {
     position: relative;
     display: inline-block;
     cursor: pointer;
     box-sizing: border-box;
 }
 .select-box-selection {
     padding: 8px 12px;
     padding-right: 40px;
 }
 .select-box-selection:empty {
     height: 1em;
 }
 .select-box-selection:after,
 .select-box-option.selected:after {
     content: '';
     display: block;
     position: absolute;
     right: 10px;
     top: 0;
     bottom: 0;
     margin: auto;
 }
 .joint-select-box-options {
     position: absolute;
     z-index: 10001;
     box-sizing: border-box;
 }
 .joint-select-box.opened .joint-select-box-options {
     display: block;
 }
 .select-box-option {
     cursor: pointer;
     padding: 8px 12px;
     padding-right: 40px;
     position: relative;
     box-sizing: border-box;
 }
 .select-box-option-icon {
     max-height: 1em;
     vertical-align: bottom;
     margin-right: 10px;
 }

 /* Availibility */

 .joint-select-box.disabled {
     cursor: default;
 }

 .joint-select-box.disabled .select-box-selection:after {
     display: none;
 }
 .joint-select-box.joint-theme-dark {
     font-size: 14px;
     line-height: 1em;
 }

 .joint-select-box.joint-theme-dark:not(.joint-color-palette) .select-box-selection {
     padding-right: 35px;
     color: #24282b;
     background: #92979b;
     background: -webkit-linear-gradient(#8b9094, #92979b);
     background: -o-linear-gradient(#8b9094, #92979b);
     background: -moz-linear-gradient(#8b9094, #92979b);
     background: linear-gradient(#8b9094, #92979b);
     border: 1px solid #42474a;
     border-radius: 3px;

     margin: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }
 .joint-select-box.joint-theme-dark:not(.joint-color-palette) .select-box-placeholder {
     color: #d6d6d6;
 }
 .joint-select-box-options.joint-theme-dark {
     font-size: 14px;
     border: 2px solid #383c3f;
     border-radius: 2px;
     background-color: #f6f6f6;
 }
 .joint-select-box.joint-theme-dark .select-box-option.hover {
     background-color: #8b9094;
 }
 .joint-select-box.joint-theme-dark.disabled:not(.joint-color-palette) .select-box-selection {
     background: linear-gradient(#8b9094, #92979b);
 }
 .joint-select-box.joint-theme-dark.disabled .select-box-option-content {
     color: #d6d6d6;
 }
 .joint-select-box.joint-theme-dark .select-box-selection:after {
     width: 33px;
     height: calc(100% - 2px);
     border:  1px solid #42474a;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     right: 0;
     background:
         url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAKCAYAAAA6jzeaAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUMDA4najXgawAAAMZJREFUOMvtkjFOw0AQRd+MLCsugC6cyKegQeJckVLkUjZbZFdA8AHsLMI7Q4FEn0WKKHjdFPP19GfgDyA1Sw+PT35elp9ZVXF3uq7jsN9dnNnUSPR9z/12i1hBVTEBd2GaJg773cV5WiMxjiOllO8qRVAHM2MYhqpzVEnM80xKCRHBzCgIMUaWc76exGbTyTEmmfMHq0POmWNMtG0rV5NY10/MjBACqspzCLi7mFlVE1WP6Q7gvLy+cXN7x+n0TtM0/PNbvgDYoFa9lKBZgwAAAABJRU5ErkJggg==') right center no-repeat;
     background:
         url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAKCAYAAAA6jzeaAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUMDA4najXgawAAAMZJREFUOMvtkjFOw0AQRd+MLCsugC6cyKegQeJckVLkUjZbZFdA8AHsLMI7Q4FEn0WKKHjdFPP19GfgDyA1Sw+PT35elp9ZVXF3uq7jsN9dnNnUSPR9z/12i1hBVTEBd2GaJg773cV5WiMxjiOllO8qRVAHM2MYhqpzVEnM80xKCRHBzCgIMUaWc76exGbTyTEmmfMHq0POmWNMtG0rV5NY10/MjBACqspzCLi7mFlVE1WP6Q7gvLy+cXN7x+n0TtM0/PNbvgDYoFa9lKBZgwAAAABJRU5ErkJggg==') right center no-repeat,
         -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(120,124,128,1)), color-stop(1%, rgba(119,123,127,1)), color-stop(100%, rgba(104,108,112,1))); /*  safari4+,chrome */
     background:
         url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAKCAYAAAA6jzeaAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUMDA4najXgawAAAMZJREFUOMvtkjFOw0AQRd+MLCsugC6cyKegQeJckVLkUjZbZFdA8AHsLMI7Q4FEn0WKKHjdFPP19GfgDyA1Sw+PT35elp9ZVXF3uq7jsN9dnNnUSPR9z/12i1hBVTEBd2GaJg773cV5WiMxjiOllO8qRVAHM2MYhqpzVEnM80xKCRHBzCgIMUaWc76exGbTyTEmmfMHq0POmWNMtG0rV5NY10/MjBACqspzCLi7mFlVE1WP6Q7gvLy+cXN7x+n0TtM0/PNbvgDYoFa9lKBZgwAAAABJRU5ErkJggg==') right center no-repeat,
         -webkit-linear-gradient(270deg, rgba(120,124,128,1) 0%, rgba(119,123,127,1) 1%, rgba(104,108,112,1) 100%); /* safari5.1+,chrome10+ */
     background:
         url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAKCAYAAAA6jzeaAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUMDA4najXgawAAAMZJREFUOMvtkjFOw0AQRd+MLCsugC6cyKegQeJckVLkUjZbZFdA8AHsLMI7Q4FEn0WKKHjdFPP19GfgDyA1Sw+PT35elp9ZVXF3uq7jsN9dnNnUSPR9z/12i1hBVTEBd2GaJg773cV5WiMxjiOllO8qRVAHM2MYhqpzVEnM80xKCRHBzCgIMUaWc76exGbTyTEmmfMHq0POmWNMtG0rV5NY10/MjBACqspzCLi7mFlVE1WP6Q7gvLy+cXN7x+n0TtM0/PNbvgDYoFa9lKBZgwAAAABJRU5ErkJggg==') right center no-repeat,
         -o-linear-gradient(270deg, rgba(120,124,128,1) 0%, rgba(119,123,127,1) 1%, rgba(104,108,112,1) 100%);  /* opera 11.10+ */
     background:
         url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAKCAYAAAA6jzeaAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUMDA4najXgawAAAMZJREFUOMvtkjFOw0AQRd+MLCsugC6cyKegQeJckVLkUjZbZFdA8AHsLMI7Q4FEn0WKKHjdFPP19GfgDyA1Sw+PT35elp9ZVXF3uq7jsN9dnNnUSPR9z/12i1hBVTEBd2GaJg773cV5WiMxjiOllO8qRVAHM2MYhqpzVEnM80xKCRHBzCgIMUaWc76exGbTyTEmmfMHq0POmWNMtG0rV5NY10/MjBACqspzCLi7mFlVE1WP6Q7gvLy+cXN7x+n0TtM0/PNbvgDYoFa9lKBZgwAAAABJRU5ErkJggg==') right center no-repeat,
         -ms-linear-gradient(270deg, rgba(120,124,128,1) 0%, rgba(119,123,127,1) 1%, rgba(104,108,112,1) 100%);  /* ie10+ */
     background:
         url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAKCAYAAAA6jzeaAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUMDA4najXgawAAAMZJREFUOMvtkjFOw0AQRd+MLCsugC6cyKegQeJckVLkUjZbZFdA8AHsLMI7Q4FEn0WKKHjdFPP19GfgDyA1Sw+PT35elp9ZVXF3uq7jsN9dnNnUSPR9z/12i1hBVTEBd2GaJg773cV5WiMxjiOllO8qRVAHM2MYhqpzVEnM80xKCRHBzCgIMUaWc76exGbTyTEmmfMHq0POmWNMtG0rV5NY10/MjBACqspzCLi7mFlVE1WP6Q7gvLy+cXN7x+n0TtM0/PNbvgDYoFa9lKBZgwAAAABJRU5ErkJggg==') right center no-repeat,
         linear-gradient(180deg, rgba(120,124,128,1) 0%, rgba(119,123,127,1) 1%, rgba(104,108,112,1) 100%); /* w3c */
 }

 .joint-select-box.joint-theme-default {
     font-size: 14px;
     line-height: 1em;
     background: white;
     color: black;
 }
 .joint-select-box.joint-theme-default .select-box-selection {
     border: 1px solid lightgrey;
 }
 .joint-select-box.joint-theme-default .select-box-placeholder {
     color: lightgrey;
 }
 .joint-select-box.joint-theme-default .select-box-selection:after,
 .joint-select-box.joint-theme-default .select-box-option.selected:after {
     width: 10px;
     height: 6px;
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAABdCAYAAABU+d9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABONJREFUeNrs3eFV4kAQB/BgA9qBdIAdSAemA/GLfjyugqOD4z76Ca4D6QA6gA68Cs6rgNvBCbdyMSSwye7M/Oe9PH3qg2Tn52Y3TDa97XabNYmnp6cr9+Xm4Mdvz8/P6wxhIpwByv+V/zOX/2WT1+jVgcfYRrwNKv504bYX2tyOvCFFaqBR/nPO/23Fn67cNq+T/6Pw3JtO3Jex2y4b7Osft01pA0Dx4CYMrmn+Jy7308bwuDudH+nh6uzAyO3AC9IoDt2Y0V2e8TIrzv9rLXjuTXNGdxnoOBa8A+j90gfX59zfBnpJ6nyGh3OA/+C5N6ZuddbCMf2icQImIclPGpYBO5xP8X2A1+IbV+pHqEbn5/6mOO1eHAwkX1p844xfe8kHibCDrsj9fqx/4f2CBpPXHRwn8NlDV8SAh3Lv8Li3G3d4vMCXBrpRh+iKmPg9Xt7xmwNfGuhmEfJ+TVdNfHgxAvjioosVe3jDiDsBfLbQUdz0Hh8faXz3O5F2eXDT7Tl4qEa3n9Wm1NPMilkPQi86f3KRAR/QWYcHfMrRFfDWwKcW3SRFdBS7z2rdDm4Tbj9MOE5DR212n+jubYpT7SrhNkTPpwsdxbqAt0y8LYFPD7qdtwKehAphwjcFLfHodt729Xhup2mSMRCw0z/dmA+9n1x0C5e/3L+cIqU3uedGRshDt3d2WIH8mnVTk4eezya6lcvZkL45vIA8FtTmpns+qqEUho5iUnxTdrMPTTTuBB2MuZ6PC3eXQsbkRfxwedp3bGUfmVESN+j5gC5gbPzerrTHE3xw6ns+weiGh/dUV60kIPEg1d44LrUzoHlDWT4q107R9B8GdGmdgeos2gN8QBd82NOruz6ewKm7eHyax9q9JgszAh/QhZrg9U5YERT42kfX5d39Ua4qNIYHfEBXEl+rFmEMBg/4gM6LkyrET4bHDUXKvwjDl5etUAl03aE7Gx43GJ3XZ4IaK7k1+qyhCwIP+IAuGjzgM4Mu2GLqweABnwl0wdoqKDwP39Rqg6KNIsHDfzPOCtHgAR/QRYMHfOLRbXgi0co/YqvwLF8uUICu1U95Wofn4aNEDqzhA7qI8DgBEst8zsIHdAnAs4YP6BKCZwUfL4j4TdDxfXpTjhp42vEJLBeLcltoFHgePkrSnRZ8QCcAnuBkleIDOmHwhCbtwzogQCcUnuTkaemxzcITio8ed38NdMLhMT46BUi6/gV0GuABn350ycIDvmBB1TbjFB9Qkyw84AuCLqm76cTA8/BJKhMHOg3wGJ/Emj6gkw4P+HShEwUP+I5GsstziIcHfJXoRC3FJg4e4+tn7w/+G8CczMUnRcJjfBJr+oBOOjzg2z3cOpe6xrNoeIbxiX+YjHh4Hj4a890CHeDFADjPZJVVmUSnDp5yfKqe1aYOnlJ8jVdVBzzgOzceUixrArxqfHRDznegA7wY+GhcNAM6wAO+6ki2ahjw9OITU9YEeM3xpVrNbAadOXiML8WyKlPoTMJLEJ85dGbhJYRPVNUw4OnAJ/7R9YB3Hr5+1n01s2l0gPcPX5c1febRAV73+ERXDQOeTHyqypoArx188yzs2sxAB3i1AVJly+TMGa+Jz10Br50ZL+E7pa6v82dHAJ5OgLnbRkfGfxs+Tc8BDvDaGAPShec+b6+8rYGtfvwVYABN8cuiTxhvmwAAAABJRU5ErkJggg==');
     background-size: 10px 6px;
 }
 .joint-select-box-options.joint-theme-default {
     font-size: 14px;
     border: 1px solid lightgrey;
     border-radius: 2px;
     background-color: white;
 }
 .joint-select-box.joint-theme-default .select-box-option.hover {
     background-color: lightgrey;
 }
 .joint-select-box.joint-theme-default.disabled .select-box-selection {
     border-color: lightgrey;
 }
 .joint-select-box.joint-theme-default.disabled .select-box-option-content {
     color: lightgrey;
 }
 @font-face {
   font-family: 'select-box-material';
   src: url('data:application/octet-stream;base64,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') format('woff');
 }

 /*QMS-CKEditor*/
 .joint-select-box.joint-theme-bpmn {
  font-size: 14px;
  line-height: 1em;
  background: white;
  color: black;
  }
  .joint-select-box.joint-theme-bpmn .select-box-selection {
    border: 1px solid lightgrey;
  }
  .joint-select-box.joint-theme-bpmn .select-box-placeholder {
    color: lightgrey;
  }
  .joint-select-box.joint-theme-bpmn .select-box-selection:after,
  .joint-select-box.joint-theme-bpmn .select-box-option.selected:after {
    width: 10px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAABdCAYAAABU+d9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABONJREFUeNrs3eFV4kAQB/BgA9qBdIAdSAemA/GLfjyugqOD4z76Ca4D6QA6gA68Cs6rgNvBCbdyMSSwye7M/Oe9PH3qg2Tn52Y3TDa97XabNYmnp6cr9+Xm4Mdvz8/P6wxhIpwByv+V/zOX/2WT1+jVgcfYRrwNKv504bYX2tyOvCFFaqBR/nPO/23Fn67cNq+T/6Pw3JtO3Jex2y4b7Osft01pA0Dx4CYMrmn+Jy7308bwuDudH+nh6uzAyO3AC9IoDt2Y0V2e8TIrzv9rLXjuTXNGdxnoOBa8A+j90gfX59zfBnpJ6nyGh3OA/+C5N6ZuddbCMf2icQImIclPGpYBO5xP8X2A1+IbV+pHqEbn5/6mOO1eHAwkX1p844xfe8kHibCDrsj9fqx/4f2CBpPXHRwn8NlDV8SAh3Lv8Li3G3d4vMCXBrpRh+iKmPg9Xt7xmwNfGuhmEfJ+TVdNfHgxAvjioosVe3jDiDsBfLbQUdz0Hh8faXz3O5F2eXDT7Tl4qEa3n9Wm1NPMilkPQi86f3KRAR/QWYcHfMrRFfDWwKcW3SRFdBS7z2rdDm4Tbj9MOE5DR212n+jubYpT7SrhNkTPpwsdxbqAt0y8LYFPD7qdtwKehAphwjcFLfHodt729Xhup2mSMRCw0z/dmA+9n1x0C5e/3L+cIqU3uedGRshDt3d2WIH8mnVTk4eezya6lcvZkL45vIA8FtTmpns+qqEUho5iUnxTdrMPTTTuBB2MuZ6PC3eXQsbkRfxwedp3bGUfmVESN+j5gC5gbPzerrTHE3xw6ns+weiGh/dUV60kIPEg1d44LrUzoHlDWT4q107R9B8GdGmdgeos2gN8QBd82NOruz6ewKm7eHyax9q9JgszAh/QhZrg9U5YERT42kfX5d39Ua4qNIYHfEBXEl+rFmEMBg/4gM6LkyrET4bHDUXKvwjDl5etUAl03aE7Gx43GJ3XZ4IaK7k1+qyhCwIP+IAuGjzgM4Mu2GLqweABnwl0wdoqKDwP39Rqg6KNIsHDfzPOCtHgAR/QRYMHfOLRbXgi0co/YqvwLF8uUICu1U95Wofn4aNEDqzhA7qI8DgBEst8zsIHdAnAs4YP6BKCZwUfL4j4TdDxfXpTjhp42vEJLBeLcltoFHgePkrSnRZ8QCcAnuBkleIDOmHwhCbtwzogQCcUnuTkaemxzcITio8ed38NdMLhMT46BUi6/gV0GuABn350ycIDvmBB1TbjFB9Qkyw84AuCLqm76cTA8/BJKhMHOg3wGJ/Emj6gkw4P+HShEwUP+I5GsstziIcHfJXoRC3FJg4e4+tn7w/+G8CczMUnRcJjfBJr+oBOOjzg2z3cOpe6xrNoeIbxiX+YjHh4Hj4a890CHeDFADjPZJVVmUSnDp5yfKqe1aYOnlJ8jVdVBzzgOzceUixrArxqfHRDznegA7wY+GhcNAM6wAO+6ki2ahjw9OITU9YEeM3xpVrNbAadOXiML8WyKlPoTMJLEJ85dGbhJYRPVNUw4OnAJ/7R9YB3Hr5+1n01s2l0gPcPX5c1febRAV73+ERXDQOeTHyqypoArx188yzs2sxAB3i1AVJly+TMGa+Jz10Br50ZL+E7pa6v82dHAJ5OgLnbRkfGfxs+Tc8BDvDaGAPShec+b6+8rYGtfvwVYABN8cuiTxhvmwAAAABJRU5ErkJggg==');
    background-size: 10px 6px;
  }
  .joint-select-box-options.joint-theme-bpmn {
    font-size: 14px;
    border: 1px solid lightgrey;
    border-radius: 2px;
    background-color: white;
  }
  .joint-select-box.joint-theme-bpmn .select-box-option.hover {
    background-color: lightgrey;
  }
  .joint-select-box.joint-theme-bpmn.disabled .select-box-selection {
    border-color: lightgrey;
  }
  .joint-select-box.joint-theme-bpmn.disabled .select-box-option-content {
    color: lightgrey;
  }
  @font-face {
  font-family: 'select-box-material';
  src: url('data:application/octet-stream;base64,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') format('woff');
  }

 .joint-select-box.joint-theme-material {
     font-size: 14px;
     line-height: 1em;
     font-family: lato-light, Arial, sans-serif;
     background: #ecf0f8;
     color: #55627b;
 }

 .joint-select-box.joint-theme-material .select-box-selection {
     border: 2px solid #5fa9ee;
 }

 .joint-select-box.joint-theme-material .select-box-placeholder {
     color: #d6d6d6;
 }
 .joint-select-box.joint-theme-material .select-box-selection:before {
     height: 100%;
     content: ' ';
     position: absolute;
     width: 32px;
     top: 0;
     background: #5fa9ee;
     right: 2px;
 }

 .joint-select-box.joint-theme-material .select-box-selection:after {
     height: 15px;
     content: '\e800';
     font-family: "select-box-material";
     font-style: normal;
     font-weight: normal;
     speak: none;
     display: inline-block;
     position: absolute;
     text-decoration: inherit;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     background: #5fa9ee;
     right: 2px;
     color: #FFFFFF;
     border: 9px solid #5fa9ee;
 }

 .joint-select-box.joint-theme-material.disabled .select-box-selection:before,
 .joint-select-box.joint-theme-material .select-box-option.selected {
     background: #d0d8e8;
 }

 .joint-select-box.joint-theme-material.disabled .select-box-selection {
     border: 2px solid #d0d8e8;
 }

 .joint-select-box.joint-theme-material.disabled .select-box-selection:after {
     border: 9px solid #d0d8e8;
     background: #d0d8e8;
 }

 .joint-select-box-options.joint-theme-material {
     font-size: 14px;
     border: 2px solid #5fa9ee;
     border-radius: 2px;
     background-color: #ecf0f8;
 }

 .joint-select-box.joint-theme-material .select-box-option.hover {
     background-color: #d0d8e8;
     transition: background-color 1.6s cubic-bezier(0, 0, 0.2, 1);
 }

 .joint-select-box.joint-theme-material.disabled .select-box-option-content {
     color: #d6d6d6;
 }

 .joint-select-box.joint-select-box-options.joint-theme-material.rendered{
     -webkit-animation: select-box-pulse 200ms cubic-bezier(0,0,.2,1);
     animation: select-box-pulse 200ms cubic-bezier(0,0,.2,1);
 }
 @-webkit-keyframes select-box-pulse {
   0% {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 0; }
   1% {
     -webkit-transform: scale(0);
             transform: scale(0);
     opacity: 0; }
   50% {
     -webkit-transform: scale(0.99);
             transform: scale(0.99); }
   100% {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 1;}
 }

 @keyframes select-box-pulse {
   0% {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 0; }
   1% {
     -webkit-transform: scale(0);
             transform: scale(0);
     opacity: 0; }
   50% {
     -webkit-transform: scale(0.99);
             transform: scale(0.99); }
   100% {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 1;}
 }
 .joint-select-box.joint-theme-modern {
     font-size: 14px;
     line-height: 1em;
 }

 .joint-select-box.joint-theme-modern .select-box-selection {
     border: 2px solid #e6e6e6;
 }

 .joint-select-box.joint-theme-modern .select-box-placeholder {
     color: #d6d6d6;
 }

 .joint-select-box.joint-theme-modern .select-box-selection:after,
 .joint-select-box.joint-theme-modern .select-box-option.selected:after {
     width: 10px;
     height: 6px;
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAABdCAYAAABU+d9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABONJREFUeNrs3eFV4kAQB/BgA9qBdIAdSAemA/GLfjyugqOD4z76Ca4D6QA6gA68Cs6rgNvBCbdyMSSwye7M/Oe9PH3qg2Tn52Y3TDa97XabNYmnp6cr9+Xm4Mdvz8/P6wxhIpwByv+V/zOX/2WT1+jVgcfYRrwNKv504bYX2tyOvCFFaqBR/nPO/23Fn67cNq+T/6Pw3JtO3Jex2y4b7Osft01pA0Dx4CYMrmn+Jy7308bwuDudH+nh6uzAyO3AC9IoDt2Y0V2e8TIrzv9rLXjuTXNGdxnoOBa8A+j90gfX59zfBnpJ6nyGh3OA/+C5N6ZuddbCMf2icQImIclPGpYBO5xP8X2A1+IbV+pHqEbn5/6mOO1eHAwkX1p844xfe8kHibCDrsj9fqx/4f2CBpPXHRwn8NlDV8SAh3Lv8Li3G3d4vMCXBrpRh+iKmPg9Xt7xmwNfGuhmEfJ+TVdNfHgxAvjioosVe3jDiDsBfLbQUdz0Hh8faXz3O5F2eXDT7Tl4qEa3n9Wm1NPMilkPQi86f3KRAR/QWYcHfMrRFfDWwKcW3SRFdBS7z2rdDm4Tbj9MOE5DR212n+jubYpT7SrhNkTPpwsdxbqAt0y8LYFPD7qdtwKehAphwjcFLfHodt729Xhup2mSMRCw0z/dmA+9n1x0C5e/3L+cIqU3uedGRshDt3d2WIH8mnVTk4eezya6lcvZkL45vIA8FtTmpns+qqEUho5iUnxTdrMPTTTuBB2MuZ6PC3eXQsbkRfxwedp3bGUfmVESN+j5gC5gbPzerrTHE3xw6ns+weiGh/dUV60kIPEg1d44LrUzoHlDWT4q107R9B8GdGmdgeos2gN8QBd82NOruz6ewKm7eHyax9q9JgszAh/QhZrg9U5YERT42kfX5d39Ua4qNIYHfEBXEl+rFmEMBg/4gM6LkyrET4bHDUXKvwjDl5etUAl03aE7Gx43GJ3XZ4IaK7k1+qyhCwIP+IAuGjzgM4Mu2GLqweABnwl0wdoqKDwP39Rqg6KNIsHDfzPOCtHgAR/QRYMHfOLRbXgi0co/YqvwLF8uUICu1U95Wofn4aNEDqzhA7qI8DgBEst8zsIHdAnAs4YP6BKCZwUfL4j4TdDxfXpTjhp42vEJLBeLcltoFHgePkrSnRZ8QCcAnuBkleIDOmHwhCbtwzogQCcUnuTkaemxzcITio8ed38NdMLhMT46BUi6/gV0GuABn350ycIDvmBB1TbjFB9Qkyw84AuCLqm76cTA8/BJKhMHOg3wGJ/Emj6gkw4P+HShEwUP+I5GsstziIcHfJXoRC3FJg4e4+tn7w/+G8CczMUnRcJjfBJr+oBOOjzg2z3cOpe6xrNoeIbxiX+YjHh4Hj4a890CHeDFADjPZJVVmUSnDp5yfKqe1aYOnlJ8jVdVBzzgOzceUixrArxqfHRDznegA7wY+GhcNAM6wAO+6ki2ahjw9OITU9YEeM3xpVrNbAadOXiML8WyKlPoTMJLEJ85dGbhJYRPVNUw4OnAJ/7R9YB3Hr5+1n01s2l0gPcPX5c1febRAV73+ERXDQOeTHyqypoArx188yzs2sxAB3i1AVJly+TMGa+Jz10Br50ZL+E7pa6v82dHAJ5OgLnbRkfGfxs+Tc8BDvDaGAPShec+b6+8rYGtfvwVYABN8cuiTxhvmwAAAABJRU5ErkJggg==');
     background-size: 10px 6px;
 }

 .joint-select-box-options.joint-theme-modern {
     font-size: 14px;
     border: 2px solid #31d0c6;
     border-radius: 2px;
     background-color: #f6f6f6;
 }

 .joint-select-box.joint-theme-modern .select-box-option.hover {
     background-color: #c6c7e2;
 }

 .joint-select-box.joint-theme-modern.disabled .select-box-option-content {
     color: #d6d6d6;
 }

 .joint-color-palette .select-box-option-content {
     width: 25px;
     display: inline-block;
     margin: 5px;
     padding: 0;
     height: 25px;
     overflow: hidden;
 }
 .joint-color-palette.joint-select-box-options {
     width: 160px;
     margin-top: -7px;
 }
 .joint-color-palette .select-box-selection {
     padding: 4px 24px 0 4px;
 }
 .joint-color-palette .select-box-selection .select-box-option-content {
     float: none;
     margin: 0;
     width: 30px;
     height: 20px;
 }
 .joint-color-palette .select-box-option.selected:after {
     right: 3px;
 }
 .joint-color-palette .select-box-option-content .select-box-option-icon {
     width: 21px;
     height: 21px;
     max-height: none;
 }
 .joint-color-palette .select-box-selection .select-box-option-icon {
   margin-top: -2px;
   margin-left: -2px;
 }

 /*  Arrow  */
 .joint-select-box.joint-color-palette .select-box-options-arrow {
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 0;
   border: 8px solid transparent;
   pointer-events: none;
   margin-left: -2px;
   margin-top: -16px;
 }
 .joint-select-box.joint-color-palette .select-box-options-arrow:after {
   content: ' ';
   position: absolute;
   left: -6px;
   top: -4px;
   width: 0;
   height: 0;
   border: 6px solid transparent;
   pointer-events: none;
 }
 /*  Arrow  */

 .joint-select-box.joint-color-palette.joint-theme-dark .select-box-option-content {
     border: none;
 }
 .joint-select-box.joint-color-palette.joint-theme-dark .select-box-selection,
 .joint-select-box.joint-color-palette.joint-theme-dark .select-box-selection .select-box-option-content {
     width: 30px;
     height: 30px;
     border: none;
     border-radius: 6px;
     padding: 0;
 }
 .joint-select-box.joint-color-palette.joint-theme-dark .select-box-selection:after,
 .joint-select-box.joint-color-palette.joint-theme-dark .select-box-option.selected:after {
     display: none;
 }

 /*  Icons  */
 .joint-select-box.joint-color-palette.joint-theme-dark .select-box-option-icon {
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
     margin: 0 auto;
 }
 /*  Icons  */


 /*  Options  */
 .joint-select-box-options.joint-color-palette.joint-theme-dark {
     width: 144px;
     border: 2px solid #383c3f;
     background: #92979b;
 }

 /*  Arrow  */
 .joint-select-box.joint-color-palette.joint-theme-dark .select-box-options-arrow {
     border-bottom-color: #383c3f;
 }
 .joint-select-box.joint-color-palette.joint-theme-dark .select-box-options-arrow:after {
     border-bottom-color: #92979b;
 }
 /*  Arrow  */

 .joint-select-box-options.joint-color-palette.joint-theme-dark .select-box-option {
     width: 25px;
     height: 25px;
     border: none;
     border-radius: 5px;
     padding: 0;
 }

 .joint-select-box-options.joint-color-palette.joint-theme-dark .select-box-option.hover {
     border: 2px solid #b2ac9e;
 }
 /*  Options  */


 /*  When color palette is used for a stroke attribute  */
 .joint-select-box[data-attribute$="/stroke"].joint-color-palette.joint-theme-dark .select-box-selection .select-box-option-content:after {
     position: absolute;
     left: 4px;
     top: 4px;
     width: 22px;
     height: 22px;
     background: #5e6366;
     border-radius: 4px;
     content: ' ';
 }
 /*  When color palette is used for a stroke attribute  */

 .joint-select-box.joint-color-palette.joint-theme-default .select-box-option-content {
     border: 1px solid lightgrey;
 }
 .joint-select-box-options.joint-color-palette.joint-theme-default {
     border: 1px solid lightgrey;
 }
 .joint-select-box.joint-color-palette.joint-theme-default .select-box-option.selected:after {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA7CAYAAADB0CKOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABPBJREFUeNrcWztM40AQXSwqQMpVtCTUoKODjghqCFdCFQmokxoKnILeoYUi10B5CdR8roMuCGo+JVSkgJbbZ22inIlnxvYm8d1IlpVkvfbb+byZWWfk8/NTpV1WV1fz+lTUB85TgZ9b+rjSh3d6enrV6/qRNIPU4LL6VNPHovCSBhZDg337J0BqgHNGQ5mIl0KzeQ202f7C+c8AKnPNlZkjnZrUD/dNn55iAgxqNAvTTaMmaxYAtjXqpU6TJopecuNyuZx6eXlRHx8fkmlzqQFpzLTZgyI6srS0pLa3t9X4+Lj/+e7uTmlzVDc3N9TUlTSZa5kCODMzo8rlcgcgZHZ2Vu3u7qr5+Xlq3ryTEi0iEu5RY9bX10N/g3YJWUyLJj3qx5WVFV9rYTI5Oen7aZg4KdBimcpoxsbG1MbGBjtPtxmnCqQJNi7pqAE/7CXv7+/q/v4+tZokORHBZmFhgZ3k/PycTAqcIWoRnFigzBRa5OT19VUdHx9TQ+rOEM20Ro0pFAp+QOHk8PCQSwrqw9IkyYmIlBRltAXJAJMI3OpkYfAgJZy4tbXFzoNgU61WJYs5lMCTiBPbgnQO/khItd0pcAasRSuc+PDwoE5OTrgyy41FIQgYpiUxNE6EHB0dsWba3QIZjdNA0t/j9Gyq9zqce1CcCDOliF/Lbz2mxvZ4zKrXIzSQnk0D6Spksdb06RdlpgcHByxlINhsbm5ylJHTz/FEZjxGe08RACqj5Ut9rRuyYN6AOLESBPgFpFnxywTthz09RxCQa4sTLy4uSGvSAF0ydzX8VbMQREtmsdpzlsjBpZJoUgEnFiUJumepgeQHma7GMMmJ09PT7GSgC4YTf4bFgw5I44ciH6SK0y7JmH7Nd6rQlXAiwAk4kczkR7vTHwoYaAMhHjyGGyMIMHljhkvdJJzoeR43xA1uC4SZa57iL/jD8vJy56GgBTSQJDlmL0HjSVonCjiRXQXH+E6GykKIZMFvE0YRcCLTeOpwIqxFkoCzIPWRpbTI8RceWOinvsAPJZyIQljAiU0pyEQCEwYNQEOSoGVSQpYTz87OuAzLkz4jQL5RJiMR0IDEBKWcGDUBZ0FSKn98fPRXVSIITJR/RuFE3JeQhrAg+GKut1SmIdUoglQv/4zCiY1GIxEnUiBr1I0FXNURUEvQP6WcKEjA3V4JuBQkqX6QPuo4iUBr3bQj5cTr62tJU8pTMcQxhShWp8IFA7QdJAJQqCyicKIg2BTjMsBfRbMO72y+CR+VmF6bCiRNKZgpQxloSpXjggzy5Jpxbiv+KQEI62AAtrjeUCSQxmyLtvzTVp0YhRNFGY/hoKot/+SaUgwn/o7KieK0ztj/LXXhzs6OmD/Dgg2zUdNKEmykuSvpn+Cz/f392DeGbzOc6MXhxEggJf6JWo+p2kOjroATXVt+7zA+w/onQErz27aZSjdqBgJS6p8wW6l/CjZqyKZUX0Da9E/hRo1VLYpB2vJP23WibU2K/TMMKFK3qBs1tiTyu3U6v4W/LHKVCKqPiYkJ/zO6bowf+t0RW5RhA6St91GDTSlX9UlivSUpfWVTKNioyao+SqxunQnxFQv3b5nI3VdJ9L6r2aYrJQCYl/ZOB67JQKLwg+LQsEiqj7lBAEysyUAwKhsunSKGNhTxJ5VUgwwARhCZMwcE5A6NNftB9BL5I8AAdamSv1rCQJIAAAAASUVORK5CYII=');
     background-size: 15px 15px;
     width: 15px;
     height: 15px;
 }

 .joint-select-box.joint-color-palette.joint-theme-default .select-box-option.hover {
     border: 1px solid grey;
 }

 /*  Arrow  */
 .joint-select-box.joint-color-palette.joint-theme-default .select-box-options-arrow {
     border-bottom-color: black;
 }
 .joint-select-box.joint-color-palette.joint-theme-default .select-box-options-arrow:after {
     border-bottom-color: white;
 }
 /*  Arrow  */

 .joint-select-box.joint-color-palette.joint-theme-material {
     background: transparent;
 }
 .joint-select-box.joint-color-palette.joint-theme-material .select-box-option-content {
     border: none;
 }
 .joint-select-box.joint-color-palette.joint-theme-material .select-box-selection,
 .joint-select-box.joint-color-palette.joint-theme-material .select-box-selection .select-box-option-content {
     width: 30px;
     height: 30px;
     border: none;
     border-radius: 6px;
     padding: 0;
 }
 .joint-select-box.joint-color-palette.joint-theme-material .select-box-selection:after,
 .joint-select-box.joint-color-palette.joint-theme-material .select-box-option.selected:after {
     display: none;
 }
 .joint-select-box.joint-color-palette.joint-select-box-options.joint-theme-material.rendered{
     -webkit-animation: collor-pallete-animation 200ms cubic-bezier(0,0,.2,1);
     animation: collor-pallete-animation 200ms cubic-bezier(0,0,.2,1);
 }
 .joint-select-box.joint-color-palette.joint-theme-material .select-box-selection:before {
     display: none;
 }
 @-webkit-keyframes collor-pallete-animation {
   0% {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 0; }
   1% {
     -webkit-transform: scale(0);
             transform: scale(0);
     opacity: 0; }
   50% {
     -webkit-transform: scale(0.99);
             transform: scale(0.99); }
   100% {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 1;}
 }

 @keyframes collor-pallete-animation {
   0% {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 0; }
   1% {
     -webkit-transform: scale(0);
             transform: scale(0);
     opacity: 0; }
   50% {
     -webkit-transform: scale(0.99);
             transform: scale(0.99); }
   100% {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 1;}
 }

 /*  Icons  */
 .joint-select-box.joint-color-palette.joint-theme-material .select-box-option-icon {
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
     margin: 0 auto;
 }
 /*  Icons  */


 /*  Options  */
 .joint-select-box-options.joint-color-palette.joint-theme-material {
     width: 144px;
     border: 2px solid #d0d8e8;
     background: #ecf0f8;
 }

 /*  Arrow  */
 .joint-select-box.joint-color-palette.joint-theme-material .select-box-options-arrow {
     border-bottom-color: #d0d8e8;
 }
 .joint-select-box.joint-color-palette.joint-theme-material .select-box-options-arrow:after {
     border-bottom-color: #ecf0f8;
 }
 /*  Arrow  */

 .joint-select-box-options.joint-color-palette.joint-theme-material .select-box-option {
     width: 25px;
     height: 25px;
     border: none;
     border-radius: 5px;
     padding: 0;
 }
 .joint-select-box-options.joint-color-palette.joint-theme-material .select-box-option {
     border: 2px solid transparent;
 }
 .joint-select-box-options.joint-color-palette.joint-theme-material .select-box-option:hover {
     border: 2px solid #d0d8e8;
 }
 /*  Options  */


 /*  When color palette is used for a stroke attribute  */
 .select-box[data-attribute$="/stroke"].joint-color-palette.joint-theme-material .select-box-selection .select-box-option-content:after {
     position: absolute;
     left: 4px;
     top: 4px;
     width: 22px;
     height: 22px;
     background: #5fa9ee;
     border-radius: 4px;
     content: ' ';
 }
 /*  When color palette is used for a stroke attribute  */

 .joint-select-box.joint-color-palette.joint-theme-modern .select-box-option-content {
     border: none;
 }
 .joint-select-box.joint-color-palette.joint-theme-modern .select-box-selection,
 .joint-select-box.joint-color-palette.joint-theme-modern .select-box-selection .select-box-option-content {
     width: 30px;
     height: 30px;
     border: none;
     border-radius: 6px;
     padding: 0;
 }
 .joint-select-box.joint-color-palette.joint-theme-modern .select-box-selection:after,
 .joint-select-box.joint-color-palette.joint-theme-modern .select-box-option.selected:after {
     display: none;
 }

     /*  Icons  */
     .joint-select-box.joint-color-palette.joint-theme-modern .select-box-option-icon {
         width: auto;
         height: auto;
         max-width: 100%;
         max-height: 100%;
         margin: 0 auto;
     }
     /*  Icons  */


     /*  Options  */
     .joint-select-box-options.joint-color-palette.joint-theme-modern {
         width: 144px;
         border: 2px solid #e6e6e6;
     }

         /*  Arrow  */
         .joint-select-box.joint-color-palette.joint-theme-modern .select-box-options-arrow {
             border-bottom-color: #e6e6e6;
         }
         .joint-select-box.joint-color-palette.joint-theme-modern .select-box-options-arrow:after {
             border-bottom-color: #f6f6f6;
         }
         /*  Arrow  */

     .joint-select-box-options.joint-color-palette.joint-theme-modern .select-box-option {
         width: 25px;
         height: 25px;
         border: none;
         border-radius: 5px;
         padding: 0;
     }
     .joint-select-box-options.joint-color-palette.joint-theme-modern .select-box-option {
         border: 2px solid transparent;
     }
     .joint-select-box-options.joint-color-palette.joint-theme-modern .select-box-option.hover {
         border: 2px solid #31d0c6;
     }
     /*  Options  */


     /*  When color palette is used for a stroke attribute  */
     .joint-select-box[data-attribute$="/stroke"].joint-color-palette.joint-theme-modern .select-box-selection .select-box-option-content:after {
         position: absolute;
         left: 4px;
         top: 4px;
         width: 22px;
         height: 22px;
         background: #383b61;
         border-radius: 4px;
         content: ' ';
     }
     /*  When color palette is used for a stroke attribute  */

 .select-button-group-button {
     display: inline-block;
     min-width: 30px;
     min-height: 30px;
     line-height: 22px;
     cursor: pointer;
     box-sizing: border-box;
     padding: 2px;
     margin: 0 1px;
     vertical-align: middle;
     position: relative;
 }
 .select-button-group-button-icon {
     max-width: 100%;
     max-height: 100%;
     vertical-align: middle;
 }

 /* Availibility */

 .joint-select-button-group.disabled .select-button-group-button {
     cursor: default;
 }

 .joint-select-button-group.joint-theme-dark .select-button-group-button {
     text-align: center;
     color: #feffff;
     border: 2px solid transparent;
     text-shadow: 1px 2px 1px #313538;
 }
 .joint-select-button-group.joint-theme-dark.disabled .select-button-group-button {
     text-shadow: none;
 }
 .joint-select-button-group.joint-theme-dark .select-button-group-button.selected {
     color: #feffff;
     border: 2px solid #feffff;
     border-radius: 4px;
 }
 .joint-select-button-group.joint-theme-dark.disabled .select-button-group-button {
     color: #8b9094;
 }
  .joint-select-button-group.joint-theme-dark.disabled .select-button-group-button.selected {
     border-color: #8b9094;
 }
 .joint-select-button-group.joint-theme-default .select-button-group-button {
     text-align: center;
     border: 1px solid transparent;
 }
 .joint-select-button-group.joint-theme-default .select-button-group-button.selected {
     color: black;
     border: 1px solid lightgrey;
     border-radius: 4px;
 }
 .joint-select-button-group.joint-theme-default.disabled .select-button-group-button {
     color: lightgrey;
 }
  .joint-select-button-group.joint-theme-default.disabled .select-button-group-button.selected {
     border-color: lightgrey;
 }

 .joint-select-button-group.joint-theme-material .select-button-group-button {
     text-align: center;
     border: 2px solid transparent;
     font-family: lato-light, Arial, sans-serif;
     border-radius: 4px;
     transition-duration: .28s;
     transition-timing-function: cubic-bezier(.4,0,.2,1);
     transition-property: border-color;
 }
 .joint-select-button-group.joint-theme-material .select-button-group-button.selected {
     color: #55627b;
     border: 2px solid #55627b;
 }
 .joint-select-button-group.joint-theme-material.disabled .select-button-group-button {
     color: #d0d8e8;
 }
 .joint-select-button-group.joint-theme-material.disabled .select-button-group-button.selected {
     border-color: #d0d8e8;
 }
 /* animation */
 .joint-select-button-group.joint-theme-material:not(.disabled) .select-button-group-button:after {
     content: '';
     background: #3f51b5;
     transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
     transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
     transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -20px 0 0 -20px;
     overflow: hidden;
     width: 40px;
     height: 40px;
 }
 .joint-select-button-group.joint-theme-material .select-button-group-button.is-in-action:after {
     opacity: 0.3;
 }
 .joint-select-button-group.joint-theme-modern .select-button-group-button {
     text-align: center;
     border: 2px solid transparent;
 }
 .joint-select-button-group.joint-theme-modern .select-button-group-button.selected {
     color: #31d0c6;
     border: 2px solid #31d0c6;
     border-radius: 4px;
 }
 .joint-select-button-group.joint-theme-modern.disabled .select-button-group-button {
     color: #c6c7e2;
 }
  .joint-select-button-group.joint-theme-modern.disabled .select-button-group-button.selected {
     border-color: #c6c7e2;
 }

 .joint-navigator {
     overflow: hidden;
     position: relative;
     display: table-cell;
     text-align: center;
     vertical-align: middle;
     box-sizing: border-box;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
 }
 .joint-navigator > .joint-paper {
     display: inline-block;
     cursor: pointer;
 }
 .joint-navigator > .joint-paper > svg {
     shape-rendering: optimizeSpeed;
     pointer-events: none;
 }
 .joint-navigator .current-view {
     position: absolute;
     cursor: move;
     margin: -2px 0 0 -2px;
 }
 .joint-navigator .current-view-control {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 10px;
     height: 10px;
     cursor: nwse-resize;
     margin: 0 -7px -7px 0;
 }
 .joint-navigator .joint-paper .joint-element * {
     vector-effect: initial;
 }

 .joint-navigator.navigator-no-content .current-view,
 .joint-navigator.navigator-no-content .joint-paper {
     display: none;
 }

 @font-face {
   font-family: 'navigator-icons-dark';
   src: url('data:application/octet-stream;base64,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') format('woff');
 }

 .joint-navigator.joint-theme-dark {
     background-color: #414548;
 }
 .joint-navigator.joint-theme-dark > .joint-paper {
     box-shadow: 0 0 2px lightgray;
     background-color: #18191b;
 }
 .joint-navigator.joint-theme-dark.navigator-use-content-bbox {
     background-color: #18191b;
 }
 .joint-navigator.joint-theme-dark.navigator-use-content-bbox > .joint-paper {
     box-shadow: none
 }
 .joint-navigator.joint-theme-dark .current-view {
     border: 2px solid #BF8441;
 }
 .joint-navigator.joint-theme-dark .current-view-control {
     font-family: "navigator-icons-dark";
     font-style: normal;
     font-weight: normal;
     font-size: 18px;
     speak: none;
     color: #BF8441;
     display: inline-block;
     text-decoration: inherit;
 }
 .joint-navigator.joint-theme-dark .current-view-control:before {
     content: '\e801';
     position: absolute;
     top: 4px;
     left: 1px;
     /* transform: rotate(90deg); */
     /* background-color: #18191b; */
     /* border-radius: 50%; */
     /* border: 2px solid #BF8441; */
     width: 20px;
     height: 20px;
 }

 .joint-navigator.joint-theme-default {
     background-color: white;
     border: 1px solid lightgrey;
 }
 .joint-navigator.joint-theme-default > .joint-paper {
     box-shadow: 0 0 2px black;
 }
 .joint-navigator.joint-theme-default.navigator-use-content-bbox > .joint-paper {
     box-shadow: none;
 }
 .joint-navigator.joint-theme-default .current-view {
     border: 2px solid grey;
 }
 .joint-navigator.joint-theme-default .current-view-control {
     border-radius: 50%;
     border: 2px solid grey;
     background-color: white;
 }

 .joint-navigator.joint-theme-material {
     background-color: #fff;
 }
 .joint-navigator.joint-theme-material > .paper {
     box-shadow: 0 0 2px lightgray;
 }
 .joint-navigator.joint-theme-material.navigator-use-content-bbox > .paper {
     box-shadow: none;
 }
 .joint-navigator.joint-theme-material .current-view {
     border: 2px solid #5faaee;
 }
 .joint-navigator.joint-theme-material .current-view-control {
     border-radius: 50%;
     border: 2px solid #5faaee;
     background-color: #ecf0f8;
 }

 .joint-navigator.joint-theme-modern {
     background-color: #fff;
 }
 .joint-navigator.joint-theme-modern > .joint-paper {
     box-shadow: 0 0 2px lightgray;
 }
 .joint-navigator.joint-theme-modern.navigator-use-content-bbox > .joint-paper {
     box-shadow: none;
 }
 .joint-navigator.joint-theme-modern .current-view {
     border: 2px solid #31d0c6;
 }
 .joint-navigator.joint-theme-modern .current-view-control {
     border-radius: 50%;
     border: 2px solid #31d0c6;
     background-color: #fff;
 }

 .joint-tree-layout {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     pointer-events: none;
 }

 .joint-tree-layout .hidden {
     display: none;
 }

 .tree-layout-box {
     position: absolute;
     pointer-events: none;
     opacity: 1;
 }

 .joint-tree-layout .tree-layout-box.translate {
     z-index: 100;
     transform: translate(-50%,-50%);
 }

 /* Prevent throwing exception in FF when trying to measure an element view inside the zero-sized paper. */
 .tree-layout-box > .joint-paper {
     min-width: 1px;
     min-height: 1px;
     width: 100%;
     height: 100%;
 }

 .tree-layout-box > .joint-paper > svg {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
 }


 .tree-layout-mask {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     cursor: move;
 }

 .tree-layout-mask.dropping-not-allowed {
     cursor: not-allowed;
 }

 .tree-layout-preview-group .tree-layout-preview {
     fill: none;
 }

 /* HTML Elements for dragging and highlighting the original element */

 .joint-tree-layout.joint-theme-dark .tree-layout-box {
     background-color: rgba(0, 0, 255, 0.1);
     border: 2px solid #feb663;
     border-radius: 5px;
     margin: -2px 0 0 -2px;
 }

 .joint-tree-layout.joint-theme-dark .tree-layout-box.active {
     border-style: dashed;
     background-color: transparent;
 }

 /* HTML element under the cursor */

 .joint-tree-layout.joint-theme-dark .tree-layout-box.translate {
     background-color: #000;
 }

 .joint-tree-layout.joint-theme-dark .tree-layout-box.translate.no-drop {
     border-color: #a73c3c;
     background-color: #a73c3c;
 }

 /* SVG preview on the main paper */

 .tree-layout-preview-group.joint-theme-dark .tree-layout-preview {
     stroke: #feb663;
     stroke-width: 2;
 }

 .tree-layout-preview-group.joint-theme-dark .tree-layout-preview.child,
 .tree-layout-preview-group.joint-theme-dark .tree-layout-preview.parent {
     fill: #cc0000;
     fill-opacity: 0.3;
 }

 /* HTML Elements for dragging and highlighting the original element */

 .joint-tree-layout.joint-theme-default .tree-layout-box {
     background-color: rgba(255,255,255,0.5);
     border: 2px solid grey;
     border-radius: 4px;
     margin: -2px 0 0 -2px;
 }

 /* HTML element under the cursor */

 .joint-tree-layout.joint-theme-default .tree-layout-box.translate {
     border-style: dotted;
 }

 .joint-tree-layout.joint-theme-default .tree-layout-box.translate.no-drop {
     border-color: red;
 }

 /* SVG preview on the main paper */

 .tree-layout-preview-group.joint-theme-default .tree-layout-preview {
     stroke: grey;
     stroke-width: 2;
 }

 .tree-layout-preview-group.joint-theme-default .tree-layout-preview.child,
 .tree-layout-preview-group.joint-theme-default .tree-layout-preview.parent {
     fill: white;
     fill-opacity: 0.5;
 }

 /* HTML Elements for dragging and highlighting the original element */

 .joint-tree-layout.joint-theme-material .tree-layout-box {
     background-color: rgba(208, 230, 249, 0.3);
     border: 2px solid #737c97;
     border-radius: 5px;
     margin: -2px 0 0 -2px;
     padding: 0;
 }

 .joint-tree-layout.joint-theme-material .tree-layout-box.active {
     border-style: solid;
 }

 /* HTML element under the cursor */

 .joint-tree-layout.joint-theme-material .tree-layout-box > .joint-paper {
     opacity: 0.5;
 }

 .joint-tree-layout.joint-theme-material .tree-layout-box.translate {
     border-style: dotted;
     background-color: #d0d8e8;
 }

 .joint-tree-layout.joint-theme-material .tree-layout-box.translate.no-drop {
     border-color: #d71920;
 }

 /* SVG preview on the main paper */

 .tree-layout-preview-group.joint-theme-material .tree-layout-preview {
     stroke: #737c97;
     stroke-width: 2;
 }

 .tree-layout-preview-group.joint-theme-material .tree-layout-preview.child,
 .tree-layout-preview-group.joint-theme-material .tree-layout-preview.parent {
     fill: #d0d8e8;
     fill-opacity: 0.3;
 }

 /* HTML Elements for dragging and highlighting the original element */

 .joint-tree-layout.joint-theme-modern .tree-layout-box {
     background-color: rgba(208, 230, 249, 0.3);
     border: 2px solid #31d0c6;
     border-radius: 5px;
     margin: -2px 0 0 -2px;
     padding: 0;
 }

 /* HTML element under the cursor */

 .joint-tree-layout.joint-theme-modern .tree-layout-box.translate {
     border-style: solid;
 }

 .joint-tree-layout.joint-theme-modern .tree-layout-box.translate.no-drop {
     border-color: #d71920;
     background-color: rgba(255, 160, 164, 0.2);
 }

 .joint-tree-layout.joint-theme-modern .tree-layout-box.translate > .joint-paper {
     opacity: 0.4;
 }
 /* SVG preview on the main paper */

 .tree-layout-preview-group.joint-theme-modern .tree-layout-preview {
     stroke: #31d0c6;
     stroke-width: 2;
 }

 .tree-layout-preview-group.joint-theme-modern .tree-layout-preview.child,
 .tree-layout-preview-group.joint-theme-modern .tree-layout-preview.parent {
     fill: #31d0c6;
     fill-opacity: 0.3;
 }

 .joint-path-drawer {
     cursor: crosshair;
 }
 .joint-path-drawer .start-point {
     fill: #ffffff;
     stroke: #000000;
     stroke-width: 2px;
 }
 .joint-path-drawer .start-point:hover {
     fill: #000000;
 }
 .joint-path-drawer .control-path {
     pointer-events: none;
     fill: none;
     stroke: #000000;
     stroke-width: 1px;
     stroke-linecap: round;
 }

 .joint-path-editor {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
 }
 .joint-path-editor .control-point,
 .joint-path-editor .anchor-point {
     cursor: pointer;
     pointer-events: auto;
     border: 1px solid lightgrey;
     stroke-width: 1px;
 }
 .joint-path-editor .control-point {
     fill: royalblue;
     stroke: royalblue;
 }
 .joint-path-editor .control-point.locked {
     fill: seagreen;
     stroke: seagreen;
 }
 .joint-path-editor .anchor-point {
     fill: crimson;
     stroke: crimson;
 }
 .joint-path-editor .direction-path {
     stroke: #000000;
     stroke-width: 1px;
 }
 .joint-path-editor .segment-path {
     cursor: move;
     pointer-events: auto;
     fill: none;
     stroke: #000000;
     stroke-width: 10px;
     stroke-linecap: round;
     stroke-linejoin: round;
     opacity: 0;
     stroke-opacity: 0;
 }
 .joint-path-editor .segment-path:hover {
     opacity: .6;
     stroke-opacity: .6;
 }

 div.joint-toolbar,
 div.joint-toolbar .joint-toolbar-group,
 div.joint-toolbar .joint-widget {
     display: flex;
     align-items: center;
     flex-shrink: 1000;
 }

 div.joint-toolbar button.joint-widget {
     flex-shrink: 1;
 }

 .joint-toolbar .joint-toolbar-group.right.group-first {
     margin-left: auto;
 }

 .joint-toolbar .joint-widget + .joint-widget,
 .joint-toolbar-group + .joint-toolbar .joint-widget,
 .joint-toolbar .joint-widget + .joint-toolbar-group,
 .joint-toolbar-group + .joint-toolbar-group {
     margin-left: 2px;
 }

 /* chrome */
 @media screen and (-webkit-min-device-pixel-ratio:0)
 {
     div.joint-toolbar textarea {
         margin-top: 4px;
     }
     div.joint-toolbar button.joint-widget {
         text-align: center;
     }
 }

 /* IE 8,9,10*/
 @media screen\0 {
     .joint-toolbar .joint-toolbar-group,
     .joint-toolbar .joint-widget {
         vertical-align: middle;
     }

     .joint-toolbar {
         display: inline-block;
         vertical-align: top;
     }
     .joint-toolbar .joint-toolbar-group.right {
         float: right;
     }
     div.joint-toolbar button.joint-widget {
         display:table-cell;
     }
 }
 .joint-toolbar.joint-theme-dark {
     padding: 8px;
     box-sizing: border-box;
     color: #d3d3d5;
     background: #5e6366;
 }

 .joint-toolbar.joint-theme-dark label,
 .joint-toolbar.joint-theme-dark .units,
 .joint-toolbar.joint-theme-dark output {
     font-size: .8em;
 }

 .joint-toolbar.joint-theme-dark .joint-widget {
     margin-left: 6px;
 }

 /* IE 8,9,10*/
 @media screen\0 {
     .joint-toolbar.joint-theme-dark .joint-widget[data-type="selectButtonGroup"] {
         padding-top: 1px;
     }

     .joint-toolbar.joint-theme-dark .joint-widget[data-type="toggle"] span:first-child {
         line-height: 32px;
     }

     .joint-toolbar.joint-theme-dark label {
         line-height: 33px;
     }
 }

 .joint-toolbar.joint-theme-default {
     background: white;
     padding: 0 10px;
     border: 1px solid lightgray;
     box-sizing: border-box;
     font-size: 12px;
 }

 /* IE 8,9,10*/
 @media screen\0 {
     .joint-toolbar.joint-theme-default .joint-widget[data-type="toggle"] span:first-child {
         line-height: 32px;
     }
     .joint-toolbar.joint-theme-default label {
         line-height: 36px;
     }
 }
 .joint-toolbar.joint-theme-material {
     background: #717d98;
     box-sizing: border-box;
     color: #ffffff;
     font-family: lato-light;
 }
 .joint-toolbar.joint-theme-material label,
 .joint-toolbar.joint-theme-material .units,
 .joint-toolbar.joint-theme-material output {
     font-size: .8em;
 }
 .joint-toolbar.joint-theme-material .joint-toolbar-group {
     margin-left: 0px;
 }

 .joint-toolbar.joint-theme-material .joint-select-button-group .select-button-group-button.selected {
     color: white;
     border: 2px solid white;
 }
 .joint-toolbar.joint-theme-material .joint-select-box .select-box-selection:after {
     background: #828da6;
     border: 9px solid #828da6;
 }
 .joint-toolbar.joint-theme-material .joint-select-box .select-box-selection:before {
     background: #828da6;
 }
 .joint-toolbar.joint-theme-material .joint-select-box.joint-theme-material .select-box-selection {
     border: 2px solid #828da6;
 }
 .joint-toolbar.joint-theme-material .joint-widget textarea,
 .joint-toolbar.joint-theme-material .joint-widget input {
     color: #ffffff;
  }
 /* IE 8,9,10*/
 @media screen\0 {
     .joint-toolbar.joint-theme-material .joint-widget[data-type="toggle"] span:first-child {
         line-height: 49px;
     }
     .joint-toolbar.joint-theme-material label {
         line-height: 49px;
     }
 }
 .joint-toolbar.joint-theme-modern {
     background: #f6f6f6;
     padding: 10px;
     box-sizing: border-box;
 }
 .joint-toolbar.joint-theme-modern label,
 .joint-toolbar.joint-theme-modern .units,
 .joint-toolbar.joint-theme-modern output {
     font-size: .8em;
 }

 /* IE 8,9,10*/
 @media screen\0 {
     .joint-toolbar.joint-theme-modern .joint-widget[data-type="toggle"] span:first-child {
         line-height: 32px;
     }
     .joint-toolbar.joint-theme-modern label {
         line-height: 36px;
     }
 }
 .joint-widget[data-type="zoomSlider"] output,
 .joint-widget[data-type="range"] output {
     min-width: 1.6em;
     display: inline-block;
     text-align: right;
 }

 .joint-widget[data-type="separator"] {
     border-right: 1px solid #b3b3b3;
 }

 .joint-widget[data-type="separator"]:after {
     content: "\00a0";
 }

 .joint-widget input[type="range"]::-ms-track {
     cursor: pointer;
     background: transparent;
     border-color: transparent;
     color: transparent;
 }

 .joint-widget input[type="range"]::-ms-fill-lower {
     background: transparent;
     border-color: transparent;
 }

 /* Toggle */

 .joint-widget .toggle {
    position: relative;
    width: 97px;
    height: 14px;
 }
 .joint-widget .toggle input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
 }
 .joint-widget .toggle span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    position: relative;
 }
 .joint-widget .toggle input:checked + span i {
    right: 0;
 }
 .joint-widget .toggle span i {
    display: block;
    height: 100%;
    width: 60%;
    border-radius: inherit;
    position: absolute;
    z-index: 2;
    right: 40%;
    top: 0;
 }

 /* IE 8,9,10*/
 @media screen\0 {
     .joint-widget {
         float: left;
     }
 }
 @font-face {
     font-family: 'toolbar-icons-dark';
     src: url('data:application/octet-stream;base64, ') format('woff');
 }

 /* range */
 .joint-widget.joint-theme-dark input[type="range"] {
     position: relative;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     height: 20px;
     width: 60px;
     padding: 0;
     background: transparent;
 }
 .joint-widget.joint-theme-dark button:focus,
 .joint-widget.joint-theme-dark input[type="range"]:focus {
     outline: none;
 }
 .joint-widget.joint-theme-dark input[type="range"]::-ms-track {
     cursor: pointer;
     background: transparent;
     border-color: transparent;
     color: transparent;
 }
 .joint-widget.joint-theme-dark input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 8px;
     height: 8px;
     background: #8a9199;
     border-radius: 8px;
     margin-top: -2px;
 }
 .joint-widget.joint-theme-dark input[type="range"]::-ms-thumb {
     margin-top: 0;
     width: 8px;
     height: 8px;
     background: #8a9199;
     border-radius: 8px;
 }
 .joint-widget.joint-theme-dark input[type="range"]::-moz-range-thumb {
     -moz-appearance: none;
     appearance: none;
     width: 8px;
     height: 8px;
     background: #8a9199;
     border-radius: 8px;
 }
 .joint-widget.joint-theme-dark input[type="range"]::-ms-fill-lower,
 .joint-widget.joint-theme-dark input[type="range"]::-ms-fill-upper {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     background: -webkit-linear-gradient(left, #726bae, #3cbebc);
     background: -o-linear-gradient(right, #726bae, #3cbebc);
     background: -moz-linear-gradient(right, #726bae, #3cbebc);
     background: linear-gradient(to right, #726bae, #3cbebc);
 }
 .joint-widget.joint-theme-dark input[type="range"]::-moz-range-track {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     background: -webkit-linear-gradient(left, #726bae, #3cbebc);
     background: -o-linear-gradient(right, #726bae, #3cbebc);
     background: -moz-linear-gradient(right, #726bae, #3cbebc);
     background: linear-gradient(to right, #726bae, #3cbebc);
 }
 .joint-widget.joint-theme-dark input[type="range"]::-webkit-slider-runnable-track {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     background: -webkit-linear-gradient(left, #8f88da, #3cbebc);
     background: -o-linear-gradient(right, #726bae, #3cbebc);
     background: -moz-linear-gradient(right, #726bae, #3cbebc);
     background: linear-gradient(to right, #726bae, #3cbebc);
 }

 /* toggle - slider - disabled*/
 .joint-widget.joint-theme-dark input[type="range"][disabled]::-ms-fill-lower,
 .joint-widget.joint-theme-dark input[type="range"][disabled]::-ms-fill-upper {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     background: -webkit-linear-gradient(left, #b7b4cf, #b6e2e2);
     background: -o-linear-gradient(right, #b7b4cf, #b6e2e2);
     background: -moz-linear-gradient(right, #b7b4cf, #b6e2e2);
     background: linear-gradient(to right, #b7b4cf, #b6e2e2);
 }
 .joint-widget.joint-theme-dark input[type="range"][disabled]::-moz-range-track {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     background: -webkit-linear-gradient(left, #b7b4cf, #b6e2e2);
     background: -o-linear-gradient(right, #b7b4cf, #b6e2e2);
     background: -moz-linear-gradient(right, #b7b4cf, #b6e2e2);
     background: linear-gradient(to right, #b7b4cf, #b6e2e2);
 }
 .joint-widget.joint-theme-dark input[type="range"][disabled]::-webkit-slider-runnable-track {
     width: 100%;
     height: 3px;
     background: #7c69fd;
     background: -webkit-linear-gradient(left, #b7b4cf, #b6e2e2);
     background: -o-linear-gradient(right, #b7b4cf, #b6e2e2);
     background: -moz-linear-gradient(right, #b7b4cf, #b6e2e2);
     background: linear-gradient(to right, #b7b4cf, #b6e2e2);
 }

 /* label */
 label.joint-widget.joint-theme-dark {
     text-shadow: 1px 2px 1px #313538;
 }

 /* button */
 button.joint-widget.joint-theme-dark {
     border: 1px solid #0f1110;
     width: 40px;
     height: 32px;
     color: #d1d2d4;
     border-radius: 3px;
     line-height: 12px;
     box-shadow: -1px -1px 0 0 hsl(0, 0%, 40%) inset;
     background-color: #52575b;
 }

 button.joint-widget.joint-theme-dark:disabled {
     background-color: #92979b;
     box-shadow: none;
 }

 button.joint-widget.joint-theme-dark:not([disabled]):hover {
     background: #92979b;
     background: -webkit-linear-gradient(#3b3f40, #454a4d);
     background: -o-linear-gradient(#3b3f40, #454a4d);
     background: -moz-linear-gradient(#3b3f40, #454a4d);
     background: linear-gradient(#3b3f40, #454a4d);
     box-shadow: -1px -1px 0 0 hsl(0, 0%, 35%) inset;
     color: #d3d3d5 !important;
 }
 button.joint-widget.joint-theme-dark[data-type="button"]:not(:empty) {
     width: auto;
     color: #b5b6ba;
 }

 .joint-widget.joint-theme-dark[data-type="undo"]:after,
 .joint-widget.joint-theme-dark[data-type="redo"]:after,
 .joint-widget.joint-theme-dark[data-type="zoomToFit"]:after,
 .joint-widget.joint-theme-dark[data-type="zoomIn"]:after,
 .joint-widget.joint-theme-dark[data-type="zoomOut"]:after,
 .joint-widget.joint-theme-dark[data-type="fullscreen"]:after {
     font-family: "toolbar-icons-dark";
     font-style: normal;
     font-weight: normal;
     speak: none;
     display: inline-block;
     text-decoration: inherit;
     margin: auto;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
     font-size: 22px;
 }

 .joint-widget.joint-theme-dark[data-type="undo"]:after { content: '\e800'; }
 .joint-widget.joint-theme-dark[data-type="redo"]:after { content: '\e801'; }
 .joint-widget.joint-theme-dark[data-type="zoomToFit"]:after { content: '\e80a'; }
 .joint-widget.joint-theme-dark[data-type="zoomIn"]:after { content: '\e806'; }
 .joint-widget.joint-theme-dark[data-type="zoomOut"]:after { content: '\e807'; }
 .joint-widget.joint-theme-dark[data-type="fullscreen"]:after { content: '\e809'; }

 
.joint-widget.joint-theme-dark[data-name="clear"]:after,
.joint-widget.joint-theme-dark[data-name="layout"]:after,
.joint-widget.joint-theme-dark[data-name="print"]:after {
    font-family: "toolbar-icons-dark-kitchen-sink";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    margin: auto;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 22px;
}

.joint-widget.joint-theme-dark[data-name="clear"]:after {
    content: '\e850';
}

.joint-widget.joint-theme-dark[data-name="layout"]:after {
    content: '\e853';
}

.joint-widget.joint-theme-dark[data-name="print"]:after {
    content: '\e851';
}

.joint-widget.joint-theme-dark[data-name="resetTemplate"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/reset-icon-modern.png);
}

.joint-widget.joint-theme-dark[data-name="resetTemplate"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-dark[data-name="saveAsTemplate"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/save-icon-modern.png);
}

.joint-widget.joint-theme-dark[data-name="saveAsTemplate"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-dark[data-name="deleteTemplate"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/delete-icon-modern.png);
}

.joint-widget.joint-theme-dark[data-name="deleteTemplate"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-dark[data-name="to-front"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/to-front-icon-modern.png);
}

.joint-widget.joint-theme-dark[data-name="to-front"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-dark[data-name="to-back"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/toback-icon-modern.png);
}

.joint-widget.joint-theme-dark[data-name="to-back"]:after {
  background-position: 1px;
}

 /* checkbox*/
 .joint-widget.joint-theme-dark[data-type="checkbox"] input {
     position: relative;
     display: none;
 }
 .joint-widget.joint-theme-dark[data-type="checkbox"] span:first-child {
     display: inline-block;
 }
 .joint-widget.joint-theme-dark[data-type="checkbox"].disabled input + span {
     border: 1px solid #92979b;
     background-color: #92979b;
 }
 .joint-widget.joint-theme-dark[data-type="checkbox"] input + span {
     position: relative;
     left: 0;
     display: inline-block;
     vertical-align: top;
     width: 20px;
     min-width: 20px;
     height: 20px;
     border: 1px solid black;
     border-radius: 3px;
     background: #18191b;
 }
 .joint-widget.joint-theme-dark[data-type="checkbox"] input:checked + span:after {
     position: relative;
     left: 4px;
     top: 5px;
     display: block;
     width: 11px;
     height: 11px;
     content: ' ';
     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAa5JREFUGNMlwUGLUlEYBuD3O9doRqai6KbneKELCkGCm2YKI0imBtomuGo3+guMUNoK7RSi1SwKZjGEjrNpG0iEiItZ+QNuhM0USSg4d8qbnrdFzyPaeNestVMRuSSwK5I3AIRKxUKS8H3/WaFQ2Ot0Orsxa+2ZiIDkOURZCH4BOD89/bbMZDK3j44O97TWk37/s6NEROG/dQCG5OLH95Ol1nqtVqt90lpjOp264/E4HiO5UkopiD0DZSEiSwDI5XK3yuWyCwCNRgNRFO0rEXlCrAyA6yQJwPE8L9FsNj+KCIbD4aTdPrwHqLlyXdcOBoNusVh8JSJCMlapVD5ks1k3iiLU6/WnJI8JrCF//8E7S/L34g+3H+28vLO1uRuGIUmy1Wr91FqrRNLEtfE2kEqlHo5GI5JkEATs9Xq01jIIAvq+fzeZNI42Xlwb7yISSbOez+dfz2YzkqS1liRZKpWea526qo23kUiaK9p4MaWUioIvX19Uq9UWAIgIut3upN8ftAFcsNZedhznLwBHtPG2ABwDiO883n6TTqfDg4P3b+fz+QlEVgAiAEsAN/8BAiTM2/zlWnUAAAAASUVORK5CYII=') no-repeat;
 }
 /* toggle */
 .joint-widget.joint-theme-dark .toggle {
   width: 72px;
 }
 .joint-widget.joint-theme-dark .toggle input {
   display: block;
   width: 100%;
   box-sizing: border-box;
   box-shadow: none;
   height: 12px;
 }

 .joint-widget.joint-theme-dark .toggle span,
 .joint-widget.joint-theme-dark .toggle input:checked + span {
   background: #8b9094;
 }
 .joint-widget.joint-theme-dark.disabled .toggle span,
 .joint-widget.joint-theme-dark.disabled .toggle input:checked + span {
   background: #d6d6d6;
 }
 .joint-widget.joint-theme-dark .toggle span {
   border-radius: 3px;
   box-shadow: none;
 }
 .joint-widget.joint-theme-dark .toggle span:before {
   background: #f6f6f6;
   box-shadow: none;
 }
 .joint-widget.joint-theme-dark .toggle span i:before {
   content: "off";
   position: absolute;
   right: -50%;
   top: 0;
   text-transform: uppercase;
   font-style: normal;
   font-weight: bold;
   color: #f5f5f5;
   font-family: Arial, sans-serif;
   font-size: 10px;
   line-height: 16px;
   margin-top: -1px;
   margin-right: -8px;
 }
 .joint-widget.joint-theme-dark .toggle input:checked + span i:before {
   content: "on";
   right: 100%;
   color: #f5f5f5;
   margin-right: 12px;
 }
 .joint-widget.joint-theme-dark .toggle span i {
   right: 50%;
   width: 50%;
   background: #414548;
   box-shadow: 0 0 3px #8b9094;
 }
 .joint-widget.joint-theme-dark.disabled .toggle span i {
     background-color: #92979b;
 }
 .joint-widget.joint-theme-dark .toggle input:checked + span i {
   right: 0;
 }

 /*inputs*/
 .joint-widget.joint-theme-dark input[type="text"],
 .joint-widget.joint-theme-dark input[type="number"],
 .joint-widget.joint-theme-dark textarea {
   width: 100%;
   height: auto;
   line-height: 14px;
   text-shadow: none;
   box-shadow: none;
   box-sizing: border-box;
   outline: none;
   padding: 6px 10px;
   overflow: auto;

   color: #24282b;
   background: #92979b;
   background: -webkit-linear-gradient(#8b9094, #92979b);
   background: -o-linear-gradient(#8b9094, #92979b);
   background: -moz-linear-gradient(#8b9094, #92979b);
   background: linear-gradient(#8b9094, #92979b);
   border: 1px solid #42474a;
   border-radius: 3px;
 }

 .joint-widget.joint-theme-dark input[type="text"],
 .joint-widget.joint-theme-dark input[type="number"] {
   height: 33px;
 }

 .joint-widget.joint-theme-dark input[type="text"]:disabled,
 .joint-widget.joint-theme-dark input[type="number"]:disabled,
 .joint-widget.joint-theme-dark textarea:disabled {
     color: #d6d6d6;
 }

 /* separator */
 .joint-widget.joint-theme-dark[data-type="separator"] {
     box-shadow: 1px 0px 0px #161A1D;
     margin-right: 4px;
     line-height: 33px;
 }

 /*label space*/
 .joint-widget.joint-theme-dark[data-type="inputText"] label,
 .joint-widget.joint-theme-dark[data-type="inputNumber"] label,
 .joint-widget.joint-theme-dark[data-type="inputTextArea"] label,
 .joint-widget.joint-theme-dark[data-type="checkbox"] > span:first-child,
 .joint-widget.joint-theme-dark[data-type="toggle"] > span {
     padding-right: 6px;
 }

 /* Chrome only */
 @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
   /* change "6px padding" for visible text and same size as other browser */
   .joint-widget.joint-theme-dark input[type="text"],
   .joint-widget.joint-theme-dark input[type="number"] {
       padding: 0 0 0 10px;
   }
   /* "on/off" text in the center of the button  */
   .joint-widget.joint-theme-dark .toggle span i:before {
     margin-top: -1px;
   }
 }

 /* IE 8,9,10*/
 @media screen\0 {
     .joint-widget.joint-theme-dark[data-type="zoomSlider"],
     .joint-widget.joint-theme-dark[data-type="range"],
     .joint-widget.joint-theme-dark[data-type="checkbox"] input + span {
       margin-top: 6px;
       margin-bottom: 6px;
     }
     /* select button group*/
     .joint-widget.joint-theme-dark[data-type="selectButtonGroup"] {
         padding-top: 2px;
         padding-bottom: 2px;
     }
 }

 .joint-widget.joint-theme-default input[type="range"] {
     margin: 0 0 0 6px;
     position: relative;
     border: 0;
     padding: 0;
     width: 80px;
 }

 .joint-widget.joint-theme-default input[type="range"]::-ms-thumb {
     position: relative;
     width: 6px;
     height: 12px;
     top: 0;
     z-index: 2;
     border: 1px solid lightgrey;
     background: white;
 }

 .joint-widget.joint-theme-default input[type="range"]::-ms-track {
     position: absolute;
     left: 0;
     top: 9px;
     content: ' ';
     width: 100%;
     height: 2px;
     background-color: #d3d3d3;
     border-radius: 3px;
 }

 button.joint-widget.joint-theme-default:not([disabled]):hover {
     background: #d3d3d3;
 }

 button.joint-widget.joint-theme-default:disabled {
     color: #9e9e9e;
 }

 button.joint-widget.joint-theme-default {
     outline: none;
     cursor: pointer;
     color: black;
     padding: 5px;
     background: white;
     border: 1px solid #d3d3d3;
     min-width: 30px;
     min-height: 30px;
     font-size: 12px;
     border-radius: 4px;
 }

 .joint-widget.joint-theme-default[data-type="undo"]:after {
     content: 'undo';
 }

 .joint-widget.joint-theme-default[data-type="redo"]:after {
     content: 'redo';
 }

 .joint-widget.joint-theme-default[data-type="zoomToFit"]:after {
     display: block;
     width: 20px;
     height: 20px;
     content: ' ';
     background-color: transparent;
     background-position: -2px -2px;
     background-repeat: no-repeat;
     background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTcgMTRINXY1aDV2LTJIN3YtM3ptLTItNGgyVjdoM1Y1SDV2NXptMTIgN2gtM3YyaDV2LTVoLTJ2M3pNMTQgNXYyaDN2M2gyVjVoLTV6Ii8+PC9zdmc+')
 }

 .joint-widget.joint-theme-default[data-type="zoomIn"]:after {
     content: '+';
 }

 .joint-widget.joint-theme-default[data-type="zoomOut"]:after {
     content: '-';
 }
 .joint-widget.joint-theme-default[data-type="fullscreen"]:after {
     content: 'fullscreen';
 }
 .joint-widget.joint-theme-default[data-type="toggle"] > input {
     margin-bottom: 0;
 }

 .joint-widget.joint-theme-default[data-type="toggle"] span:first-child {
     float: left;
 }

 .joint-widget.joint-theme-default[data-type="separator"] {
     line-height: 38px;
     margin-right: 4px;
     border-color: lightgray;
 }

 /*toggle*/
 .joint-widget.joint-theme-default .toggle {
     width: 60px;
 }
 .joint-widget.joint-theme-default .toggle input:checked + span {
     background: white;
 }
 .joint-widget.joint-theme-default .toggle span {
     background: lightgrey;
     border: 1px solid lightgrey;
     border-radius: 40px;
 }
 .joint-widget.joint-theme-default.disabled .toggle input:checked + span i:before {
     color: #d3d3d3;
 }
 .joint-widget.joint-theme-default .toggle input:checked + span i:before {
     content: "on";
     right: 115%;
     color: black;
 }
 .joint-widget.joint-theme-default.disabled .toggle span i:before {
     color: #9e9e9e;
 }
 .joint-widget.joint-theme-default .toggle span i:before {
     content: "off";
     position: absolute;
     top: 50%;
     margin-top: -5px;
     right: -80%;
     text-transform: uppercase;
     color: black;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 10px;
     font-style: normal;
 }
 .joint-widget.joint-theme-default .toggle span i {
     background: white;
     width: 50%;
     right: 50%;
 }
 .joint-widget.joint-theme-default .toggle input:checked + span i {
     background: lightgrey;
 }

 /*inputs*/
 .joint-widget.joint-theme-default input[type="text"],
 .joint-widget.joint-theme-default input[type="number"],
 .joint-widget.joint-theme-default textarea {
     width: 100%;
     height: auto;
     line-height: 14px;
     border: 1px solid lightgrey;
     box-sizing: border-box;
     outline: none;
     padding: 5px;
     font-size: 12px;
 }

 .joint-widget.joint-theme-default .joint-select-button-group {
     font-size: 16px;
 }

 /*label space*/
 .joint-widget.joint-theme-default[data-type="inputText"] label,
 .joint-widget.joint-theme-default[data-type="inputNumber"] label,
 .joint-widget.joint-theme-default[data-type="inputTextArea"] label,
 .joint-widget.joint-theme-default[data-type="checkbox"] > span,
 .joint-widget.joint-theme-default[data-type="toggle"] > span {
     padding-right: 2px;
 }

 /* IE 8,9,10*/
 @media screen\0 {
     /* toggle and select button group*/
     .joint-widget.joint-theme-default[data-type="toggle"],
     .joint-widget.joint-theme-default[data-type="selectButtonGroup"] {
         padding-top: 3px;
         padding-bottom: 3px;
     }
     /* range*/
     .joint-widget.joint-theme-default[data-type="zoomSlider"],
     .joint-widget.joint-theme-default[data-type="range"] {
         margin-top: 8px;
         margin-bottom: 8px;
     }
     .joint-widget.joint-theme-default input[type="range"] + output {
         padding-top: 10px;
         padding-bottom: 10px;
     }
 }

 /* range */
 .joint-widget.joint-theme-material input[type="range"] {
     position: relative;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     margin: 0;
     width: 80px;
     padding: 5px;
     background: transparent;
 }
 .joint-widget.joint-theme-material .units {
     padding-right: 4px;
 }

 .joint-widget.joint-theme-material input[type="range"]:focus {
     outline: none;
 }

 .joint-widget.joint-theme-material input[type="range"]::-ms-track {
     cursor: pointer;
     background: transparent;
     border-color: transparent;
     color: transparent;
 }

 .joint-widget.joint-theme-material input[type="range"]:disabled::-webkit-slider-thumb {
     background-color: #808bc6;
 }
 .joint-widget.joint-theme-material input[type="range"]:disabled::-ms-thumb {
     background-color: #808bc6;
 }
 .joint-widget.joint-theme-material input[type="range"]:disabled::-moz-range-thumb {
     background-color: #808bc6;
 }
 .joint-widget.joint-theme-material input[type="range"]::-webkit-slider-thumb {
     margin-top: -5px;
     -webkit-appearance: none;
     width: 12px;
     height: 12px;
     box-sizing: border-box;
     border-radius: 50%;
     background: rgb(63,81,181);
     border: none;
     transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .joint-widget.joint-theme-material input[type="range"]::-ms-thumb {
     margin-top: 0;
     -webkit-appearance: none;
     width: 12px;
     height: 12px;
     box-sizing: border-box;
     border-radius: 50%;
     background: rgb(63,81,181);
     border: none;
     transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .joint-widget.joint-theme-material input[type="range"]:active::-webkit-slider-thumb {
     background-image: none;
     background: rgb(63,81,181);
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
 }
 .joint-widget.joint-theme-material input[type="range"]:active::-ms-thumb {
     background-image: none;
     background: rgb(63,81,181);
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
 }
 .joint-widget.joint-theme-material input[type="range"]::-moz-range-thumb {
     -webkit-appearance: none;
     width: 12px;
     height: 12px;
     box-sizing: border-box;
     border-radius: 50%;
     background: rgb(63,81,181);
     border: none;
     transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .joint-widget.joint-theme-material input[type="range"]:active::-moz-range-thumb {
     background-image: none;
     background: rgb(63,81,181);
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
 }
 .joint-widget.joint-theme-material input[type="range"]::-ms-fill-lower,
 .joint-widget.joint-theme-material input[type="range"]::-ms-fill-upper {
     width: 100%;
     height: 3px;
     background: #5fa9ee;
 }
 .joint-widget.joint-theme-material input[type="range"]::-ms-fill-lower {
     background: #3f51b5
 }
 .joint-widget.joint-theme-material input[type="range"]::-moz-range-track {
     width: 100%;
     height: 3px;
     background: #5fa9ee;
 }
 .joint-widget.joint-theme-material input[type="range"]::-moz-range-progress {
     height: 3px;
     background: #3f51b5;
 }
 .joint-widget.joint-theme-material input[type="range"]:disabled::-webkit-slider-runnable-track {
     background-color: #d0d8e8;
 }
 .joint-widget.joint-theme-material input[type="range"]:disabled::-moz-range-progress {
     background-color: #d0d8e8;
 }
 .joint-widget.joint-theme-material input[type="range"]:disabled::-ms-fill-lower {
     background-color: #d0d8e8;
 }
 .joint-widget.joint-theme-material input[type="range"]:disabled::-ms-fill-upper {
     background-color: #d0d8e8;
 }
 .joint-widget.joint-theme-material input[type="range"]::-webkit-slider-runnable-track {
     width: 100%;
     height: 3px;
     background: #5fa9ee;
 }

 /* button */
 button.joint-widget.joint-theme-material {
     position: relative;
     height: 49px;
     min-width: 49px;
     color: white;
     font-size: 15px;
     background: transparent;
     outline: none;
     cursor: pointer;
     box-sizing: border-box;
     padding: 4px 11px;
     margin: 0;
     border-width: 0 2px 0 2px;
     border-style: solid;
     -webkit-border-image:
         -webkit-gradient(linear, 0 100%, 0 0, from(#5e6b88), to(#717d98)) 1 100%;
     -webkit-border-image:
         -webkit-linear-gradient(bottom, #5e6b88, #717d98) 1 100%;
     -moz-border-image:
         -moz-linear-gradient(bottom, #5e6b88, #717d98) 1 100%;
     -o-border-image:
         -o-linear-gradient(bottom, #5e6b88, #717d98) 1 100%;
     border-image:
         linear-gradient(to top, #5e6b88, #717d98) 1 100%;
 }

 .joint-toolbar.joint-theme-material .joint-toolbar-group + .joint-toolbar-group button.joint-widget.joint-theme-material,
 button.joint-widget.joint-theme-material + button.joint-widget.joint-theme-material {
     border-width: 0 2px 0 0;
     margin-left: 0;
 }

 button.joint-widget.joint-theme-material:hover {
     box-shadow: inset 0 -4px 0 #5fa9ee;
 }

 button.joint-widget.joint-theme-material:disabled:hover {
     box-shadow: none;
 }

 .joint-widget.joint-theme-material[data-type="toggle"] span:first-child,
 .joint-widget.joint-theme-material[data-type="checkbox"] span:first-child {
     display: inline-block;
     padding-left: 4px;
     padding-right: 4px;
 }

 /* checkbox*/
 .joint-widget.joint-theme-material[data-type="checkbox"] input {
     position: relative;
     display: none;
 }

 .joint-widget.joint-theme-material[data-type="checkbox"].disabled input + span {
     border: 2px solid #d0d8e8;
 }
 .joint-widget.joint-theme-material[data-type="checkbox"] input + span {
     display: inline-block;
     box-sizing: border-box;
     width: 16px;
     min-width: 16px;
     height: 16px;
     margin: 0;
     cursor: pointer;
     border: 2px solid #5fa9ee;
     border-radius: 2px;
     z-index: 2;
     position: relative;
 }

 .joint-widget.joint-theme-material[data-type="checkbox"] input + span:after {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
     mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
     background: 0 0;
     transition-duration: .28s;
     transition-timing-function: cubic-bezier(.4,0,.2,1);
     transition-property: background;
 }
 .joint-widget.joint-theme-material[data-type="checkbox"] input:checked + span:after {
     background: #3f51b5 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
 }
 .joint-widget.joint-theme-material[data-type="checkbox"] input:disabled:checked + span:after {
     background-color: #808bc6;
 }
 .joint-widget.joint-theme-material[data-type="checkbox"] input:checked + span {
     border: 2px solid #3f51b5;
     background: white;
 }
 .joint-widget.joint-theme-material[data-type="checkbox"] input:disabled:checked + span {
     border: 2px solid #808bc6;
 }
 /* toggle */
 .joint-widget.joint-theme-material .toggle {
     height: 14px;
     width: 36px;
     border-radius: 14px;
 }
 .joint-widget.joint-theme-material .toggle input:checked + span {
     background: #5fa9ee;
 }
 .joint-widget.joint-theme-material.disabled .toggle input:checked + span {
     background-color: #d0d8e8;
 }
 .joint-widget.joint-theme-material.disabled .toggle span {
     background-color: #d6d6d6;

 }
 .joint-widget.joint-theme-material .toggle span {
     background: rgba(0,0,0,.26);
     color: #f6f6f6;
     border-radius: 14px;
     box-shadow: none;
 }
 .joint-widget.joint-theme-material .toggle span i:before {
     content: '';
 }
 .joint-widget.joint-theme-material .toggle span i {
     right: 50%;
     width: 50%;
     top: -2px;
     height: 130%;
     left: 0;
     border-radius: 50%;
     cursor: pointer;
     background: #fafafa;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
     transition-duration: .28s;
     transition-timing-function: cubic-bezier(.4,0,.2,1);
     transition-property: left;
 }
 .joint-widget.joint-theme-material.disabled .toggle input:checked + span i{
     background-color: #808bc6;
 }
 .joint-widget.joint-theme-material .toggle input:checked + span i {
     right: 0;
     position: absolute;
     left: 20px;
     background: #3f51b5;
     box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
 }
 .joint-widget.joint-theme-material[data-type="checkbox"] span,
 .joint-widget.joint-theme-material[data-type="toggle"] span,
 .joint-widget.joint-theme-material[data-type="toggle"] div {
     pointer-events: none;
 }

 .joint-widget.joint-theme-material[data-type="undo"]:after,
 .joint-widget.joint-theme-material[data-type="redo"]:after,
 .joint-widget.joint-theme-material[data-type="zoomToFit"]:after,
 .joint-widget.joint-theme-material[data-type="zoomIn"]:after,
 .joint-widget.joint-theme-material[data-type="zoomOut"]:after,
 .joint-widget.joint-theme-material[data-type="fullscreen"]:after {
     display: block;
     width: 33px;
     height: 33px;
     content: ' ';
     background-color: transparent;
     background-position: 0 0;
     background-repeat: no-repeat;
     background-image: url('data:image/png;base64, ');
 }

 .joint-widget.joint-theme-material[data-type="zoomIn"]:after { background-position: -47px -54px; }
 .joint-widget.joint-theme-material[data-type="zoomOut"]:after { background-position: -91px -5px; }
 .joint-widget.joint-theme-material[data-type="zoomToFit"]:after { background-position: -5px -54px; }
 .joint-widget.joint-theme-material[data-type="undo"]:after { background-position: -6px -8px; }
 .joint-widget.joint-theme-material[data-type="redo"]:after { background-position: -44px -8px; }
 .joint-widget.joint-theme-material[data-type="fullscreen"]:after { background-position: -88px -51px; }
 .joint-widget.joint-theme-material[data-type="zoomIn"]:disabled:after { background-position: -173px -54px; }
 .joint-widget.joint-theme-material[data-type="zoomOut"]:disabled:after { background-position: -217px -5px; }
 .joint-widget.joint-theme-material[data-type="zoomToFit"]:disabled:after { background-position: -131px -54px; }
 .joint-widget.joint-theme-material[data-type="undo"]:disabled:after { background-position: -132px -8px; }
 .joint-widget.joint-theme-material[data-type="redo"]:disabled:after { background-position: -170px -8px; }
 .joint-widget.joint-theme-material[data-type="fullscreen"]:disabled:after { background-position: -214px -51px; }

 
.joint-widget.joint-theme-material[data-name="clear"]:after {
    background-position: -46px -100px;
}

.joint-widget.joint-theme-material[data-name="layout"]:after {
    background-position: -5px -99px;
}

.joint-widget.joint-theme-material[data-name="print"]:after {
    background-position: -88px -100px;
}

.joint-widget.joint-theme-material[data-name="clear"]:after,
.joint-widget.joint-theme-material[data-name="layout"]:after,
.joint-widget.joint-theme-material[data-name="print"]:after {
    display: block;
    width: 33px;
    height: 33px;
    content: ' ';
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../images/toolbar-icons-material.png);
}

.joint-widget.joint-theme-material[data-name="resetTemplate"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/reset-icon-modern.png);
}

.joint-widget.joint-theme-material[data-name="resetTemplate"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-material[data-name="saveAsTemplate"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/save-icon-modern.png);
}

.joint-widget.joint-theme-material[data-name="saveAsTemplate"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-material[data-name="deleteTemplate"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/delete-icon-modern.png);
}

.joint-widget.joint-theme-material[data-name="deleteTemplate"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-material[data-name="to-front"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/to-front-icon-modern.png);
}

.joint-widget.joint-theme-material[data-name="to-front"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-material[data-name="to-back"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/toback-icon-modern.png);
}

.joint-widget.joint-theme-material[data-name="to-back"]:after {
  background-position: 1px;
}

 /* separator */
 .joint-widget.joint-theme-material[data-type="separator"] {
     background:
         -webkit-gradient(linear, 0 100%, 0 0, from(#5e6b88), to(#717d98));
     background:
         -webkit-linear-gradient(bottom, #5e6b88, #717d98);
     background:
         -moz-linear-gradient(bottom, #5e6b88, #717d98);
     background:
         -o-linear-gradient(bottom, #5e6b88, #717d98);
     background:
         linear-gradient(to top, #5e6b88, #717d98);
     height: 49px;
     width: 2px;
     border: none;
 }

 /* label */
 label.joint-widget.joint-theme-material {
     padding-left: 4px;
     padding-right: 4px;
 }

 /* animation click on button */
 button.joint-widget.joint-theme-material:active {
    background: #5e6d9d;
 }

 /* animation ripple checkbox, toggle */
 .joint-widget.joint-theme-material input.toggle + span:after,
 .joint-widget.joint-theme-material[data-type="checkbox"] input + span:before {
     content: '';
     position: absolute;
     z-index: 2;
     box-sizing: border-box;
     border-radius: 50%;
     background: #3f51b5;
     transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
     transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
     transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     top: -14px;
     right: -14px;
     overflow: hidden;
     width: 40px;
     height: 40px;
 }
 .joint-widget.joint-theme-material.is-in-action input.toggle + span:after,
 .joint-widget.joint-theme-material[data-type="checkbox"].is-in-action input + span:before {
     opacity: 0.3;
 }
 .joint-widget.joint-theme-material input.toggle + span:after {
     top: -12px;
     left: -12px;
 }
 .joint-widget.joint-theme-material input.toggle:checked + span:after {
     transform: translate(20px, 0);
 }
 /* inputs*/
 .joint-widget.joint-theme-material[data-type="inputNumber"] div,
 .joint-widget.joint-theme-material[data-type="textarea"] div,
 .joint-widget.joint-theme-material[data-type="inputText"] div {
     position: relative;
 }

 .joint-widget.joint-theme-material textarea,
 .joint-widget.joint-theme-material input {
     color: #55627b;
     border: none;
     outline: none;
     background: transparent;
     line-height: 20px;
     height: 20px;
 }

 .joint-widget.joint-theme-material textarea,
 .joint-widget.joint-theme-material input[type="number"],
 .joint-widget.joint-theme-material input[type="text"] {
     border-bottom: 2px solid #5fa9ee;
 }

 .joint-widget.joint-theme-material[data-type="inputNumber"] > .input-wrapper:after,
 .joint-widget.joint-theme-material[data-type="textarea"] > .input-wrapper:after,
 .joint-widget.joint-theme-material[data-type="inputText"] > .input-wrapper:after {
     background: #3f51b5;
     bottom: 0;
     content: '';
     height: 2px;
     left: 45%;
     position: absolute;
     transition-duration: .2s;
     transition-timing-function: cubic-bezier(.4,0,.2,1);
     z-index: -1;
     width: 10px;
     transition-property: width, left, z-index;
     display: block;
 }

 .joint-widget.joint-theme-material[data-type="textarea"] > .input-wrapper:after {
     bottom: 1px;
 }

 .joint-widget.joint-theme-material input[type="text"]:disabled,
 .joint-widget.joint-theme-material input[type="number"]:disabled,
 .joint-widget.joint-theme-material textarea:disabled {
     color: #d6d6d6;
     border-bottom: 2px solid #d0d8e8;
 }

 .joint-widget.joint-theme-material.is-focused[data-type="inputNumber"] > .input-wrapper:after,
 .joint-widget.joint-theme-material.is-focused[data-type="textarea"] > .input-wrapper:after,
 .joint-widget.joint-theme-material.is-focused[data-type="inputText"] > .input-wrapper:after {
     z-index: 1000;
     left:0;
     width: 100%;
 }

 @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
     .joint-widget.joint-theme-material input[type="text"],
     .joint-widget.joint-theme-material input[type="number"] {
         padding: 0 0 0 10px;
     }
     .joint-widget.joint-theme-material[data-type="textarea"] > .input-wrapper:after {
         bottom: 3px;
     }
 }

 /* IE 8,9,10*/
 @media screen\0 {

     /* select button group*/
     .joint-widget.joint-theme-material[data-type="selectButtonGroup"] {
         padding-top: 9px;
         padding-bottom: 9px;
     }
     /* range*/
     .joint-widget.joint-theme-material[data-type="zoomSlider"],
     .joint-widget.joint-theme-material[data-type="range"] {
         margin-top: 14px;
         margin-bottom: 14px;
         margin-right: 4px;
     }
     /* selectBox*/
     .joint-widget.joint-theme-material[data-type="selectBox"] {
         margin-top: 7px;
         margin-bottom: 7px;
     }
     /* checkbox*/
     .joint-widget.joint-theme-material[data-type="checkbox"] {
         padding-top: 2px;
         padding-bottom: 2px;
     }

     /* button */
     button.joint-widget.joint-theme-material {
         border-bottom: none;
         border-top: none;
         border-left: 2px solid #5e6b88;
         border-right: 2px solid #5e6b88;
     }
 }

 /* range */
 .joint-widget.joint-theme-modern input[type="range"] {
     vertical-align: middle;
     width: 80px;
     color: #ddd;
     background: transparent;
     position: relative;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     height: 20px;
     border: none;
     outline: none;
     padding: 0;
 }

 .joint-widget.joint-theme-modern input[type="range"]:focus {
     outline: none;
 }

 .joint-widget.joint-theme-modern input[type="range"]::-ms-thumb {
     position: relative;
     width: 8px;
     height: 8px;
     top: 0;
     z-index: 2;
     background: #fff;
     box-shadow: 1px 1px 1px #888;
     border-radius: 8px;
 }

 .joint-widget.joint-theme-modern input[type="range"]::-moz-range-thumb {
     position: relative;
     width: 8px;
     height: 8px;
     top: 0;
     z-index: 2;
     background: #fff;
     box-shadow: 1px 1px 1px #888;
     border-radius: 8px;
     appearance: none;
 }

 .joint-widget.joint-theme-modern input[type="range"]::-webkit-slider-thumb {
     position: relative;
     width: 8px;
     height: 8px;
     top: 0;
     z-index: 2;
     background: #fff;
     box-shadow: 1px 1px 1px #888;
     border-radius: 8px;
     -webkit-appearance: none;
     appearance: none;
 }

 .joint-widget.joint-theme-modern input[type="range"]:after {
     position: absolute;
     left: 0;
     top: 9px;
     content: ' ';
     width: 100%;
     height: 3px;
     background: linear-gradient(to right, #fb6eb6, #c658fd);
     border-radius: 3px;
 }

 .joint-widget.joint-theme-modern input[type="range"]:disabled:after {
     background: linear-gradient(to right, #fbe0ee, #daacf1);
 }

 .joint-widget.joint-theme-modern input[type="range"]::-moz-range-track {
     position: absolute;
     left: 0;
     top: 9px;
     content: ' ';
     width: 100%;
     height: 3px;
     background: linear-gradient(to right, #fb6eb6, #c658fd);
     border-radius: 3px;
 }

 .joint-widget.joint-theme-modern input[type="range"]::-ms-track {
     position: absolute;
     left: 0;
     top: 9px;
     content: ' ';
     width: 100%;
     height: 3px;
     background: linear-gradient(to right, #fb6eb6, #c658fd);
     border-radius: 3px;
 }

 .joint-widget.joint-theme-modern input[type="range"][disabled]::-moz-range-track {
     background: linear-gradient(to right, #fbe0ee, #daacf1);
 }
 .joint-widget.joint-theme-modern input[type="range"][disabled]::-ms-track {
     background: linear-gradient(to right, #fbe0ee, #daacf1);
 }


 /* button */
 button.joint-widget.joint-theme-modern {
     position: relative;
     height: 32px;
     min-width: 32px;
     color: #6b6c8a;
     font-size: 11px;
     background: transparent;
     border: 1px solid #6b6c8a;
     border-radius: 18px;
     outline: none;
     cursor: pointer;
     box-sizing: border-box;
     padding: 4px 11px;
     margin: 0;
 }

 button.joint-widget.joint-theme-modern:not([disabled]):hover {
     color: #fff;
     background: #6a6b8a;
 }

 /* checkbox*/
 .joint-widget.joint-theme-modern[data-type="checkbox"] span:first-child {
     display: inline-block;
 }

 .joint-widget.joint-theme-modern[data-type="checkbox"] input {
     position: relative;
     display: none;
 }

 .joint-widget.joint-theme-modern[data-type="checkbox"].disabled input + span {
     background-color: #e2e2ee;
     border-color: #c6c7e2;
 }
 .joint-widget.joint-theme-modern[data-type="checkbox"] input + span {
     position: relative;
     left: 0;
     display: inline-block;
     vertical-align: top;
     width: 21px;
     height: 22px;
     background-color: #fff;
     border: 1px solid #6b6c8a;
     border-radius: 4px;
 }

 .joint-widget.joint-theme-modern[data-type="checkbox"] input:checked + span:after {
     position: absolute;
     left: 4px;
     top: 3px;
     display: block;
     width: 18px;
     height: 16px;
     content: ' ';
     background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAABSlBMVEUrrqorsqwrtq4surEtvbQvw7svx70wzMIxvboyzscztrozxsM0nq00srk1n681obA1qbY1rbc2o7I2pbU2qLc3q7o3vcQ3xsg4rrw5sL85tME5uMM6tsQ6v8o7ucc7vMk7vcs8v8w8wc7///81n688wc4xzsQ1obA6tsQ2o7IvqKsxpK0twbcx0MY5tMEsras5tME2pbUwysA5sL87vcsssa05sL82qLc5uMM4rrw3q7o1n68sta8uxLo2ysk4vMUsurEwzMI3tsA1obA5sL86wss5sL80vb8tvbQ1n68vx702o7I6tsQ3wcY1obA1o7I2pbUxzsQzwsAyvLs1prQ5tME2qLctwbcvw7syu7s1qbY3q7o5sL8wysA4rrwzycQuxLovw7svx70wysAwzMIxzsQyw8AyyME1rbc1sbk2tLw2t785uMM6ucYRnxwPAAAAYHRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAwYGCQwPDxUYGBsbHiQkMDMzNjZCRUhOUVRgeHh4h5OTmaiurrS9vcPJ0tLb3uTk5Ofq9vb29vb5+fwT6nnAAAAAw0lEQVR4AV3LVXPCQADE8au7N22aprlLru7u7lLcHZLg8P1fWTIBAr+nnf/MkskenJPpbnc/62TGaevNvcfJvMPOn2cXx4WOE2/wiCAttl2F4xd9s0hCy22idN8/JyCJtpt0+XlgShSRPt/PVuAyWfkeHMdAOg7EXiXpMFSN7I9KgCRfR7Nf2/+13MPQqgxIivKk6/564Xd4SWlCopS6DKOYOp2gFiTG2HnGNF9G1pgFSYWPvG9zWQVA0mDj8WBMs3HeAD86KVYGq1XTAAAAAElFTkSuQmCC') 0 0 no-repeat;
 }

 /*toggle*/
 .joint-widget.joint-theme-modern .toggle {
   width: 72px;
 }
 .joint-widget.joint-theme-modern .toggle input {
   display: block;
   width: 100%;
   box-sizing: border-box;
   box-shadow: none;
   height: 12px;
 }
 .joint-widget.joint-theme-modern .toggle input:checked + span {
   background: #31d0c6;
 }
 .joint-widget.joint-theme-modern.disabled .toggle input:checked + span {
   background-color: #9cddd9;
 }
 .joint-widget.joint-theme-modern .toggle span {
   background: #c6c7e2;
   border-radius: 40px;
   box-shadow: none;
 }
 .joint-widget.joint-theme-modern.disabled .toggle span {
   background: #e2e2ee;
 }
 .joint-widget.joint-theme-modern .toggle span:before {
   background: #f6f6f6;
   box-shadow: none;
 }
 .joint-widget.joint-theme-modern .toggle span i:before {
   content: "off";
   position: absolute;
   right: -50%;
   top: 0;
   text-transform: uppercase;
   font-style: normal;
   font-weight: bold;
   color: #6a6c8a;
   font-family: Arial, sans-serif;
   font-size: 10px;
   line-height: 16px;
   margin-top: -1px;
   margin-right: -8px;
 }
 .joint-widget.joint-theme-modern.disabled .toggle span i:before {
     color: #a0a1b1;
 }

 .joint-widget.joint-theme-modern .toggle input:checked + span i:before {
   content: "on";
   right: 100%;
   color: #f6f6f6;
   margin-right: 12px;
 }
 .joint-widget.joint-theme-modern .toggle span i {
   right: 50%;
   width: 50%;
   background: #f6f6f6;
   box-shadow: 0 0 3px #111;
 }
 .joint-widget.joint-theme-modern .toggle input:disabled + span i {
   box-shadow: 0 0 3px #8c8c8c;
 }

 /*inputs*/
 .joint-widget.joint-theme-modern input[type="text"],
 .joint-widget.joint-theme-modern input[type="number"],
 .joint-widget.joint-theme-modern textarea {
     width: 100%;
     height: auto;
     line-height: 14px;
     text-shadow: none;
     background: transparent;
     border: 2px solid #e6e6e6;
     box-shadow: none;
     box-sizing: border-box;
     outline: none;
     padding: 6px;
     overflow: auto;
 }

 .joint-widget.joint-theme-modern input[type="text"]:disabled,
 .joint-widget.joint-theme-modern input[type="number"]:disabled,
 .joint-widget.joint-theme-modern textarea:disabled {
     color: #d6d6d6;
 }

 .joint-widget.joint-theme-modern input[type="text"],
 .joint-widget.joint-theme-modern input[type="number"] {
     height: 33px;
 }

 .joint-widget.joint-theme-modern[data-type="undo"]:hover,
 .joint-widget.joint-theme-modern[data-type="redo"]:hover,
 .joint-widget.joint-theme-modern[data-type="zoomToFit"]:hover,
 .joint-widget.joint-theme-modern[data-type="zoomIn"]:hover,
 .joint-widget.joint-theme-modern[data-type="zoomOut"]:hover,
 .joint-widget.joint-theme-modern[data-type="fullscreen"]:hover {
     background: transparent;
 }

 .joint-widget.joint-theme-modern[data-type="undo"]:after,
 .joint-widget.joint-theme-modern[data-type="redo"]:after,
 .joint-widget.joint-theme-modern[data-type="zoomToFit"]:after,
 .joint-widget.joint-theme-modern[data-type="zoomIn"]:after,
 .joint-widget.joint-theme-modern[data-type="zoomOut"]:after,
 .joint-widget.joint-theme-modern[data-type="fullscreen"]:after {
     display: block;
     width: 31px;
     height: 31px;
     content: ' ';
     background-color: transparent;
     background-position: 0 0;
     background-repeat: no-repeat;
     background-image: url('data:image/png;base64, ');
 }

 .joint-widget.joint-theme-modern[data-type="zoomIn"]:after { background-position: -31px -31px }
 .joint-widget.joint-theme-modern[data-type="zoomIn"]:disabled:after { background-position: 0 -31px }
 .joint-widget.joint-theme-modern[data-type="zoomIn"]:not([disabled]):hover:after { background-position: -62px -31px }

 .joint-widget.joint-theme-modern[data-type="zoomOut"]:after { background-position: -31px 0 }
 .joint-widget.joint-theme-modern[data-type="zoomOut"]:disabled:after { background-position: 0 0 }
 .joint-widget.joint-theme-modern[data-type="zoomOut"]:not([disabled]):hover:after { background-position: -62px 0 }

 .joint-widget.joint-theme-modern[data-type="zoomToFit"]:after { background-position: -31px -217px }
 .joint-widget.joint-theme-modern[data-type="zoomToFit"]:disabled:after { background-position: 0 -217px }
 .joint-widget.joint-theme-modern[data-type="zoomToFit"]:not([disabled]):hover:after { background-position: -62px -217px }

 .joint-widget.joint-theme-modern[data-type="undo"]:after { background-position: -31px -155px }
 .joint-widget.joint-theme-modern[data-type="undo"]:disabled:after { background-position: 0 -155px }
 .joint-widget.joint-theme-modern[data-type="undo"]:not([disabled]):hover:after { background-position: -62px -155px }

 .joint-widget.joint-theme-modern[data-type="redo"]:after { background-position: -31px -186px }
 .joint-widget.joint-theme-modern[data-type="redo"]:disabled:after { background-position: 0 -186px }
 .joint-widget.joint-theme-modern[data-type="redo"]:not([disabled]):hover:after { background-position: -62px -186px }

 .joint-widget.joint-theme-modern[data-type="fullscreen"]:after { background-position: -31px -93px }
 .joint-widget.joint-theme-modern[data-type="fullscreen"]:disabled:after { background-position: 0 -93px }
 .joint-widget.joint-theme-modern[data-type="fullscreen"]:not([disabled]):hover:after { background-position: -62px -93px }

 .joint-widget.joint-theme-modern[data-type="undo"],
 .joint-widget.joint-theme-modern[data-type="redo"],
 .joint-widget.joint-theme-modern[data-type="zoomToFit"],
 .joint-widget.joint-theme-modern[data-type="zoomIn"],
 .joint-widget.joint-theme-modern[data-type="zoomOut"],
 .joint-widget.joint-theme-modern[data-type="fullscreen"] {
     position: relative;
     top: -1px;
     border: none;
     padding: 0;
 }

 
.joint-widget.joint-theme-modern[data-name="clear"]:after,
.joint-widget.joint-theme-modern[data-name="layout"]:after,
.joint-widget.joint-theme-modern[data-name="resetTemplate"]:after,
.joint-widget.joint-theme-modern[data-name="print"]:after {
    display: block;
    width: 31px;
    height: 31px;
    content: ' ';
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/toolbar-icons-modern.png);
}

.joint-widget.joint-theme-modern[data-name="clear"]:after {
    background-position: 0 -62px;
}

.joint-widget.joint-theme-modern[data-name="clear"]:hover:after {
    background-position: -31px -62px;
}

.joint-widget.joint-theme-modern[data-name="layout"]:after {
    background-position: 0 -124px;
}

.joint-widget.joint-theme-modern[data-name="layout"]:hover:after {
    background-position: -31px -124px;
}

.joint-widget.joint-theme-modern[data-name="print"]:after {
    background-position: 0 -248px;
}

.joint-widget.joint-theme-modern[data-name="print"]:hover:after {
    background-position: -31px -248px;
}

.joint-widget.joint-theme-modern[data-name="clear"],
.joint-widget.joint-theme-modern[data-name="layout"],
.joint-widget.joint-theme-modern[data-name="print"] {
    position: relative;
    top: -1px;
    border: none;
    padding: 0;
}

.joint-widget.joint-theme-modern[data-name="resetTemplate"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/reset-icon-modern.png);
}

.joint-widget.joint-theme-modern[data-name="resetTemplate"]:after {
background-position: 1px;
}

.joint-widget.joint-theme-modern[data-name="saveAsTemplate"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/save-icon-modern.png);
}

.joint-widget.joint-theme-modern[data-name="saveAsTemplate"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-modern[data-name="deleteTemplate"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/delete-icon-modern.png);
}

.joint-widget.joint-theme-modern[data-name="deleteTemplate"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-modern[data-name="to-front"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/to-front-icon-modern.png);
}

.joint-widget.joint-theme-modern[data-name="to-front"]:after {
  background-position: 1px;
}

.joint-widget.joint-theme-modern[data-name="to-back"]:after {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/toback-icon-modern.png);
}

.joint-widget.joint-theme-modern[data-name="to-back"]:after {
  background-position: 1px;
}
 /* separator */
 .joint-widget.joint-theme-modern[data-type="separator"] {
     line-height: 36px;
     margin-right: 3px;
 }

 /*label space*/
 .joint-widget.joint-theme-modern[data-type="inputText"] label,
 .joint-widget.joint-theme-modern[data-type="inputNumber"] label,
 .joint-widget.joint-theme-modern[data-type="inputTextArea"] label,
 .joint-widget.joint-theme-modern[data-type="checkbox"] > span,
 .joint-widget.joint-theme-modern[data-type="toggle"] > span {
     padding-right: 2px;
 }

 /* Chrome only */
 @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
     /* change "6px padding" for visible text and same size as other browser */
     .joint-widget.joint-theme-modern input[type="text"],
     .joint-widget.joint-theme-modern input[type="number"] {
         padding: 0 0 0 10px;
     }
     /* "on/off" text in the center of the button  */
     .joint-widget.joint-theme-modern .toggle span i:before {
         margin-top: 0;
     }
 }
 /* IE 8,9,10*/
 @media screen\0 {

     /* select button group*/
     .joint-widget.joint-theme-modern[data-type="selectButtonGroup"] {
         padding-top: 3px;
         padding-bottom: 3px;
     }
     /* range*/
     .joint-widget.joint-theme-modern[data-type="zoomSlider"],
     .joint-widget.joint-theme-modern[data-type="range"] {
         margin-top: 6px;
         margin-bottom: 6px;
     }
     /* checkbox*/
     .joint-widget.joint-theme-modern[data-type="checkbox"] {
         padding-top: 2px;
         padding-bottom: 2px;
     }
 }

 .printarea {
     position: relative;
 }

 .printarea.print-ready {
     display: none;
 }

 .printarea.preview {
     overflow: hidden !important;
     background: #fff !important;
 }

 @media print {

     html,
     html > body.joint-print {
         position: relative !important;
         width: 100% !important;
         height: 100% !important;
         margin: 0 !important;
         padding: 0 !important;
     }

     html > body.joint-print > * {
         display: none !important;
     }

     html > body.joint-print > .printarea {
         display: block !important;
     }

     .printarea {
         page-break-after: always;
         left: 0 !important;
         top: 0 !important;
         overflow: hidden !important;
         background: #fff !important;
         margin: 0mm !important;
         padding: 0mm !important;
     }

     .printarea.print-ready {
         display: none;
     }
 }
