.acord {
    display: block;
    padding: 7px;
    letter-spacing: .2em;
}

.clap li {
    margin: 3px !important;
}

.clap li a{
    font-size: 10px !important;
}

li label {
    display: block;
    margin: 0;
}

li label:hover {
    cursor: pointer;
}

.clap {
    margin: -10px !important;
}

input[type="checkbox"].on-off{
    display: none;
}

input[type="checkbox"].on-off + .clap{
    display: none;
}

input[type="checkbox"].on-off:checked + .clap{
    display: inline-block;
    width: 80%;
}

#reply .acord{
    padding: 10px;
}
#reply input[type="radio"].on-off {
    display: none;
}
#reply input[type="radio"].on-off + .clap{
    height: 0;
    overflow: hidden;
}
#reply input[type="radio"].on-off:checked + .clap{
    display:table-cell;
}
#reply .contents{
    color: #8c8c8c;
}