body {
  /* 60px to make the container go all the way to the bottom of the topbar */
  padding-top: 60px;
}

#text-input {
  width: 80%;
}

.messages > div {
  border-bottom: solid lightgray 1px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.messages > div:first-of-type {
  border-top: solid lightgray 1px;
}

.messages > div > .username {
  font-weight: bold;
}

body {
    padding-top: 60px;
    padding-bottom: 40px;
}

body { min-width: 520px; }

.column { width: 50%; float: left; padding-bottom: 100px; }
.portlet { margin: 0 1em 1em 0; }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

/*Tree*/
.node {
    cursor: pointer;
}

.node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.node text {
    font: 10px sans-serif;
}

.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}