.selected-item{
  margin: 8px;
  padding: 8px;
  border-radius: 5px;
}


.color-line{
  display: flex;

  align-items:center;
  height: 40px;
}


.color-cube{
  width: 80px;
  height: 0px;
  border-radius: 3px;
  margin: 5px;
  flex: 60;


}

.color-text{
  margin: 5px;
  flex: 1;
  display: none;

}

.copy-button{
  flex: 1;
  margin: 0px 5px;

}
.delete-icon{
  flex: 1;
  margin: 0px 5px;

}

.shallow{
  color: #CCC;
}

.shallow:hover{
  color: #666;
}

.shallow:active{
  color: #000;
}


#left{
  flex: 2;
  max-width: 300px;
}

#feed{
  flex: 2;
}

.action-bar{
  display: flex;
  margin-left: 19px;

}

#color_line_template{
  display: none;
}

.label-col{
  color: #333;
}

.action-btn{
  color: #333;
  cursor: pointer;
  /*border: 1px #666 solid;*/
  /*border-radius: 3px;*/
  transition-duration: 0.1s;
}

.action-btn:hover{
  color: #333;
}

.action-btn:active{
  color: #000;
}

.myname{
  margin-top: 10px;
  color: #BDCDDE;
}
.date{
  margin-top: 5px;
}