.left-5 {
    left: -5px;
}

.pd-6-8 {
    padding: 6px 8px !important;
    margin-bottom: 0px;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.color-w {
    color: #fff !important;
}

.cb-right {
    z-index: 1;
}

    .cb-right img {
        width: 90%;
        height: 35px;
    }

.cb-left {
    width: 40%;
    z-index: 2;
}

    .cb-left h6 {
        font-size: 18px;
    }

    .cb-left p {
        font-size: 12px;
    }

.ht-list-cb .col-sm-2 {
    padding: 5px 5px !important;
}

.text-upper {
    text-transform: uppercase !important;
}

.color-cb-1 {
    color: #469c46;
}

.color-cb-2 {
    color: #f32121;
}

.ht-title {
    position: relative;
    width: 230px;
    height: 32px;
    position: relative;
    background: #e6e6e6;
    font-family: 'Oswald-Bold';
    font-weight: 700;
}

    .ht-title:before {
        content: "";
        position: absolute;
        right: -16px;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 16px solid #e6e6e6;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
    }

.color-hotro {
    color: black !important;
}

.cb-item a {
    color: #105169;
    font-family: "Roboto-Medium", Arial, Helvetica, sans-serif;
}

    .cb-item a:hover {
        color: #0479ec !important;
    }

.bor-dash-r {
    border-right: 1px dashed #ccc;
}

.bor-dash-rb {
    border-right: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

.bor-dash-b {
    border-bottom: 1px dashed #ccc;
}

.boxhientrang .unismall {
    margin-bottom: 0px;
}

.boxhientrang .form-control {
    border: none;
    height: 54px;
    padding: 0 0.5rem !important;
    text-align: center;
}

    .boxhientrang .form-control:focus {
        color: #fff;
        background-color: #0479ec;
        outline: 0;
        box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);
    }

.boxhientrang td.text-center {
    padding: 0px 0rem !important;
}

.t-20 {
    font-size: 20px;
}

.fw-700 {
    font-weight: 700;
}
#dashboard .chart .data-table .table {
    width: 100%;
    display: table;
    margin: 0;
}

#dashboard .chart .data-table .row {
    display: table-row;
    background: #fafdff;
}

    #dashboard .chart .data-table .row:nth-child(2) .cell {
        font-weight: bold;
        color: #2155ce;
    }

    #dashboard .chart .data-table .row.header {
        color: #fff;
        background: #2f79f9;
    }

#dashboard .chart .data-table .cell {
    display: table-cell;
}

#dashboard .chart .data-table .row .cell {
    color: #444;
    line-height: 1.2;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}

    #dashboard .chart .data-table .row .cell:nth-child(2) {
        text-align: left;
        font-weight: bold;
    }

#dashboard .chart .data-table .row.header .cell {
    color: #fff;
    line-height: 1.2;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 12px;
    font-weight: bold;
}

#dashboard .chart .data-table .table, #dashboard .chart .data-table .row {
    width: 100% !important;
}

    #dashboard .chart .data-table .row:hover {
        background-color: #ececff;
        cursor: pointer;
    }