body {
    background:#35654d;
}

.add_widget .title.mine {
    cursor: pointer;
}

.add_widget .glyphicon-plus {
    right:10px;
}

.add_widget .glyphicon-chevron-down, .add_widget .glyphicon-remove {
    left:10px;
}

.add_widget .glyphicon-remove, .add_widget .glyphicon-eye-open {
    display: none;
}

.add_widget .glyphicon-eye-close, .add_widget .glyphicon-eye-open {
    display: none;
    left: 30px;
}

ul li .glyphicon {
    cursor: pointer;
}

.table_type {
    margin:10px 0px;
    text-align: center;
}

.table_type.stories.template {
    display: none;
}

.story_row .table_type.stories:nth-child(6n+1)
{
    clear: left;
}

.table_type ul {
    text-align: left;
    list-style: none;
    color: #111;
    margin:0;
    padding:0;
}

.table_type .add_form {
    color:#333;
    display: none;
}
.table_type .add_form form {
    width:100%;
}

.table_type ul li {
    overflow:hidden;
    position: relative;
    padding:5px;
    padding-right: 25px;
    margin:2px 0 0 0;
}

.table_type ul li .glyphicon.glyphicon-arrow-up {
    float:left;
    cursor:pointer;
    margin:5px 10px 0 0;
}

.table_type.green ul li {
    background:#2ecc71;
}
.table_type.green .add_widget {
    border: 1px solid #2ecc71;
    border-bottom: 5px solid #2ecc71;
}

.table_type.blue ul li {
    background:#3498db;
}
.table_type.blue .add_widget {
    border: 1px solid #3498db;
    border-bottom: 5px solid #3498db;
}

.table_type.purple ul li {
    background:#C560FF;
}
.table_type.purple .add_widget {
    border: 1px solid #C560FF;
    border-bottom: 5px solid #C560FF;
}

.table_type.yellow ul li {
    background:#f1c40f;
}
.table_type.yellow .add_widget {
    border: 1px solid #f1c40f;
    border-bottom: 5px solid #f1c40f;
}

.table_type.white ul li {
    background:#ffffff;
}
.table_type.white .add_widget {
    border: 1px solid #ffffff;
    border-bottom: 5px solid #ffffff;
}


@media (max-width: 700px) {
    .table_type {
        width:100%;
    }
}

li .point {
    padding-left: 10px;
}

li .who {
   float: right;
   text-align: right;
}

div.whohere {
    padding-bottom: 5px;
}

#here .here .glyphicon-remove
{
    cursor: pointer;
}

.add_story_row {
    display: none;
}

.stories .title a {
    text-decoration: underline;
}

.table_type.red .panel-primary .add_widget a {
    color: white;
}

#story_id {
    min-height:40px;
}
.panel-body {
    padding:10px;
}

.here, .stories li .who {
  display: inline-block;
  max-width:150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

 .stories li .who {
    display: block;
 }

#notification {
  position: fixed;
  bottom: 20px;
  left: 30px;
  background: coral;
  color: #000;
  padding: 15px 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  z-index: 9999;
  display: none;
}
#notification .close {
  margin-left: 15px;
  cursor: pointer;
  font-weight: bold;
}