/*
 * @author pmeijer / https://github.com/pmeijer
 */

div.valid-visualizers-dialog {
  div.modal-header {
    .header-icon {
      font-size: 24px;
      margin-right: 1ex;
      display: inline-block;
      color: #333;
    }
    span {
      font-size: 24px;
    }
  }
  .modal-content {
    .toggle-info-btn {
      font-size: 65%;
      vertical-align: top;
      cursor: pointer;
      color: #333;
      &:hover {
        color: #2a6496;
      }
    }
    .info-message {
      display: inline-block;
      width: 95%;
      margin-bottom: 2ex;
      margin-left: 0.5ex;
      opacity: 0.90;
      &.hidden {
        display: none;
      }
    }

    .visualizers-selection-container {
      width: 40%;
      float: left;
      margin-right: 10px;
      ul {
        border: 1px solid #eee;
        min-height: 200px;
        list-style-type: none;
        padding: 5px 0 0 0;
      }
      li {
        margin: 0 4px 4px 4px;
        padding: 4px;
        font-size: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer;
      }
    }
  }
}