.Beauty-Table {
    width: 100%;
    border: 1px solid #b3b3b3;
}

    .Beauty-Table > thead > tr, .Beauty-Table > tbody > tr {
        height: 30px;
    }

    .Beauty-Table > thead > tr {
        background: linear-gradient(#777, #444);
        color: white;
    }

    .Beauty-Table > tbody > tr:nth-child(2n+1) {
        background-color: #dbdbdb;
        height: 30px;
    }

    .Beauty-Table > thead > tr > th, .Beauty-Table > tbody > tr > td {
        text-align: center !important;
        width: 0;
    }

    .Beauty-Table > thead > tr > th {
        border: 1px solid #787878;
    }

    .Beauty-Table > tbody > tr > td {
        transition: all 0.3s ease-in-out;
    }

    .Beauty-Table > tbody > tr {
        transition: all 0.3s ease-in-out;
        cursor: pointer;
    }

        .Beauty-Table > tbody > tr:hover {
            background-color: #5d5d5d;
        }

            .Beauty-Table > tbody > tr:hover > td {
                color: white;
            }

        .Beauty-Table > tbody > tr:active {
            background-color: red !important;
        }

    .Beauty-Table tr[data-accept] > td {
        transition: all 0.3s ease-in-out;
    }

    .Beauty-Table tr[data-accept="true"] > td:first-child {
        background-color: rgba(0, 128, 0, 0.44);
    }

    .Beauty-Table tr[data-accept="true"]:nth-child(2n+1) > td:first-child {
        background-color: rgba(0, 128, 0, 0.55);
    }

.Beauty-Table-Toolbar {
}

    .Beauty-Table-Toolbar > li {
        color: #333;
        display: inline-block;
        width: 30px;
        height: 30px;
        border: 1px solid #adadad;
        position: relative;
    }

        .Beauty-Table-Toolbar > li > i {
            color: #333;
            font-size: 2em;
            margin: auto;
            top: 5px;
            position: relative;
            top: 5px;
            left: 6px;
        }