label {
    width: 100%;
}

.card-input-element {
    display: none;
}


.checkmark:hover {
    cursor: pointer;
}

.card-input-element:checked + .card-input {
    box-shadow: 0 0 2px 2px #2ecc71;
    background: url(../images/check.png);
    background-repeat: no-repeat;
    background-position: right 10px top 10px;
    background-size: 30px 30px;
    background-color: white;
}


.media {
    margin: 10px;
    padding: 00px;
}

.chat-image:hover {
    cursor: pointer;
}


.card-input-element:checked + .chat-image {
    box-shadow: 0 2px 0 0 #2ecc71;
    background: url(../images/check.png);
    background-repeat: no-repeat;
    background-position: right 0px bottom 5px;
    background-size: 20px 20px;
    background-color: white;height:110%;
}