/*Grouplist Hover Effect*/
.content {
    background: #e6f4ff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    transition: 100ms;
}

.content:hover {
    background: #d4ecff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
}

.content-heading {
    transition: 100ms;
}

.content:hover .content-heading {
    margin-left: 5px;
    padding-bottom: 10px;
}

.content-text-in {
    margin-right: 10px;
    box-shadow: inset 0 .125rem .25rem rgba(0, 0, 0, .075);
    transition: 100ms;
}

.content:hover .content-text-in {
    margin-right: 0;
    box-shadow: inset 0 .125rem .25rem rgba(0, 0, 0, .25);
}
