.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.border-1-dotted-black {
    border-bottom: 1px dotted black !important
}

.text-bold,
.font-bold {
    font-weight: bold !important;
}

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

.text-justify {
    text-align: justify !important;
}

.text-left {
    text-align: left !important;
}

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

.text-center {
    text-align: center !important;
}

.color-success {
    color: var(--mud-palette-success);
}

.color-primary {
    color: var(--mud-palette-primary);
}

.color-warning {
    color: var(--mud-palette-warning);
}

.color-error {
    color: var(--mud-palette-error);
}

.color-white {
    color: #fff;
}

.bg-primary {
    background: var(--mud-palette-primary);
}

.bg-error {
    background: var(--mud-palette-error);
}

.cell-oneline {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-oneline {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-twoline {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-threeline {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-fourline {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 600px) {
    .grid-column-reverse {
        flex-flow: column-reverse;
    }
}

.sinhvien-selected-2 {
    background: var(--mud-palette-info-lighten) !important;
}

    .sinhvien-selected-2 > td {
        color: white !important;
    }

        .sinhvien-selected-2 > td .mud-input {
            color: white !important;
        }