.login-page {
    /*background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.3)), url("../images/trongdong.png") no-repeat;*/
    background-size: 800px;
    background-position-x: center;
    background-position-y: center;
    background-color: var(--bs-highlight-bg);
}
    .login-page::before {
        content: "";
        position: fixed;
        top: 50%;
        left: 50%;
        width: 800px;
        height: 800px;
        background: url("../images/trongdong.png") no-repeat center center;
        background-size: contain;
        opacity: 0.3; /* Độ mờ */
        transform: translate(-50%, -50%);
        transform-origin: center center;
        animation: rotateTrongDong 120s linear infinite;
        pointer-events: none;
        z-index: 0;
    }
@keyframes rotateTrongDong {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.login-box {
    width: 90%;
    max-width: 650px;
}
.login-logo {
    font-weight: 500;
}
.login-body {
    box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.4);
    border-radius: 0.375rem;
    position: relative;
    display: flex;
    width: 100%;
    min-height: 80px; 
    margin-bottom: 1rem;
    color: var(--bs-body-color) #212529;
    background-color: rgba(var(--bs-body-bg-rgb), 0.6)
}
.login-body-img {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 0.375rem 0 0 0.375rem;
    width: 100%;
    max-width: 320px;
    background: var(--bs-warning-bg-subtle);
}
.login-body-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    line-height: 1.8;
    width: 100%; 
    min-height: 320px;
}



.control-label.is-invalid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right;
    background-size: calc(.55em + .375rem) calc(.55em + .375rem);
    padding-right: 17px;
}

:root,
[data-bs-theme=light] {
    --lte-sidebar-width: 270px;
}

.sidebar-wrapper .sidebar-menu > .nav-item.menu-open > .nav-link.active {
    color: var(--bs-danger);
    background-color: var(--bs-danger-bg-subtle);
    font-weight: bold;
}

.sidebar-wrapper .nav-treeview > .nav-item > .nav-link.active {
    color: var(--bs-danger);
}

/* Bỏ viền trên */
#grid .table thead tr:first-child th {
    border-top: none;
}

/* Bỏ viền dưới */
#grid .table tbody tr:last-child td {
    border-bottom: none;
}
/* Bỏ viền trái */
#grid .table tr th:first-child,
#grid .table tr td:first-child {
    border-left: none;
}

/* Bỏ viền phải */
#grid .table tr th:last-child,
#grid .table tr td:last-child {
    border-right: none;
}