/* The main divs that make up the control's contents */

.yfiles-canvascontrol, .yfiles-svgpanel {
  position: relative;
}

.yfiles-svgpanel {
  /*
    For exact label size measurement, use the below property
    to emphasize geometric precision over legibility and rendering speed.
  */
  /* text-rendering: geometricPrecision; */
}

/* Layout the components of a CanvasControl in a grid */

.yfiles-canvascontrol {
  position: relative;
  overflow: hidden;
  -ms-touch-action: none;
}

.yfiles-canvascontrol .yfiles-svgpanel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.yfiles-canvascontrol .yfiles-scrollbar.yfiles-scrollbar-vertical, .yfiles-canvascontrol .yfiles-scrollbar.yfiles-scrollbar-vertical div {
  /* set the size to all inner elements as well to ensure that none accidentally enlarges the scrollbar */
  width: 12px;
}

.yfiles-canvascontrol .yfiles-scrollbar.yfiles-scrollbar-horizontal, .yfiles-canvascontrol .yfiles-scrollbar.yfiles-scrollbar-horizontal div {
  /* set the size to all inner elements as well to ensure that none accidentally enlarges the scrollbar */
  height: 12px;
}

/* Layout the scrollbars */

.yfiles-canvascontrol .yfiles-scrollbar div {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.yfiles-canvascontrol .yfiles-scrollbar.yfiles-scrollbar-horizontal {
  height: 12px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.yfiles-canvascontrol .yfiles-scrollbar.yfiles-scrollbar-vertical {
  width: 12px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.yfiles-canvascontrol .yfiles-scrollbar-content {
  cursor: default;
}

.yfiles-canvascontrol .yfiles-scrollbar > div {
  position: absolute;
}

.yfiles-canvascontrol .yfiles-scrollbar .yfiles-scrollbar-range.yfiles-scrollbar-range-horizontal {
  left: 12px;
  right: 12px;
  top: 0;
  bottom: 0;
  height: 12px;
}

.yfiles-canvascontrol .yfiles-scrollbar .yfiles-scrollbar-range.yfiles-scrollbar-range-vertical {
  width: 12px;
  left: 0;
  right: 0;
  top: 12px;
  bottom: 12px;
}

.yfiles-canvascontrol .yfiles-scrollbar .yfiles-scrollbar-range-content, .yfiles-canvascontrol .yfiles-scrollbar .yfiles-scrollbar-slider-content {
  /* set maximum size in both dimension and override for specific elements if required */
  width: 100%;
  height: 100%;
}

.yfiles-canvascontrol .yfiles-scrollbar .yfiles-button {
  color: #000;
  width: 12px;
  height: 12px;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
}

.yfiles-canvascontrol .yfiles-scrollbar .yfiles-button-left {
  left: 0;
  top: 0;
  bottom: 0;
}

.yfiles-canvascontrol .yfiles-scrollbar .yfiles-button-right {
  right: 0;
  top: 0;
  bottom: 0;
}

.yfiles-canvascontrol .yfiles-scrollbar .yfiles-button-up {
  left: 0;
  right: 0;
  top: 0;
}

.yfiles-canvascontrol .yfiles-scrollbar .yfiles-button-down {
  left: 0;
  right: 0;
  bottom: 0;
}

/* Misc styling */

.yfiles-canvascontrol, .yfiles-canvascontrol svg {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.yfiles-canvascontrol svg {
  width: 100%;
  height: 100%;
  display: block;
}

.yfiles-tooltip {
  font-size: 10pt;
  background-color: #ffffd0;
  border: 1px solid black;
  padding: 2px;
  position: absolute;
  overflow: visible;
}

/* Style the scrollbars */

.yfiles-canvascontrol .yfiles-scrollbar .yfiles-button {
  border: 1px solid transparent;
}

.yfiles-canvascontrol .yfiles-scrollbar-slider, .yfiles-canvascontrol .yfiles-scrollbar .yfiles-button {
  border-radius: 2px;
}

.yfiles-canvascontrol .yfiles-scrollbar, .yfiles-canvascontrol .yfiles-scrollbar-range, .yfiles-canvascontrol .yfiles-scrollbar-range-content {
  background-color: transparent;
}

.yfiles-canvascontrol .yfiles-scrollbar.yfiles-scrollbar-horizontal {
  background: #e1e1e1; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  filter: none;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(top, #e1e1e1 0%, #efefef 30%, #f9f9f9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(30%, #efefef), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e1e1e1 0%, #efefef 30%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e1e1e1 0%, #efefef 30%, #f9f9f9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e1e1e1 0%, #efefef 30%, #f9f9f9 100%); /* IE10+ */
  background: linear-gradient(to bottom, #e1e1e1 0%, #efefef 30%, #f9f9f9 100%); /* W3C */
}

.yfiles-canvascontrol .yfiles-scrollbar.yfiles-scrollbar-vertical {
  background: #e1e1e1; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  filter: none;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #e1e1e1 0%, #efefef 30%, #f9f9f9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e1e1e1), color-stop(30%, #efefef), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #e1e1e1 0%, #efefef 30%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #e1e1e1 0%, #efefef 30%, #f9f9f9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #e1e1e1 0%, #efefef 30%, #f9f9f9 100%); /* IE10+ */
  background: linear-gradient(to right, #e1e1e1 0%, #efefef 30%, #f9f9f9 100%); /* W3C */
}

.yfiles-canvascontrol .yfiles-scrollbar-range.yfiles-scrollbar-range-vertical .yfiles-scrollbar-slider, .yfiles-canvascontrol .yfiles-scrollbar .yfiles-button.yfiles-button-up:hover, .yfiles-canvascontrol .yfiles-scrollbar .yfiles-button.yfiles-button-down:hover {
  border: 1px solid #999999;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  filter: none;
  background: #efefef; /* Old browsers */
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -moz-linear-gradient(left, #efefef 44%, #cfcfcf 90%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(44%, #efefef), color-stop(90%, #cfcfcf), color-stop(100%, #efefef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #efefef 44%, #cfcfcf 90%, #efefef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #efefef 44%, #cfcfcf 90%, #efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #efefef 44%, #cfcfcf 90%, #efefef 100%); /* IE10+ */
  background: linear-gradient(to right, #efefef 44%, #cfcfcf 90%, #efefef 100%); /* W3C */
}

.yfiles-canvascontrol .yfiles-scrollbar-range.yfiles-scrollbar-range-horizontal .yfiles-scrollbar-slider, .yfiles-canvascontrol .yfiles-scrollbar .yfiles-button.yfiles-button-left:hover, .yfiles-canvascontrol .yfiles-scrollbar .yfiles-button.yfiles-button-right:hover {
  border: 1px solid #999999;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  filter: none;
  background: #efefef; /* Old browsers */
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -moz-linear-gradient(top, #efefef 44%, #cfcfcf 90%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, #efefef), color-stop(90%, #cfcfcf), color-stop(100%, #efefef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efefef 44%, #cfcfcf 90%, #efefef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efefef 44%, #cfcfcf 90%, #efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efefef 44%, #cfcfcf 90%, #efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #efefef 44%, #cfcfcf 90%, #efefef 100%); /* W3C */
}

.yfiles-dropshadow-image {
  pointer-events: none;
}

.yfiles-canvascontrol .yfiles-labeleditbox-container {
  border: 1px solid black;
  background-color: white;
  padding: 2px;
}

.yfiles-canvascontrol .yfiles-labeleditbox {
  resize: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0 none;
  padding: 0;
  line-height: normal;
  font-family: sans-serif;
  font-size: 10pt;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: 0;
  outline: none;
  white-space: pre;
}

.yfiles-collapsebutton {
  cursor:pointer;
}