.to_class {
    border: 2px solid #4dd2ff;
    padding: 3px;
    border-radius: 10px 10px;
    float: left;
    margin: 5px;
    background-color: #ffffff;
}

.my-custom-scrollbar {
    position: relative;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}

.width150 {
    width: 150px !important;
}

.width200 {
    width: 200px !important;
}

.width300 {
    width: 300px !important;
}

.table tbody tr.unread {
    font-weight: bold;
}

.text-gray {
    color: #c5c5c5;
}
.text-online {
    color: #35ac19;
}

.table tbody tr {
    cursor: pointer;
}

.modal-dialog-scrollable {
    overflow-x: hidden;
    overflow-y: auto;
}

/*vy them*/
.ml-10{
    margin-left:10px;
}

.mr-10 {
    margin-right: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.pl-0{
    padding-left:0px;
}

.pr-0 {
    padding-right: 0px;
}

.table-primary > thead {
    background-color: #0061AD;
    color: white;
}

.text-middle {
    display: flex;
    align-items: center;
}

.table-responsive {
    overflow: auto !important;
    width: 100%;
    font-size: 11px;
    /*max-height: 550px;*/
}

/*end vy them*/

/* phat them*/
a.disabled {
    opacity: .4;
    pointer-events: none;
}

.dataTables_scrollHeadInner, .dataTables_scrollFootInner {
    width: 100% !important;
}

/* Phuc thêm */
input.noborder {
    border:none !important;
}

input.full-width {
    width: 100% !important;
}

input.font-bold {
    font-weight:bold!important;
}