.btn-black {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
    background-color: #000000;
    border-color: #000000;
}
.btn-black.disabled:hover,
.btn-black.disabled:focus,
.btn-black.disabled:active,
.btn-black.disabled.active,
.btn-black[disabled]:hover,
.btn-black[disabled]:focus,
.btn-black[disabled]:active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black:hover,
fieldset[disabled] .btn-black:focus,
fieldset[disabled] .btn-black:active,
fieldset[disabled] .btn-black.active {
    background-color: #000000;
    border-color: #000000;
}

.btn-purple {
    color: #FFF;
    background-color: #cf37c9;
    border-color: #cf37c9;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
    color: #fff;
    background-color: #bf2eb9;
    border-color: #aa29a5;
}
.btn-purple.disabled:hover,
.btn-purple.disabled:focus,
.btn-purple.disabled:active,
.btn-purple.disabled.active,
.btn-purple[disabled]:hover,
.btn-purple[disabled]:focus,
.btn-purple[disabled]:active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple:hover,
fieldset[disabled] .btn-purple:focus,
fieldset[disabled] .btn-purple:active,
fieldset[disabled] .btn-purple.active {
    color: #fff;
    background-color: #cf37c9;
    border-color: #cf37c9;
}

.btn-speaker {
    color: #78B9F7;
    background-color: #FFF;
    border-color: #E7E7E7;
    box-shadow: 0 0 0 5px #f1f1f1;
}
.btn-speaker:hover,
.btn-speaker:focus,
.btn-speaker:active,
.btn-speaker.active,
.open > .dropdown-toggle.btn-speaker {
    color: #FFF;
    border-color: #FFF;
    background: #78B9F7;
    box-shadow: 0 0 0 5px #fff;
}
.btn-speaker:active,
.btn-speaker.active,
.open > .dropdown-toggle.btn-speaker {
    background-image: none;
}
.btn-speaker.disabled,
.btn-speaker[disabled],
fieldset[disabled] .btn-speaker,
.btn-speaker.disabled:hover,
.btn-speaker[disabled]:hover,
fieldset[disabled] .btn-speaker:hover,
.btn-speaker.disabled:focus,
.btn-speaker[disabled]:focus,
fieldset[disabled] .btn-speaker:focus,
.btn-speaker.disabled:active,
.btn-speaker[disabled]:active,
fieldset[disabled] .btn-speaker:active,
.btn-speaker.disabled.active,
.btn-speaker[disabled].active,
fieldset[disabled] .btn-speaker.active {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-speaker .badge {
    color: #428bca;
    background-color: #fff;
}

.btn-circle {
    border-radius: 50%;
    width: 57px;
    height: 57px;
    padding-top: 0px; 
    margin: 5px 10px 5px 5px;
    font-size: 38px;
}

.btn-speaker.checked {
    color: #5CB85C;
}

.btn-speaker.checked:hover  {
    color: #fff;
    border-color: #fff;
    background: #5CB85C;
}


.icon-at:before {
    content: "@";
    font-weight: bold;
}