.button-column {
    text-align: right !important;
}

.button-column .btn-group a {
    float: none !important;
    display: inline-block !important;
    white-space: nowrap;
    /*border-right: none; destroy btn column in tables*/
}

.button-column .btn-group:not(.btn-group-vertical) {
    white-space: nowrap;
}


.text-muted-force, .text-muted-force td:not(.button-column) * {
    color: #ccc !important;
}

.button-column .btn-danger {
    background-color: #fff;
    color: #af0000;
    border-color: #ccc;
}

.button-column .btn-danger:hover {
    background-color: rgba(175, 0, 0, 0.1);
}

.button-column .btn-warning {
    background-color: #fff;
    color: #f0ad4e;
    border-color: #ccc;
}

.button-column .btn-warning:hover {
    background-color: rgba(240, 173, 78, 0.33);
}

@media (max-width: 470px) {
    .modal-footer .btn {
        width: 100%;
    }

    .btn-group .btn {
        width: 100% !important;
    }

    .btn-group {
        width: 100% !important;
    }

}

@media (max-width: 800px) {
    table .btn-group .btn {
        width: 150px !important;
        display: block;
        border-radius: 0px !important;
        margin: 0 5px 10px !important;
        padding: 5px !important;
        font-size: 18px;
        float: right;
    }

    .content-padding {
        padding: 0 !important;
    }

    .content-padding .panel {
        border-radius: 0 !important;
    }

    .right_col {
        padding-top: 0 !important;
    }
}

.btn {
    border-radius: 0 !important;
    margin: 4px 0 !important;
}