<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    --primary-color: #0d6efd;
    --text-color: #000;
    --bg-color: #f5f5f5;
    --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

img {
    width: 100%;
    height: 100%;
}

a {
    text-decoration: none;
    display: block;
}

ul {
    padding: 0;
}

.disable 
{
    pointer-events: none; /* Không cho click */
    opacity: 0.5; /* Làm mờ để nhìn biết đang disable */
    cursor: not-allowed; /* Đổi con trỏ chuột */
}

button.btn:disabled {
    background-color: #999 !important;
    color: #fff !important;
    border-color: #666 !important;
    opacity: 1 !important;
    pointer-events: none;
    cursor: not-allowed;
}


/*.btn.disable {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
    transform: none !important;
}*/


.btn {
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    color: var(--text-color);
    border-radius: 6px;
    border: 1px solid #ccc;
}

.btn:hover {
    background-color: #0d6efd;
    color: #fff;
    transform: scale(1.02);
    transition: 0.5s;
}

.btn--active {
    transform: scale(1.03);
    background-color: #0d6efd;
    color: #fff;
}

.breadcrumb-item-link {
    color: #212539BF !important;
    font-weight: bold;
}

/* Keyframes mở */
@keyframes slideFadeIn {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Keyframes đóng */
@keyframes slideFadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-30px);
    }
}
</pre></body></html>