#outer {
  display: flex; }

.column {
  flex: 25%;
  width: 25%;
  padding: 0 4px; }
  @media only screen and (max-width: 1000px) {
    .column {
      width: 33%; } }
  @media only screen and (max-width: 800px) {
    .column {
      width: 50%; } }
  @media only screen and (max-width: 700px) {
    .column {
      width: 100%; } }

.ui-state-highlight {
  height: 1.5em;
  line-height: 1.2em; }

ul.cs {
  border: solid 1px blue;
  min-height: 100px;
  list-style-type: none;
  margin: 0;
  padding: 0; }

li {
	display: flex ;
	  justify-content: space-between;
}
li .im {
	max-height: 20px;
	margin: 6px;
	max-width: 30px;
	float: left;

}
li a.link {
	padding: 3px;
	display: inline-block;
    height: 35px;
    overflow: hidden;   
    text-overflow: ellipsis;
    }
li a.del
{
	float: right;
	
}