#content-wrapper {
    background-color: #f5f5f5 !important;
}

.bg-gradient-primary {
    background-image: none !important;
    background-color: #000 !important;
}



.height-200 {
    height: 300px;
}

table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table th,td {
    font-size: 11px !important;
}

table.table-bordered td:last-child {
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e6f0 !important;
}

@media screen and (max-width: 600px) {
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table tr {
        display: block;
    }

    table td {
        display: block;
        text-align: right;
    }

    table td::before {
        content: attr(data-label);
        float: left;
        margin-right: 10px;
    }

    table td:last-child {
        border-bottom: 0;
    }
}

.datatable {font-size: 12px;}
.datatable th {text-transform: none !important; color: #333333;}
.datatable td .btn-circle {height: 1.5rem !important; width: 1.5rem !important; font-size: 0.8rem !important;}
.datatable td {padding: 5px 10px 5px 10px !important; text-align: left !important; color: #333333;};

.half-width {
    width: 49%;
    float: left;
}

td {
    word-break: break-all;
}