/* generated file, do not change */
@import url('../assets/fonts/fonts.css');
.canvas .element:focus {
  outline: none;
}
.canvas .element:focus.hotspot.show-focus,
.canvas .element:focus.shape-path.show-focus {
  outline: #8e8e8e dashed 1px;
}
.canvas .element.label .inner-target:focus,
.canvas .element.image .inner-target:focus,
.canvas .element.flashcard .inner-target:focus,
.canvas .element.webview .inner-target:focus,
.canvas .element.video .inner-target:focus,
.canvas .element.canvas2d .inner-target:focus {
  outline: #8e8e8e dashed 1px;
}
.canvas .element.label .label-input {
  cursor: pointer;
  background-color: #f9f9f9;
  padding: 2px 8px;
  border-radius: 3px;
  border: 1px solid #cdcdcd;
  white-space: nowrap;
}
.canvas:not(.edit) .element.focus-outline:before {
  content: "";
  pointer-events: none;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  position: absolute;
  outline: #8e8e8e dashed 1px;
  margin: -5px;
  border-radius: 3px;
}
.canvas:not(.edit) .element input.focus-input,
.canvas:not(.edit) .element div.focus-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 60px;
  color: gray;
}
.canvas .check input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.canvas .check input[type=checkbox] + label {
  padding-left: 25px;
  display: inline-block;
  line-height: 140%;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 20px 20px;
  vertical-align: middle;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22512px%22%20height%3D%22512px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23565656%22%20stroke-width%3D%2212%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M492.5%2C473.5c0%2C6.627-5.373%2C12-12%2C12h-446%0D%0A%09c-6.627%2C0-12-5.373-12-12v-437c0-6.627%2C5.373-12%2C12-12h446c6.627%2C0%2C12%2C5.373%2C12%2C12V473.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.canvas .check input[type=checkbox]:checked + label {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22512px%22%20height%3D%22512px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23565656%22%20points%3D%22448%2C175%20384%2C111%20224%2C271%20128%2C175%2064%2C239%20224%2C399%20%22%2F%3E%0D%0A%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23565656%22%20stroke-width%3D%2212%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M490.5%2C474.5c0%2C6.627-5.373%2C12-12%2C12h-446%0D%0A%09c-6.627%2C0-12-5.373-12-12v-437c0-6.627%2C5.373-12%2C12-12h446c6.627%2C0%2C12%2C5.373%2C12%2C12V474.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
}
.canvas .check .list-item.focused input[type=checkbox] + label {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22512px%22%20height%3D%22512px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23565656%22%20stroke-width%3D%2235%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M492.5%2C473.5c0%2C6.627-5.373%2C12-12%2C12h-446%0D%0A%09c-6.627%2C0-12-5.373-12-12v-437c0-6.627%2C5.373-12%2C12-12h446c6.627%2C0%2C12%2C5.373%2C12%2C12V473.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
}
.canvas .check .list-item.focused input[type=checkbox]:checked + label {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22512px%22%20height%3D%22512px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23565656%22%20points%3D%22448%2C175%20384%2C111%20224%2C271%20128%2C175%2064%2C239%20224%2C399%20%22%2F%3E%0D%0A%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23565656%22%20stroke-width%3D%2235%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M490.5%2C474.5c0%2C6.627-5.373%2C12-12%2C12h-446%0D%0A%09c-6.627%2C0-12-5.373-12-12v-437c0-6.627%2C5.373-12%2C12-12h446c6.627%2C0%2C12%2C5.373%2C12%2C12V474.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
}
.canvas .check input[type=checkbox]:disabled + label {
  opacity: 0.6;
}
.canvas .radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.canvas .radio input[type=radio] + label {
  padding-left: 25px;
  display: inline-block;
  line-height: 140%;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 20px 20px;
  vertical-align: middle;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22512px%22%20height%3D%22512px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23565656%22%20stroke-width%3D%2212%22%20cx%3D%22254%22%20cy%3D%22254%22%20r%3D%22226%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.canvas .radio input[type=radio]:checked + label {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22512px%22%20height%3D%22512px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23565656%22%20stroke-width%3D%2212%22%20cx%3D%22254%22%20cy%3D%22254%22%20r%3D%22226%22%2F%3E%0D%0A%3Ccircle%20fill%3D%22%23757575%22%20cx%3D%22254%22%20cy%3D%22254%22%20r%3D%22148.5%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
}
.canvas .radio.focused input[type=radio] + label {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22512px%22%20height%3D%22512px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23565656%22%20stroke-width%3D%2235%22%20cx%3D%22254%22%20cy%3D%22254%22%20r%3D%22226%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
}
.canvas .radio.focused input[type=radio]:checked + label {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22512px%22%20height%3D%22512px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23565656%22%20stroke-width%3D%2235%22%20cx%3D%22254%22%20cy%3D%22254%22%20r%3D%22226%22%2F%3E%0D%0A%3Ccircle%20fill%3D%22%23757575%22%20cx%3D%22254%22%20cy%3D%22254%22%20r%3D%22148.5%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
}
.canvas .radio input[type=radio]:disabled + label {
  opacity: 0.6;
}
.canvas .radio .inner-target,
.canvas .check .inner-target {
  display: flex;
  justify-content: left;
  align-items: start;
  flex-wrap: wrap;
}
.canvas .radio .buttons-style input[type=radio] + label,
.canvas .check .buttons-style input[type=radio] + label,
.canvas .radio .buttons-style input[type=checkbox] + label,
.canvas .check .buttons-style input[type=checkbox] + label {
  background-image: none !important;
}
.canvas .radio .buttons-style .list-item,
.canvas .check .buttons-style .list-item {
  border: 2px solid #f1f1f1;
  border-radius: 3px;
  background-color: #fbfbfb;
}
.canvas .radio .buttons-style .list-item.focused,
.canvas .check .buttons-style .list-item.focused {
  outline: 1px dashed transparent;
  outline-offset: -3px;
}
.canvas .radio .buttons-style .list-item.unselectable,
.canvas .check .buttons-style .list-item.unselectable {
  opacity: 0.3;
  pointer-events: none;
}
.canvas .radio .buttons-style .list-item.selected {
  background-color: #edfaff !important;
  border-color: #7ab0e6 !important;
}
.canvas .check .buttons-style .list-item.selected {
  background-color: #edfaff !important;
  border-color: #aa8fd8 !important;
}
.canvas .radio.focused .buttons-style .list-item.selected {
  outline: 1px dashed transparent;
  outline-offset: -3px;
}
.canvas .radio:not(.disabled) .buttons-style .list-item:hover,
.canvas .check:not(.disabled) .buttons-style .list-item:hover {
  background-color: #f5f5f5;
}
.canvas .radio:not(.disabled) .buttons-style .list-item:active,
.canvas .check:not(.disabled) .buttons-style .list-item:active {
  background-color: #dfdfdf;
}
.canvas .drop.disabled .inner-target * {
  pointer-events: none;
  color: #9c9c9c;
}
.canvas .drop.focused .inner-target {
  outline: #5695ff auto 4px;
}
.canvas .drop .inner-target {
  display: flex;
  align-items: center;
}
.canvas .drop .inner-target .list-item {
  display: flex;
  align-items: center;
}
.canvas .drop .inner-target .list-item:before {
  content: "";
  position: absolute;
  left: calc(100% - 16px);
  top: calc(50% - 5px);
  border-left: 5px solid #828282;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transform: rotateZ(90deg);
}
.canvas .textbox input:focus,
.canvas .spinner input:focus {
  outline: auto 5px #5596FF;
}
.canvas .slider .slider-body {
  background-color: #fff;
  border-color: #D6D6D6;
}
.canvas .slider .slider-handle {
  background-color: #F1F1F1;
  border-color: #8E9092;
  cursor: default;
}
.canvas .slider .slider-value {
  background-color: #CACED2;
  border-color: #a5a5a5;
}
.canvas .chart.parallel rect.extent {
  fill: #CACED2;
}
.canvas .chart .chart-wrap.base .layer.axis-box .brush rect.extent {
  fill: #CACED2;
}
.canvas .w2ui-grid .w2ui-grid-body .w2ui-row-header {
  text-align: center;
  background-color: #fbfbe052;
}
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-records table td.w2ui-selected,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-selected,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table td.w2ui-selected {
  color: #000000 !important;
  background-color: #d3e8ff !important;
}
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected.w2ui-inactive,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-records table td.w2ui-selected.w2ui-inactive,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-selected.w2ui-inactive,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table td.w2ui-selected.w2ui-inactive {
  background-color: #d7dde4 !important;
}
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected td div,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-records table td.w2ui-selected td div,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-selected td div,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table td.w2ui-selected td div,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected td div span,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-records table td.w2ui-selected td div span,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-selected td div span,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table td.w2ui-selected td div span,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected .cell-value:before,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-records table td.w2ui-selected .cell-value:before,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-selected .cell-value:before,
.canvas .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table td.w2ui-selected .cell-value:before {
  color: #000000 !important;
}
.canvas .w2ui-grid .w2ui-grid-body .w2ui-selection {
  background-color: transparent;
  border-radius: 3px;
  box-shadow: 0px 0px 10px #dcdee6;
}
.canvas .w2ui-grid .w2ui-grid-body .w2ui-selection.w2ui-inactive {
  display: none;
}
.canvas .w2ui-grid .w2ui-grid-body .w2ui-selection .w2ui-selection-resizer {
  display: none;
}
.canvas:not(.edit) .list:hover ul li.selected,
.canvas:not(.edit) .drop:hover ul li.selected {
  background-color: #CACED2;
}
.canvas:not(.edit) .list ul li {
  box-sizing: border-box;
  cursor: pointer;
}
.canvas:not(.edit) .list ul li:hover:not(.selected),
.canvas:not(.edit) .drop ul li:hover:not(.selected),
.canvas:not(.edit) .list ul li.highlight:not(.selected),
.canvas:not(.edit) .drop ul li.highlight:not(.selected) {
  background-color: #e6e8e9;
}