.btn-my-grey {
    color: #ffffff;
    background-color: #707070;
    border-color: #707070;
}

.btn-my-grey:hover,
.btn-my-grey:focus,
.btn-my-grey:active,
.btn-my-grey.active,
.open .dropdown-toggle.btn-my-grey {
    color: #ffffff;
    background-color: #000000;
    border-color: #707070;
}

.btn-my-grey:active,
.btn-my-grey.active,
.open .dropdown-toggle.btn-my-grey {
    background-image: none;
}

.btn-my-grey.disabled,
.btn-my-grey[disabled],
fieldset[disabled] .btn-my-grey,
.btn-my-grey.disabled:hover,
.btn-my-grey[disabled]:hover,
fieldset[disabled] .btn-my-grey:hover,
.btn-my-grey.disabled:focus,
.btn-my-grey[disabled]:focus,
fieldset[disabled] .btn-my-grey:focus,
.btn-my-grey.disabled:active,
.btn-my-grey[disabled]:active,
fieldset[disabled] .btn-my-grey:active,
.btn-my-grey.disabled.active,
.btn-my-grey[disabled].active,
fieldset[disabled] .btn-my-grey.active {
    background-color: #707070;
    border-color: #707070;
}

.btn-my-grey .badge {
    color: #707070;
    background-color: #ffffff;
}

/*black*/
.btn-my-black {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

.btn-my-black:hover,
.btn-my-black:focus,
.btn-my-black:active,
.btn-my-black.active,
.open .dropdown-toggle.btn-my-black {
    color: #ffffff;
    background-color: #707070;
    border-color: #000000;
}

.btn-my-black:active,
.btn-my-black.active,
.open .dropdown-toggle.btn-my-black {
    background-image: none;
}

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

.btn-my-black .badge {
    color: #000000;
    background-color: #ffffff;
}

/* white */
.btn-my-white {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.btn-my-white:hover,
.btn-my-white:focus,
.btn-my-white:active,
.btn-my-white.active,
.open .dropdown-toggle.btn-my-white {
    color: #000000;
    background-color: #CCCCCC;
    border-color: #FFFFFF;
}

.btn-my-white:active,
.btn-my-white.active,
.open .dropdown-toggle.btn-my-white {
    background-image: none;
}

.btn-my-white.disabled,
.btn-my-white[disabled],
fieldset[disabled] .btn-my-white,
.btn-my-white.disabled:hover,
.btn-my-white[disabled]:hover,
fieldset[disabled] .btn-my-white:hover,
.btn-my-white.disabled:focus,
.btn-my-white[disabled]:focus,
fieldset[disabled] .btn-my-white:focus,
.btn-my-white.disabled:active,
.btn-my-white[disabled]:active,
fieldset[disabled] .btn-my-white:active,
.btn-my-white.disabled.active,
.btn-my-white[disabled].active,
fieldset[disabled] .btn-my-white.active {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.btn-my-white .badge {
    color: #FFFFFF;
    background-color: #000000;
}

/* danger */
.btn-my-danger {
    color: #ffffff;
    background-color: #E74C3C;
    border-color: #E74C3C;
}

.btn-my-danger:hover,
.btn-my-danger:focus,
.btn-my-danger:active,
.btn-my-danger.active,
.open .dropdown-toggle.btn-my-danger {
    color: #ffffff;
    background-color: #E74C3C;
    border-color: #C61400;
    transition: all 0.7s ease 0s;
}

.btn-my-danger:active,
.btn-my-danger.active,
.open .dropdown-toggle.btn-my-danger {
    background-image: none;
}

.btn-my-danger.disabled,
.btn-my-danger[disabled],
fieldset[disabled] .btn-my-danger,
.btn-my-danger.disabled:hover,
.btn-my-danger[disabled]:hover,
fieldset[disabled] .btn-my-danger:hover,
.btn-my-danger.disabled:focus,
.btn-my-danger[disabled]:focus,
fieldset[disabled] .btn-my-danger:focus,
.btn-my-danger.disabled:active,
.btn-my-danger[disabled]:active,
fieldset[disabled] .btn-my-danger:active,
.btn-my-danger.disabled.active,
.btn-my-danger[disabled].active,
fieldset[disabled] .btn-my-danger.active {
    background-color: #E74C3C;
    border-color: #E74C3C;
}

.btn-my-danger .badge {
    color: #E74C3C;
    background-color: #ffffff;
}