body {
    background:#333;
    color:#fff;
}

.add_widget {
    text-decoration: underline dotted;
}

.add_widget span.type {
    cursor: help;
}

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

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

 .add_widget .glyphicon-chevron-up {
    display:none;
 }

.retro_type {
    /*float:left;
    min-height:50px;
    margin:10px 5px;
    width:216px;*/

    /*color: #fff;*/
    text-align: center;
}

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

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

.retro_type ul li {
    overflow:hidden;
    position: relative;
    padding:5px;
    margin:4px 0 0 0;
    display: none;
}
.retro_type ul li.reviewed:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 10px solid #333;
    border-left: 10px solid rgba(0, 0, 0, .4);
    width: 0;
}

.retro_type ul li.force-show {
    display: list-item !important;
}

.retro_type ul li div.footer {
    clear:both;
    border-bottom: 1px solid black;
    width:100%;
    height:25px;
    padding:2px 5px 5px 5px;
    text-align: center;
    vertical-align: bottom;
    background: rgba(0, 0, 0, 0.2);
}

.retro_type ul li div.note {
    clear:both;
    padding-bottom: 10px;
    padding-right: 8px;
}
.retro_type ul li div.note img {
    max-width: 100%;
    height:auto;
}
.retro_type div.notead {
    background: rgba(255, 255, 255, 0.01);
    margin:5px 0;
}

.retro_type ul li .glyphicon.glyphicon-ok,
.retro_type ul li .glyphicon.glyphicon-unchecked,
.retro_type ul li .glyphicon.glyphicon-remove,
.retro_type ul li .glyphicon.glyphicon-arrow-up {
    float:right;
    cursor:pointer;
    margin-top: 3px;
}

.retro_type ul li .glyphicon.glyphicon-remove
{
    margin-left: 8px;
}

.retro_type ul li .glyphicon.glyphicon-arrow-up
{
    float:left;
}

.retro_type.red ul li {
    background:#e74c3c;
}
.retro_type.red ul li:before {
/*    border-left: 10px solid #8f3027;*/
}
.retro_type.red .add_widget {
    border: 1px solid #e74c3c;
    border-bottom: 5px solid #e74c3c;
}

.retro_type.green ul li {
    background:#2ecc71;
}
.retro_type.green ul li:before {
/*    border-left: 10px solid #17713d;*/
}
.retro_type.green .add_widget {
    border: 1px solid #2ecc71;
    border-bottom: 5px solid #2ecc71;
}

.retro_type.blue ul li {
    background:#3498db;
}
.retro_type.blue ul li:before {
/*    border-left: 10px solid #1d567d;*/
}
.retro_type.blue .add_widget {
    border: 1px solid #3498db;
    border-bottom: 5px solid #3498db;
}

.retro_type.purple ul li {
    background:#C560FF;
}
.retro_type.purple ul li:before {
/*    border-left: 10px solid #6c348c;*/
}
.retro_type.purple .add_widget {
    border: 1px solid #C560FF;
    border-bottom: 5px solid #C560FF;
}

.retro_type.yellow ul li {
    background:#f1c40f;
}
.retro_type.yellow ul li:before {
/*    border-left: 10px solid #8c7207;*/
}
.retro_type.yellow .add_widget {
    border: 1px solid #f1c40f;
    border-bottom: 5px solid #f1c40f;
}

.retro_type.white ul li {
    background:#ffffff;
}
.retro_type.white ul li:before {
/*    border-left: 10px solid #ccc;*/
}
.retro_type.white .add_widget {
    border: 1px solid #ffffff;
    border-bottom: 5px solid #ffffff;
}

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

.no-cursor {
    cursor: default !important;
}

@media only screen and (max-width: 760px) {
  .shft-rtrn { display: none; }
}

#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;
}