.kanban-container {
    display: flex;
    flex-wrap: wrap;
}

.kanban-state {
    flex-grow: 1;
    border: 1px solid #bbb;
    border-radius: 5px;
    min-height: 80px;
    min-width: 220px;
    max-width: 380px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.kanban-state-name {
    font-size: 1.3em;
    margin-top: 10px;
}

.kanban-state-name i {
    float: right;
}

.kanban-state-drag-enter {
    border: 4px dotted red;
}

.kanban-state-drag-hover {
    background-color: #ebf5ff;
}

.kanban-state-drag-hover .kanban-state-name {
    font-weight: bold;
}

.kanban-task {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 5px 5px 10px;
    min-height: 45px;
    cursor: move;
}

.kanban-task-project {
    font-size: x-small;
}

.kanban-task-open {
    float: right;
}

.kanban-task-likes > i {
    cursor: pointer;
}

.kanban-archived-info {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    margin-bottom: 10px;
    text-align: center;
    font-style: italic;
    color: #999;
}

.kanban-user {
    display: inline-block;
    margin-right: 5px;
}

.kanban-user-icon {
    width: 32px;
    height: 32px;
    border: 1px solid black;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 2px;
    padding-top: 5px;
    text-align: center;
    font-size: 16px;
}

.estimated-hours {
    display: block;
    width: 100%;
}

.task_creation_time {
    display: inline-block;
    padding-top: 8px;
    padding-left: 16px;
    color: #bbb;
}

.task-workers {
    max-height: 90px;
    overflow-y: auto;
}

.add-keyword {
    margin-top: 10px;
}

#keyword-suggestions > div {
    display: inline-block;
}

#keyword-suggestions_dropdown {
    top: 38px;
}

.task-worker,
.task-keyword {
    display: inline-block;
    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 2px;
    margin: 2px;
    cursor: pointer;
}

.selected-worker {
    background-color: #2691d9;
    color: #fff;
}

.comments {
    margin-bottom: 0;
}

.comment .icons {
    float: right;
}

.comment .icons i,
.project-log-entry a {
    cursor: pointer;
}

.comment .by,
.comment .user,
.comment .on,
.comment .time,
.project-log-entry .timestring {
    color: #bbb;
    font-size: 0.8em;
}

.project-log-entry .username {
    font-style: italic;
}

.project-log-entry .emphasis {
    font-weight: bold;
}

.add_comment textarea {
    height: 30px;
}

.like-icon,
.hide-icon {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.like-count {
    display: inline-block;
    margin-right: 10px;
    font-size: 1.25em;
    vertical-align: middle;
}

.padding-box {
    padding: 0px 20px 10px 20px;
}

.checkbox-input {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}