/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 14, sass/editor.scss */
.chartedit {
  color: grey;
  font-family: sans-serif;
  font-size: 12px; }
  /* line 18, sass/editor.scss */
  .chartedit input, .chartedit select {
    padding: 3px;
    border: 1px solid #cecece; }
  /* line 23, sass/editor.scss */
  .chartedit .close {
    position: relative;
    top: -15px;
    background-image: url("http://www.world-data-atlas.com/wda-test/charts/images/close-icon.png");
    background-repeat: no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    margin-left: 1px;
    width: 20px;
    height: 20px;
    float: right; }
  /* line 36, sass/editor.scss */
  .chartedit label {
    display: inline;
    margin-right: 20px; }
  /* line 41, sass/editor.scss */
  .chartedit h2 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px; }
  /* line 47, sass/editor.scss */
  .chartedit h3 {
    font-weight: bold;
    padding-bottom: 5px; }
  /* line 52, sass/editor.scss */
  .chartedit .border {
    border: solid  #3B89B2 2px; }
  /* line 65, sass/editor.scss */
  .chartedit .selector {
    overflow: hidden; }
    /* line 75, sass/editor.scss */
    .chartedit .selector .sliding-window {
      float: left;
      width: 830px;
      overflow: hidden; }
    /* line 81, sass/editor.scss */
    .chartedit .selector .button {
      height: 100px;
      float: left;
      margin: 5px;
      width: 20px;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      padding: 50px 0;
      box-sizing: border-box;
      cursor: pointer; }
      /* line 88, sass/editor.scss */
      .chartedit .selector .button:last-child {
        padding: 50px 10px; }
    /* line 92, sass/editor.scss */
    .chartedit .selector .strip {
      height: 100px;
      float: left;
      margin: 5px;
      width: 600px; }
    /* line 94, sass/editor.scss */
    .chartedit .selector ul {
      position: relative;
      padding: 0px;
      margin: 0px;
      width: 25800px; }
    /* line 101, sass/editor.scss */
    .chartedit .selector li {
      height: 100px;
      float: left;
      margin: 5px;
      width: 150px;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      list-style: none;
      cursor: pointer;
      margin: 0px 5px;
      overflow: hidden; }
      /* line 108, sass/editor.scss */
      .chartedit .selector li p {
        margin: 7px; }
      /* line 109, sass/editor.scss */
      .chartedit .selector li .example {
        height: 70px;
        overflow: hidden; }
        /* line 112, sass/editor.scss */
        .chartedit .selector li .example img {
          position: absolute;
          left: 20px;
          bottom: 15px;
          height: 60px; }
  /* line 121, sass/editor.scss */
  .chartedit .editor {
    border: solid #cecece 1px;
    min-height: 100px;
    margin: 5px 0px;
    padding: 5px;
    width: 910px;
    background-color: white; }
  /* line 123, sass/editor.scss */
  .chartedit .example {
    border: solid #cecece 1px;
    min-height: 100px;
    margin: 5px 0px;
    padding: 5px;
    width: 910px;
    background-color: white;
    border-style: none;
    height: 400px;
    position: relative; }
    /* line 128, sass/editor.scss */
    .chartedit .example .config {
      position: absolute;
      top: 0px;
      height: inherit;
      background-color: white;
      width: 360px;
      right: 0px;
      overflow: auto;
      line-height: 1.2em; }
      /* line 139, sass/editor.scss */
      .chartedit .example .config .droppable-area {
        font-style: italic;
        padding: 10px;
        border: 1px solid #cecece; }
        /* line 143, sass/editor.scss */
        .chartedit .example .config .droppable-area ul {
          padding: 5px;
          list-style: none; }
          /* line 146, sass/editor.scss */
          .chartedit .example .config .droppable-area ul li {
            padding: 5px; }
      /* line 150, sass/editor.scss */
      .chartedit .example .config .code, .chartedit .example .config .owner {
        display: none; }
      /* line 152, sass/editor.scss */
      .chartedit .example .config .button {
        cursor: pointer;
        padding: 10px;
        margin: 10px;
        color: white;
        background-color: #3B89B2; }
      /* line 160, sass/editor.scss */
      .chartedit .example .config .item {
        margin: 10px; }
      /* line 163, sass/editor.scss */
      .chartedit .example .config label, .chartedit .example .config p, .chartedit .example .config input, .chartedit .example .config select {
        margin: 3px;
        display: block;
        max-width: 200px; }
      /* line 169, sass/editor.scss */
      .chartedit .example .config input {
        clear: right; }
      /* line 170, sass/editor.scss */
      .chartedit .example .config .button {
        cursor: pointer;
        margin: 10px; }
  /* line 178, sass/editor.scss */
  .chartedit .indicatorselector {
    border: solid #cecece 1px;
    min-height: 100px;
    margin: 5px 0px;
    padding: 5px;
    width: 910px;
    background-color: white; }
    /* line 181, sass/editor.scss */
    .chartedit .indicatorselector .content {
      margin: 10px; }
      /* line 183, sass/editor.scss */
      .chartedit .indicatorselector .content h2 {
        margin: 0; }
      /* line 186, sass/editor.scss */
      .chartedit .indicatorselector .content li {
        margin: 10px 0px;
        list-style: none;
        cursor: pointer; }
      /* line 192, sass/editor.scss */
      .chartedit .indicatorselector .content > ul > li:nth-child(odd) {
        background-color: #eee; }
      /* line 194, sass/editor.scss */
      .chartedit .indicatorselector .content ul {
        padding: 0px; }
        /* line 197, sass/editor.scss */
        .chartedit .indicatorselector .content ul .name, .chartedit .indicatorselector .content ul .owner, .chartedit .indicatorselector .content ul .close {
          width: 500px;
          line-height: 1.5em;
          display: table-cell; }
        /* line 203, sass/editor.scss */
        .chartedit .indicatorselector .content ul .owner {
          width: 100px; }
        /* line 204, sass/editor.scss */
        .chartedit .indicatorselector .content ul .code {
          width: 100px; }
        /* line 205, sass/editor.scss */
        .chartedit .indicatorselector .content ul .close {
          display: none; }
      /* line 207, sass/editor.scss */
      .chartedit .indicatorselector .content input {
        width: 400px; }
  /* line 213, sass/editor.scss */
  .chartedit .indicator-sink {
    background-color: #FFFF99;
    min-height: 40px; }
  /* line 217, sass/editor.scss */
  .chartedit ul.subset {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: 1.2em; }
    /* line 221, sass/editor.scss */
    .chartedit ul.subset .code {
      display: none; }

/* line 225, sass/editor.scss */
.editorhighlight {
  border: 1px dotted red; }