.CodeMirror-hints {
  
  list-style: none;

  margin: 0;
  padding: 1em;

  max-height: 20em;
  overflow-y: auto;
}

.CodeMirror-hintHelp{
	width:270px;
  float:right;
  padding:1em 0 1em 1em;
  
  max-height: 20em;
  overflow-y: auto;
}

.CodeMirror-hintsDialog{
 	position: absolute;
  z-index: 5000;
  overflow: hidden;
  
  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 23em;
  width:500px;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  max-width: 19em;
  overflow: hidden;
  white-space: pre;
  color: black;
  cursor: pointer;
}

.CodeMirror-hints .keyword{
    color:blue;
 }
  
.CodeMirror-hints .function{
    color:black;
  }
  
  .CodeMirror-hints .type{
    color:#0033FF;
  }
  
  .CodeMirror-hints .attribute{
    color:#550022;
  }
  
  .CodeMirror-hints .previous{
    color:gray;
  }
  
.CodeMirror-hints .identifier{
    color:black;
  }

.CodeMirror-hint-active {
  background: #ddd;
}