.agentSide h2{
  float:left;
}

.agentSide ul.pull-right{
  margin-top:20px;
}

ul li.list-group-item{
  text-align: left;
}

ul li.list-group-item button.btn-info{
  margin-top:-8px;
}

/**
 * Rules for the builder's connected rules lists
 */
.connectedRules {
  border-style: solid;
  border-width: 1px;
  border-color: #cccccd;
  overflow-y: scroll;
}

.connectedRules i {
	margin-right: 0.8em;
}

#agent{
	min-height: 200px;
	max-height: 250px;
}

#ruleset{
	min-height: 700px;
	max-height: 700px;
}

/**
 * Code to deal with UX for dragging
 */
.ui-sortable li {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.ui-sortable:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.agentSide ul.empty{
  background-color: #eee;
  border-style: dashed;
}

.agentSide li.message {
  border: 0px;
  background-color: transparent;
}

/*
  Rule CSS
*/

.play {
  background-color: #EEEEEC;
}

.discard {
  background-color: #EEEEEC;
}

.tell {
  background-color: #EEEEEC;
}