.cf-working, .cflists .active {
    pointer-events:none;
}
.viewLists {
    outline:none !important;
}

.cflists {
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
    max-width: 284px;
    border: solid 1px #ccc;
    background-color:#fff;
    font-weight: bold;
    display:none;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

.cflists * {
    box-sizing: inherit;
}
.cflists li {
    position:relative;
    overflow:hidden;
}
.cflists li:last-child a {
    border-bottom:none;
}

.cflists a {
    display: inline-block;
    padding: 6px 8px;
    border-bottom: solid 1px #ccc;
    white-space: nowrap;
    width: 100%;
    text-decoration: none !important;
    color:inherit;
    color:#444 !important;
    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    transition: background 150ms ease;
}
.cflists .id {
    font-size: 11px;
    opacity: .6;
    font-weight:normal;
}

.cflists a:hover, .cflists .active {
    background-color:#fff;
}

.cflists .active a {
    background-color: #ebf8f3;
}

.cflists a:after {
    font-family: "IcoMoon";
    font-style: normal;
    speak: none;
    position:absolute;
    font-size: 10px;
    line-height: 1;
    right: 10px;
    top: 9px;
}
.cflists .active a:after {
    content: "\47";
    color: green;
}