body, html {
  background-color: white; }
  body *, html * {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -ms-user-select: none;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent; }
  body *:focus, html *:focus {
    outline: 0 none; }
  body a:link, body a:visited, body a:focus, body a:hover, body a:active, html a:link, html a:visited, html a:focus, html a:hover, html a:active {
    outline: 0;
    text-decoration: none;
    -moz-outline: 0; }
  body table, html table {
    border-collapse: collapse; }
  body h1, body h2, body h3, body h4, body h5, body p, body li, html h1, html h2, html h3, html h4, html h5, html p, html li {
    font-family: 'Arial'; }
  body h1, html h1 {
    font-size: 22px; }
  body h2, html h2 {
    font-size: 18px; }
  body h3, html h3 {
    font-size: 16px; }
  body p, html p {
    font-size: 14px; }

/*
	Mixins
*/
.apa-svg {
  display: block;
  position: relative;
  margin: auto;
  max-width: 700px; }
  .apa-svg svg {
    background-color: white;
    display: block;
    position: relative; }
    .apa-svg svg * {
      font-family: 'Arial'; }
    .apa-svg svg text.apa-reference, .apa-svg svg tspan.apa-reference {
      font-family: 'Arial' !important;
      fill: transparent !important; }
    .apa-svg svg text.apa-reference-bold, .apa-svg svg tspan.apa-reference-bold {
      font-weight: bold; }
    .apa-svg svg text.apa-reference-italic, .apa-svg svg tspan.apa-reference-italic {
      font-style: italic; }
    .apa-svg svg path, .apa-svg svg g, .apa-svg svg polygon, .apa-svg svg circle, .apa-svg svg rect {
      /*
			-moz-transform-origin:	 	center center;
			-ms-transform-origin:  		center center;
			-o-transform-origin: 		center center;
			-webkit-transform-origin:  	center center;
			transform-origin: 			center center;
*/ }
    .apa-svg svg .apa-is-hovered {
      cursor: pointer; }
      .apa-svg svg .apa-is-hovered text {
        stroke-width: 0px !important; }

.apa-hover {
  font-family: 'Arial';
  border: 1px solid #ececec;
  border-radius: 4px;
  background-color: white;
  font-size: 14px;
  display: none;
  left: 0px;
  padding: 10px;
  position: absolute;
  top: 0px;
  max-width: 47vmin; }

[data-id="apa-micro-hover"] {
  transition: opacity 1s;
  -ms-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s; }

.apa-click {
  font-family: 'Arial';
  border: 1px solid #ececec;
  border-radius: 4px;
  background-color: white;
  font-size: 14px;
  display: none;
  left: 0px;
  padding: 10px;
  position: fixed;
  top: 0px;
  max-width: 47vmin; }

.apa-loading-animation {
  display: block;
  background-color: white;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 12; }
  .apa-loading-animation img {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%), translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000; }

.apa-cr {
  display: none !important;
  font-weight: light;
  font-family: 'Arial';
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  left: 0px;
  top: 0px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  min-height: 300px; }